body {
	margin:0;
	padding:0;
	/*font: bold 11px/1.5em Verdana;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background:url(img/fondo.jpg) repeat;
}
#Contenedor {
	width:840px;
	margin:0 auto;
}
#Clearer{clear:both;}
#Menu{
	margin:0;
	width:800px;
	height:30px;
}
#Cabecera{
	width:840px;
	height:54px;
	background-image:url(img/cabecera.jpg);
}
#Cabecera a img{
	height:54px;
	border:none;
}
#CabeceraImagen{
	width:840px;
	height:158px;
	margin-left:20px;
	background-image:url(img/fotocentral.jpg);
	}
#CuerpoArriba{
	width:840px;
	height:20px;
	background-image:url(img/cuerpoarriba.jpg);
}
#CuerpoLogo{
	width:840px;
	background-image:url(img/cuerpo.jpg);
	background-repeat: repeat-y;
	margin-left:20px;
	float:left;
}
#Cuerpo{
	width:840px;
	background-image:url(img/cuerpo.jpg);
	background-repeat: repeat-y;
}
#CuerpoLogoSombra{
	width:265px;
	float:left;
	font-size:12px;
}	
#CuerpoLogoSombra li{
	padding-left:30px;
	list-style-type:none;
}
#CuerpoLogoSombra li a{
	display: block;
	height:20px;
	color:#333333;
	text-decoration:none;
}
#CuerpoLogoSombra li a:hover{
	color: #FF0000;
	text-decoration:none;
}
#CuerpoLogoSombra li a:active{
	color: #FF0000;
	text-decoration:none;
}
#CuerpoTexto{
	width:500px;
	height:auto;
	margin-right:25px;
	float:right;
	text-align:justify;
}
#CuerpoTexto H2{
	font-size:18px;
	color:#FF0000;
}

#CuerpoTexto H3{
	font-size:11px;
	color:#FF0000;
}

#CuerpoPie{
	width:840px;
	height:23px;
	background-image:url(img/cuerpopie.jpg);
}
#Pie{
	width:840px;
	height:14px;
}
#PieIzq{
	float:left;
	width:727px;
	height:14px;
	background-image:url(img/pieizquierda.jpg);
}
#PieDer{
	float:right;
	width:113px;
	height:14px;
}
#PieDer a img{
	border:none;
}
/*- Menu Tabs B--------------------------- */

    #tabsB {
      float: right;
      width:100%;
	  background:url(img/fondo.jpg) repeat;	
      font-size:93%;
      line-height:normal;
      }
    #tabsB ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float: right;
      background:url("img/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("img/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }
	
	#tabsB #current a {
		background-position:0% -42px;
	}
	#tabsB #current a span {
		background-position:100% -42px;
	}
	p.EstiloTituloInferior {
	font-size:25px;
	color: Red;
	margin-left:40px;
	font-family:Comic Sans MS, Helvetica, Sans-serif;
	}

/* menu izquierda */
.margensidenav {
	float:left;
	width:45px;
}
.sidenav {
	float: left;
	width: 220px;
}
.sidenav h2 {
	color: #5A5A43;
	font-size: 1em;
	margin: 0;
}
.sidenav li {border-bottom: 1px solid #EAEADA; list-style:none;}
.sidenav li a {
	margin:0px;
	list-style:none;
	font-size: 1em;
	color: #554;
	display: block;
	padding-top:8px;
	text-decoration: none;
	width: 220px;
}
.sidenav li a:hover {
	background: #F0F0EB;
	color: #654;	
}


/* estilos para image popup */
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:405px; /* 200 give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-80px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:84px; /* 71 now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}

a.screen:link {
	color:red; 
	text-decoration:none
}