body{ margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#FFF url(img/bg_body.jpg) repeat-x;}
#contenedor{ margin:0 auto; width:776px; border:2px solid #003399; border-top:4px solid #003399;}
#top{ position:relative; background:url(img/bg_t.jpg) repeat-x; height:92px; border-bottom:4px solid #CCC;}
.logo{ display:block; position:absolute; top:10px; left:10px;}
.frase{display:block; position:absolute; top:25px; right:10px; width:280px; font-size:18px; font-weight:normal; letter-spacing:-1px; color:#003366;}
#top_flash{ height:186px; border-bottom:5px solid #003399;}

/* MENU */
#menu{ background:url(img/bg_menu.jpg) repeat-x; height:37px;}
#menu ul{ margin:0; padding:0; }
#menu ul li{display:block; float:left; font-size:11px; list-style-type:none; font-weight:bold; padding:10px 15px 10px 20px; margin:0;  background: url(img/men_bar.jpg) no-repeat right bottom; }

#menu ul li a{ color:#003399;  text-decoration:none; margin:0; padding:0; list-style-type:none;}
#menu ul li a:hover{ color:#FF6600;}

p{ color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:10px 0;}
h1{ font-size:21px; color:#003399; letter-spacing:-1px; font-weight:normal; margin:5px 0; padding:0;}
h2{ font-size:18px; color:#FF6600; letter-spacing:-1px; font-weight:normal; margin:5px 0; padding:0;}
h3{ font-size:14px; color:#666666; letter-spacing:-1px; font-weight:bold; margin:5px 0; padding:0; font-family:Arial, Helvetica, sans-serif;}
a { color:#0066CC; text-decoration:none;}
a:hover{ color:#003399;}
/* CENTRO */
#centro{ background:url(img/bg_contenido.jpg) repeat-y; height:200px; overflow:hidden; height:1%;}

#col_1{ float:left; width:457px; padding:10px 20px;}
.bloque{ display:block; clear:both; width:457px; background:url(img/bg_bloq.jpg) repeat-x bottom; padding:15px 0 20px; overflow:hidden; height:1%;}
	.bloque li{ font-size:11px; list-style-type:square; color:#333;}

.bloque_medio{ display:block; width:208px; padding:10px; float:left; overflow:hidden; height:1%;}
.imagen{ display:block; float:left; padding:4px; border:1px solid #CCC; margin-right:10px;}
.separador{ display:block; clear:both; height:15px;background:url(img/bg_bloq.jpg) repeat-x bottom; padding-bottom:15px;}

.foto{ float:left; padding: 0 10px 10px 0;}

#col_2{ float:left; width:239px; padding:20px;}
.novedad_der{ display:block; border-bottom:3px solid #CCC;}
.novedad_der p{ color:#003399; font-size:11px;}
.fecha{ font-size:9px;}

/* FORMULARIO */
input.texto { color: #333333; border: 2px solid  #0066CC; width: 290px; height:15px; padding:5px; background: #FFFFFF url(img/bg_form.jpg) repeat-x;}
textarea.texto { color: #333333; border: 2px solid  #0066CC; width: 290px; height:130px; padding:5px; background: #FFF url(img/bg_form.jpg) repeat-x;}
form p { clear: left; margin: 0; padding: 0; padding-top: 15px;}
form p label { float: left; width: 80px;}

#pie{ position:relative; height:80px; background:#003399; border-top:4px solid #CCC;}
#pie .com{  position:absolute; width:100px; top:15px; left:660px; text-align:center;}
.com p{ padding:0; margin:0;}
.com p a{color:#FFFFFF; font-size:9px; text-decoration:none;}
.com p a:hover{ color:#99CC00;}
