body {
  background: url(../images/fondo1.jpg) left top repeat-x;
  color: #777777;
  font-family: Arial, helvetica, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
}

 li
{
list-style: none;
text-align:left;

}

	
* {
  margin: 0;
  padding: 0;
}
/* Layout */

#page {
  width: 100%;
  padding: 0;
}

/* Header*/

#header {
  height: 50px;
  padding:0px 0px 0px 0px;
  clear:both;
}

#lateral {
width: 136px;
height:500px;
background: url(../images/lateral_sg.gif) left top no-repeat;
float:left;

}

#imagen_home {
  width: 100%;
  background: #555555;

}

.content {
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
float:left;
}



.columna_central {
width: 100%;
margin:10px 0px 0px 0px;
background: #851222;
}


.columna2 {
width: 240px;
margin:0px 0px 0px 40px;
 float:left;
}

.menu {
margin: 0px 0px 0px 0px;
padding: 180px 10px 0px 400px;

}

.info_proyecto {
width: 710px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
background: #DDDDDD;
float:left;
}
.info_proyecto img {
margin: 0px 0px 0px 5px;

}
.treinta {
padding: 20px 15px 0px 15px;
width: 212px;
height:auto !important; height: 233px; min-height:233px;
border-left:1px solid #bfbfbf;
float:left;
}

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}


.titular_1 {
padding: 10px 0px 10px 0px;
font-family:Arial, geneva, Arial, Helvetica, sans-serif; color: #9F002D; font-size:20px; letter-spacing:-1px;

}

.titular_2 {
padding: 0px 0px 10px 0px;
font-family:Arial, geneva, Arial, Helvetica, sans-serif; color: #777777; font-size:14px; letter-spacing:-1px;
font-weight:bold;

}


.flotante{ position: absolute; z-index:50; }
.flotante2{ position: absolute; z-index:50; height:0px }

.pantallas_flotante{
	position: relative;
	left:185px;
	top:25px;
	width:190px;
		float:left;
	z-index:5;

}
.pantallas_flotante img{
padding: 0px 0px 5px 0px;
}


.pantallas_presentacion{
	position: relative;
	background: #000000;
	padding: 10px 10px 10px 10px;
	left:185px;
	top:254px;
		float:left;
	z-index:3;

}


.titulos_flotante{
	position: relative;

	padding: 10px 10px 10px 10px;
left:380px;
	top:175px;
		float:left;
	z-index:3;

}

.top_flotante{
	position: relative;
background: url(../images/sombra_top.png) repeat-x;
width:780px;
height:200px;
float:left;
	z-index:11;

}












#listado_menu li
{
    margin-top: 0px;
	margin-left: 0px;
	padding: 0px 0px 5px 20px;
	padding-top:2px;
	background-image: url(../images/bullet_2.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
	list-style: none;
	text-align:left;
}




#listado_1 li
{
    margin-left: 0px;
	padding: 0px 0px 5px 20px;
	padding-top:2px;
	background-image: url(../images/bullet_1.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
	list-style: none;
	text-align:left;
	border-bottom:1px solid #D1DCE0;

}






a:link { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #666666; text-decoration: none; padding: 0px 0px 0px 0px;}

a:visited { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #666666; text-decoration: none; padding: 0px 0px 0px 0px;}

a:hover { font-family: Arial, Helvetica, sans-serif;  font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none }
a:active { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #666666; text-decoration: none }





a.flecha:link { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #5D8693; text-decoration: none; padding: 0px 0px 0px 20px;  background:url(../images/bullet_1.gif) no-repeat; background-position: 2px;}

a.flecha:visited { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #52909B; text-decoration: none; padding: 0px 0px 0px 20px;  background:url(../images/bullet_1.gif) no-repeat; background-position: 2px;}

a.flecha:hover { font-family: Arial, Helvetica, sans-serif;  font-style: normal; font-weight: normal; color: #000000; text-decoration: none }
a.flecha:active { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #A6123A; text-decoration: none }


#boton a, #boton a:visited {

  text-decoration:none; 
  text-align:center; 
  background-color:#000000; 
  color:#bfbfbf; 
  display:block; 
padding:1px 4px 1px 4px;
margin:5px 10px 5px 0px;
font:9px Small Fonts, Arial, Helvetica, sans-serif,;
border:1px solid #666666;
  }

#boton a:hover {
  background-color:#222222; 
  color:#fff; 
  }
  
  
  
  
    /* scroll ---------------------------------------------------------------------------------- */  
	
	#cuerpo{ position:relative; top:0; left:0;width:auto; height:580px; padding-bottom: 0px;background-color:#333333; overflow:hidden; }
  
  #cuerpo .contenido_scroll {position:relative;z-index:1;width:auto; padding:5px 5px 5px 5px;}
#cuerpo .contenido_scroll ul{ padding:0 0 15px 40px}
#cuerpo .contenido_scroll ul li{font-size:1.0em; padding:0 15px 5px 0; line-height:1.2em; color:#aaaaaa;}
#cuerpo .contenido_scroll a{ color:#aaaaaa; text-decoration:none}
#cuerpo .contenido_scroll a:hover{ color:#fff; text-decoration:none}
#cuerpo .contenido_scroll h2{ font-size:1.6em; font-family:Arial, Helvetica, sans-serif; font-weight:lighter; padding:0 0px 15px 0 ;color:#fff; width:auto}
#cuerpo .contenido_scroll h3{ font-size:1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:lighter; padding:0 0px 10px 0;color:#fff; width:auto; }
#cuerpo .contenido_scroll p{ font-size:1.0em; padding:0 0px 10px 0;color:#aaaaaa;width:auto }
#cuerpo .contenido_scroll p a{ color:#FFFFFF; text-decoration:none}

  
  
  
  
  
  
  /* transparent ---------------------------------------------------------------------------------- */  

 img, div { behavior: url(iepngfix.htc) }