@charset "UTF-8";
.newcss {
}

body {

font-family : Arial, Helvetica, sans-serif;
color : #000088;
font-size: 13px; 
color: #FFFFFF;
background-color: #000000; 

}

  
a {
color: #FFFFFF;
text-decoration: none;
color: #818cfc;
font-weight: normal;

}	  


a:hover {
color: #818cfc;
text-decoration:none;
}	

h1 {
font-size: 18px;
padding: 15px;
} 

p {
margin: 30px;
line-height: 20px;
}
  
/*DIVS*/	


	  
 #dercolum {
   width:830px;
  height: 580px;
   position: relative;
   float:left;
background-color:#2f3032;   
   }

#izcolum {
 
background-color:#2f3032;
float: left;
width: 400px;
height: 590px;
   }


#top {
/*position: absolute;
left: 0;
top: 0;
width: 830px;
height: 30px;
z-index: 2;
background-color: #cccccc;
float: right;*/



}


#foto{

background-color:#2f3032;
/*height: 400px;
width: 830px;*/
position: absolute;
left: 0;
top: 100;
z-index: 1;
float: right;
}

#logo{
position: relative;
left: 20px;
top: 16px;
z-index: 2;
}

/*menu*/

#menu{
background-color: #5c64b7;
height: 30px;
width: 830px;
position: absolute;
left: 0;
top: 560px;
text-align: right;

}


#menu li{
margin-right: 20px;
display:  inline;

}


#menu ul{
margin:0px;
padding-top: 6px;
}

#menu a{
color: #FFFFFF;
}


#menu a:hover{
color:#000000;
}

/*menuTop*/


#menuTop {

margin-top: 30px;
padding-left: 15px;




}

#menuTop li{
display:inline;
margin-left: 5px;
}

#menuTop li ul{
display:inline;

}


#menuTop img{
margin-right: 5px;

}


/*proyectosTop*/

#vacio {
height:53px;
width: 830px;
background-color: #000000;
}


#textosproyectoTop {
position: absolute;
z-index:5;

float: right;
background-color:;
width:820px;
padding: 5px;

}


#textosproyectoTop img{
margin-right: 5px;
}  

#textosproyectoTop a{
color:#FFFFFF;
} 

#toggleText{
position: relative;
margin-left: 170px;
background-color: #000;
width: 500px;
margin-top: 40px;  
/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  padding: 20px;}
 
#toggleText img{
float: right;
}



#textosproyectoTop li{
display: inline;
margin-right: 15px;

}


/*#flechas {
position: absolute;
top:250px;
left: 0px;
width: 830px;
}*/

#pie {
position: absolute;
top: 600px;
margin-top: 45px;
width: 380px;
margin-left: 15px;
}

#pie li{
display:inline;
margin-right: 120px;

}




/*class*/	


.centrar {
		position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:43%;
		left:50%;
		/*determinamos una anchura*/
		width:1230px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-615px;
		/*determinamos una altura*/
		height:650px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-280px;
		padding:5px;
	}
	
	
.centrarlogo {
		position: absolute;
		top:50%;
		left:38%;
		padding:5px;
	}
	
	
	.parrafiz p{
	margin-top: 80px;	
	}
	
	.parrafiz img{
	margin-right: 10px;	
	}
	
	
	.cv {
	float: left;
	width:510px;
	position: absolute;
    left: 270px;
    top: 100px;

	
	
	}
	
	.cerrar {
	float: right;
	padding: 20px;
	position: absolute;
	top: 0px;
	left: 750px;
	
	}
	
	
	
.pequeña {
font-size: 9px;
}



.tituloGrande {
font-size: 14px;
opacity:none;

 }

.tituloPeq {
font-size: 16px;
padding-right:50px;
}
/*
.info {
float: right;

}

.images {
position: absolute;
top: 5px;
left: 730px;

}*/

.tabla {
margin-top:60px;
margin-left: 30px;



}



.tabla img{
/*margin:5px 5px ;
*/
}

.pie {

font-size: 9px;
color:#CCCCCC;
}

.derecha{
float: right;
}


/*desplegable*/

#nav1 {
margin-top: 30px;
z-index:999;
margin-left: 30px;

}



ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;

}




#k { /* all list items */
float: left;
width: 5em;
position: relative;
background-color: ;
z-index:999;
margin-top:10px;
 

}

#k img {
padding-left: 4px;
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;

       
padding:3px;
z-index:999;
width: 100px;
margin-left: -10px;


padding-top: 5px;

}


li ul li {
background-color:#494950;
padding-left:5px;
padding-top: 5px;





}

li ul li a:hover {
color: #ffffff;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}