@charset "utf-8";
/* CSS Document */

body { margin:0px; padding:0px; background:url(../images/bg.gif); font-family:Tahoma, Geneva, sans-serif; font-size:12px; background:#193656; }

/* header */
#header { background:#f7f6f5 url(../images/header_bg.png) repeat-x;  }
#header .content { background:url(../images/header.png) no-repeat; height:220px; position:relative;}
#header .anim { z-index:1; position:absolute; left: 303px; top:11px; display:none; }
#header #menu { z-index:10; position:absolute; top: 137px; left:51px; }
#header #menu a{ display:inline-block; padding:5px 9px; margin-right:2px; color: #fff; text-decoration: none; }
#header #menu a:hover{color:  #FF0; }
#header .tit { position:absolute; top: 193px; left: 370px; }
#header h1{color:#fff; margin:0px; font-size:1.6em;}

/* main */
#main{ padding-top:2px; background:#f7f6f5 url(../images/main.jpg) repeat-y bottom center;}
#main .content {width:950px; }
#main .contenido {margin-left:250px; margin-right:6px; min-height:300px; height:auto !important; height:300px; text-align:justify;}
#main p {margin-top:0px; }
#main a{color:  #006bab;}
#main a:hover{color: #333}
#main h3{margin:4px 0px}
#main h4{margin:3px 0px}
.borde {
	border: 1pt solid #000000;
}

/* menuprod */
#menuprod {float:left; margin-left: 25px; width: 200px; padding:5px;  position:relative; top: -30px; }
#menuprod h3{text-align:center}
#menuprod h2{margin:0px;}
#menuprod ul{background:#FFF; border-left:#ddd solid 1px;border-top:#ddd solid 1px; border-right:#ddd solid 1px;padding-left:0px;}
#menuprod ul li{list-style-type:none; border-bottom:#ddd solid 1px; }
#menuprod a {color:#666; text-decoration:none; padding-left: 20px; background:#fff url(../images/dot.gif) no-repeat 5px 5px; line-height:20px; display:block;}
#menuprod a:hover {color:#fff; background: #193656 url(../images/dot2.png) no-repeat 5px 5px;}

/* pie */
#pie { background:url(../images/pie_bg.png) repeat-x; color:#FFF; }
#pie .content { background:url(../images/pie.png) no-repeat top center; height: 140px; position:relative; } 
#pie #info { position:absolute; top: 40px; left: 165px; }
#pie #info h4 { color:#F90; margin:0px; padding:0px; }
#pie #info h1 { margin:0px; padding:0px; font-size:20px; padding-top:5px; padding-left: 17px;} 
#pie #menupie { position:absolute; top: 10px; left: 340px; font-size: 11px;}
#pie #menupie ul { margin:0px; padding:3px 0 0 0px; width: 140px}
#pie #menupie  ul li{ list-style-type:none; margin-bottom:3px; }
#pie #direccion { position:absolute; right: 70px; top: 15px; width: 260px; text-align:right }
#pie a{color:#ccc; text-decoration:none; }
#pie a:hover{color: #FC0;}

/*barra_acceso*/
#acceso { background:#373737; border-bottom: #FFF solid 1px; padding:5px; text-align:right;}
#acceso a{color: #CCC; text-decoration:none;}
#acceso a:hover{color:#fff; text-decoration:underline}

/*noticia*/
.noticia {margin-top: 10px; border-bottom: #ccc dotted 1px; padding-bottom:5px; text-align:justify;}
.noticia .titulo{font-size:1.1em; color: #d55e12;}
.noticia .fecha {font-size:0.8em; color: #666; }
.noticia .encabezado p{margin-top:0px; padding-top:0px;}
.noticia .masinfo { font-size:0.8em; text-align:right;}
.noticia .masinfo a{color: #d55e12;}

/* otras clases */
.content { width:1000px; margin-left:auto; margin-right:auto; }
.sombra { display: block; height: 20px;  background: url(../images/sombra.jpg) center top no-repeat;}
.boton { background: url(../images/sombra_boton.png) #F90; padding: 2px 10px; border: 1px solid #666666; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #000; text-decoration: none; cursor: pointer;}
.boton:hover { text-decoration: none; color: #000; background-color: #FC0}
.campotexto {width: 98%; border: #CCC solid 1px; background: #efefef; }
.enlace {color: #999; text-decoration:none}
.enlace:hover {color:#F90; text-decoration:underline}
.cuadro {background:#fcfcfc; font: 13px Arial, Helvetica, sans-serif;padding: 5px; border: #ccc dotted 1px; }
.cuadroazul {background:#e1eaf4; font: 13px Arial, Helvetica, sans-serif;padding: 5px; border: #b1bdca dotted 1px;  font-size:1em;}