/* CSS Document */
body{ margin:0; background:url(img/bg_top.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif;}
#contenedor{ width:780px; overflow:hidden; height:1%;}
#top{ position:relative; width:780px; height:49px;}
.logo{display:block; position:absolute; top:8px; left:10px; width:237px;}
.topder{ display:block; font-size:10px; color:#333; position:absolute; top:18px; right:10px;}
.topder a{ color:#333; text-decoration:none;}
.topder a:hover{ color:#FF0000;}
#top_flash{ width:780px; height:207px;}
#centro{ width:780px; overflow:hidden; height:1%;  background:url(img/bg.jpg) repeat-y; padding-bottom:50px;}
#centro_limpio{ width:779px; overflow:hidden; height:1%; border-right:1px solid #CCC;}


/* MENU */
#menu{ width:138px; float:left; padding:5px;}
#menu dt{ margin:0; padding:0;}
#menu dt{ padding:0; margin:0 0 2px 0;}
#menu dt a{ display:block; background:url(img/menu.gif) no-repeat; color:#FFF; font-size:11px; font-weight:bold; padding:3px 0 5px 24px; margin:0; height:14px; text-decoration:none;}
#menu dt a:hover{background:url(img/menu.gif) no-repeat left -27px; color:#000;}
dd{ margin:0; padding:0;}
.men_int { display:block; clear:both; margin:5px; font-size:11px; padding:0; }
.men_int a{ display:block; height:20px; color:#333; text-decoration:none; padding-left:8px; border-bottom:1px dashed #CCC;}
.men_int a:hover{ color:#FF0000;}

/* FIN MENU */

#contenido{ width:627px; margin-left:5px; float:left;}

#col_1{ float:left; width:423px; padding-left:10px; margin-top:10px;}
.bloque{ display:block; margin:5px 0; border-bottom:1px dashed #ccc; overflow:hidden; height:1%;}
.bloque p, .bloque_inferior p{ font-size:12px; margin:10px 0; color:#333;}
.imagen{ float:right; width:142px; margin-left:10px;}
.banner{ margin:10px 0;}

.bloque_inferior{ display:block; padding:5px 0; margin:5px 0; border-bottom:4px solid #EEE;}
ul{}
ul li{ font-size:11px; color:#666666; list-style-type:square;}

.foto{ float:left; padding:10px;}

#col_2{ position:relative; float:left; width:163px; margin-left:10px; padding:26px 10px 10px 10px; background:url(img/bg_col2.jpg) no-repeat top center;}
#shad{ position:absolute; background:url(img/shad.jpg) no-repeat; top:0; left:-12px; width:11px; height:85px; z-index:999;}

h1{font-size:21px; font-weight:normal; letter-spacing:-1px; color:#FF0000; margin:5px 0; }
	h1 a{color:#FF0000; text-decoration:none;}
	h1 a:hover{ color:#333; text-decoration:underline;}
h3{ font-size:15px; font-weight:bold; letter-spacing:-1px; color:#333; margin:3px 0;}
	h3 a{color:#333; text-decoration:none;}
	h3 a:hover{ color:#ccc; text-decoration:underline;}
.fecha{ font-size:11px; color:#FF0000;}
.novedad_der{ display:block; padding:5px 0; margin:5px 0; border-bottom:4px solid #ccc;}
.novedad_der h3{ color:#FF0000;}
	.novedad_der h3 a{color:#FF0000; text-decoration:none;}
	.novedad_der h3 a:hover{ color:#000; text-decoration:underline;}
.novedad_der p{ font-size:10px; margin:4px 0; color:#333;}

#col_3{ width:590px; padding:5px; margin-left:5px; float:left; margin-top:15px;}

/* FORMULARIO */
input.texto, textarea.texto { color: #333333; background-color: #eee; border: 1px solid #ccc; width: 250px;}
form p { clear: left; margin: 0; padding: 0; padding-top: 5px;}
form p label { float: left; width: 100px;}

#pie{ height:80px; clear:both; position:relative; background:#000; border-top:5px solid #FF0000;}
#pie .logo{ position:absolute; top:15px; left:15px;}
#pie .com{  position:absolute; width:100px; top:15px; left:660px; text-align:center;}
#pie .usu{  position: absolute; bottom:10px; left:15px}
.com p{ padding:0; margin:0;}
.com p a{color:#FFFFFF; font-size:9px; text-decoration:none;}
.com p a:hover{ color:#99CC00;}
.usu p{ padding:0; margin:0;}
.usu p {color:#FFFFFF; font-size:9px; text-decoration:none;}