/* CSS Document */

body{ margin:0; background-image:url(img/bg_body.jpg); background-repeat:repeat-x; background-color:#00224C; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#contenedor{ margin:0 auto; width:763px; background-image:url(img/bg_contenedor.jpg); background-repeat:repeat-y; }
#top_a{ position:absolute; height:74px; width:763px; background-image:url(img/top_a.jpg); background-repeat:repeat-x;}
#top_logo{ position:relative; width:398px; top:0px; left:25%; z-index:3000;}
#top_b{ padding-top:74px;}
#menu_top{ height:21px; background-image:url(img/menu_top.jpg); background-repeat:repeat-x; border-bottom:1px solid #666666; border-top:1px solid #666666;}
#medio{} /* Acordate de sacarle el height*/
#menu{float:left; width:150px; margin:10px 0;}
#menu ul{ list-style:none; margin:0; margin-left:5px; padding:0; width:150px;}
#menu ul li{ height:25px; background-image:url(img/bar_menu.jpg); background-position:bottom; background-repeat:repeat-x;}
#menu ul li a{ color:#FFF; text-decoration:none; font-size:12px;}
#menu ul li a:hover{ color:#00CCFF;}
#centro{ float:left; width:405px; margin-left:7px;}
#centro_total{float:left; width:565px; margin-left:7px;}
#derecha{ float:right; width:178px; margin-right:8px; margin-top:10px;}

#pie{width:763px; margin:0 auto; height:83px; background-image:url(img/pie.jpg); background-repeat:no-repeat; margin-bottom:5px;}
#cont_pie{ width:490px; position:relative; top:20px; left:120px;}
#cont_pie p{ margin-top:0; margin-bottom:4px; font-size:10px; text-align:center;}

#space{ height:150px;}

#foto{ float:left; border:1px solid #CCC; padding:2px; margin:15px 15px 15px 0;}
/* DERECHA*/
#der_top{ height:10px; width:174px; background-image:url(img/der_top.jpg); background-repeat:no-repeat;}
#der_cen{width:174px; background-image:url(img/der_bg.jpg); background-repeat:repeat-x; background-color:#DFEADA;}
#der_cen p{ color:#333; font-size:11px;}
#der_cen a{ color:#006600; font-size:11px; text-decoration:none;}
#der_cen a:hover{ color:#003300;}
#der_pie{height:13px; width:174px; background-image:url(img/der_pie.jpg); background-repeat:no-repeat; margin-bottom:10px;}
.titulo_der{ font-size:16px; color:#333333; font-weight:bold; text-align:center; }
.imagen{ margin-top:10px;}
.imagen img{ border:4px solid #FFF;}
.line{ border-bottom:1px dashed #999;}
/* TAGS */
h1{ font-size:24px; color:#003366; font-weight:normal; border-bottom:3px solid #003366; margin:0; margin-bottom:10px;}
h2{ font-size:18px; color:#5E7C23; font-weight:normal; }
h3{ font-size:16px; color:#5E7C23; margin:0; padding:15px 0 0 0;}
p{ font-size:13px; color:#333333;}
p a{ text-decoration:none; color:#6FA631; font-size:11px; margin:0; padding:0;}
p a:hover{ color:#003399; text-decoration:underline;}


/* CLASS*/
.fix{display:block; clear:both; line-height:-1px; height:1px; margin:0; padding:0;}
.margen{ margin:10px;}

/* GALERIA */

.galeria{ display:block; width:116px; margin:5px 5px; float:left; background-color:#eee; border:1px solid #ccc; border-bottom:3px solid #CCC;}
.gale_foto{ margin:4px;}
.gale_foto img{ border:1px solid #ccc; background-color:#FFF; padding:2px;}
.gale_epigrefe a{ display:block; border:1px solid #ccc; text-decoration:none; background-image:url(img/bg_gale1.jpg); background-repeat:repeat-x; padding:1px; margin:1px 4px 4px 4px; font-size:10px; text-align: center; color:#8B8B8B;}
.gale_epigrefe a:hover{ text-decoration:none; color:#006699; background-image:url(img/bg_gale1.jpg); background-repeat:repeat-x; background-position:0px -105px; border:1px solid #AED0EC;}
/* 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;}

/* LISTAS */
ul{ list-style:square; list-style-position:inside; margin-left:20px; margin-top:10px;}
ul li { color:#5E7C23; font-size:12px;}
ul li a{ color:#354118; font-size:12px;}
ul li a:hover{ color:#003399; text-decoration:underline;}

/* ARTICULOS */ 

.articulo{ display:block; border-bottom:3px solid #eee; padding-bottom:10px;}
#foto_info{float:left; border:1px solid #CCC; margin:0 15px 0 0; padding:1px;}