/*
Código Sur (codigosur.org)
CSS Cyclope Custom
Realizado por Santiago Hoerth & Federico Hoerth. 
Más información en cyclope.codigosur.org
Ve la licencia en creativecommons.org/licenses/GPL/2.0/deed.es_AR 
*/

body{font-family: Arial, Helvetica, Sans-serif; margin: 0; font-size:12pt; background:#00203e;}
a { color:#69f; outline:none;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
h1{font-size:1.5em;}
h1 a{color:#69f; text-decoration:none;}
h1 a:hover{text-decoration:underline;}
h2 {color:#036; font-size:0.8em; font-weight:400; font-style:italic;}
h3{color:#3D769C; font-size:0.8em;}
h3 a{color:#7cadcc; font-size:0.9em; text-decoration:none;}
h3 a:hover{text-decoration:underline;}
h4{font-size:0.8em; color:#6192cd; font-weight:normal; background-color:#eef3f9; border:1px solid #d3e0ef; padding:10px; margin-bottom:25px;}
h4 a{font-weight:bold; color:#7ea7d7;}
h4 a:hover{color:#6192cd;}
h5{color:#333; font-size:0.75em; font-weight:400;} 
h6.fecha{color:#666; font-weight:400;}
h6.pretitulo{color:#069; text-transform:uppercase; margin-bottom:5px;}
h6.texto a{color:#00f;}
ul.compartir {list-style:none; font-size:0.8em; margin:0; padding:0;}
ul.compartir {padding-top:12px;}
ul.compartir li {display:inline;}
ul.compartir li.recomendar a {background:url(../imagenes/css/home_recomendar.png) no-repeat left center ; padding-left:22px; text-decoration:none; margin-right:35px;}
ul.compartir li.comentarios a {background:url(../imagenes/css/home_comentarios.png) no-repeat left center ; padding:0; padding-left:22px; text-decoration:none;}
ul a:hover {text-decoration:underline;}
.btn {background-color:#069; border:1px solid #036; color:#fff; font-weight:bolid; padding:3px 5px; font-weight:700;}
#mascara{width:980px; margin:0 auto;}

/* ESTRUCTURA CABEZAL */
#cabezal{background:url(../imagenes/css/fdo_cabezal.png) repeat-x; border-bottom:15px solid #7da5d7; float:left;}
    #cabezal .titulo{width:490px; height:80px; float:left;}
        #cabezal .titulo h1{display:none;font-size:2.8em; margin-top:20px !important; margin-top:10px; margin-left:45px;}
        	#cabezal .titulo h1 a{color:#f9f9f9;}
        	#cabezal .titulo h1 a:hover{text-decoration:none;}
        #cabezal .titulo h2{display:none;margin-left:48px;}
        		#cabezal .titulo h2 a{color:#f9f9f9;}
    #cabezal .buscar {width:470px; height:80px; float:left; padding-right:20px;}
        #cabezal .buscar form {padding-top:30px; float:right;}
        #cabezal .buscar .texto {background:url(../imagenes/css/cabezal_busqueda_lupa.png) 3px center no-repeat; padding-left:18px; font-size:11px; background-color:#fff; width:8em; height:14px; margin-bottom:5px !important ; margin-bottom:4px; border:1px solid #00f;}

         .menuh {width:100%;}
         .menuh ul{margin:0 5px; padding:0; font-size:0.75em; list-style:none; float:right;}
         .menuh li{float:left; margin:0; margin-right:8px;}
         .menuh a{background:url(../imagenes/css/tabmenuh.png) no-repeat top left; float:left; padding:0 0 0 6px; text-decoration:none}
         .menuh span{color:#036;font-weight:700; display:block; padding:4px 9px 4px 3px; float:left; cursor:pointer; background:url(../imagenes/css/tabmenuh.png) no-repeat 100% -30px;}
         .menuh a:hover span{color:#f9f9f9; background:url(../imagenes/css/tabmenuh.png) no-repeat 100% -90px;}
         .menuh a:hover{background:url(../imagenes/css/tabmenuh.png) no-repeat 0 -60px;}

		.menuh li.current a span{color:#f9f9f9; background:url(../imagenes/css/tabmenuh.png) no-repeat 100% -90px;}
        .menuh li.current a{background:url(../imagenes/css/tabmenuh.png) no-repeat 0 -60px;}

#cabezal_flash{width:980px; height:130px; float:left;}

/* ESTRUCTURA CONTENIDOS */

#contenedor{background-color:#bdd3ef; float:left;}

#espacio1{background-color:#eff3f7; padding:20px !important; padding:20px 16px 20px 20px; width:535px; float:left;}
	
	
	#espacio1 span{display:none;}
	#espacio1 h2, #espacio1 h6.fecha{font-size:0.70em; font-weight:400; margin-right:10px; display:inline;}
	#espacio1 h3{padding-top:12px;}
	#espacio1 h5{padding-top:12px; margin-bottom:12px;}
    #espacio1 img {padding:12px; margin:15px 15px 6px 6px; background-color:#e8f0f7; border:1px solid #7cadcc; float:right;}
	
	#espacio1 .principal{width:534px; border-color:#7dadcc; background:url(../imagenes/css/fdo_home_principal.png) -534px 0 repeat-y; margin-bottom:20px; float:left;}
    #espacio1 .principal .top{height:8px; background:url(../imagenes/css/fdo_home_principal.png) 0 0 no-repeat;}
    #espacio1 .principal .mid{padding:20px 20px 10px 20px;}
    #espacio1 .principal .bottom{height:8px; background:url(../imagenes/css/fdo_home_principal.png) 0 -8px no-repeat;}
	#espacio1 .principal h1 a {font-size:0.85em;}
	#espacio1 .principal .mas_info{text-align:right; height:32px; clear:both; margin-right:10px;}
    #espacio1 .principal .mas_info img{margin:0; padding:0; background-color:#fff; border:0; float:right;}

	#espacio1 .secundaria {width:539px; border-color:#7dadcc; background:url(../imagenes/css/fdo_home_secundaria.png) -539px 0 repeat-y; margin-bottom:20px; float:left; position:relative;}
    #espacio1 .secundaria .top{height:8px; background:url(../imagenes/css/fdo_home_secundaria.png) 0 0 no-repeat;}
    #espacio1 .secundaria .mid{padding:20px;}
    #espacio1 .secundaria .bottom{height:12px; background:url(../imagenes/css/fdo_home_secundaria.png) 0 -8px no-repeat; clear:both;}
	#espacio1 .secundaria h1 a {font-size:0.70em;}



#espacio2{background-color:#bdd3ef; padding:20px; width:365px; float:left;}
    #espacio2 ul {margin:0; padding:0; list-style:none;}
    	#espacio2 li{height:70px; margin:0 0 15px 0; padding:0;}
		
	    #espacio2 li .texto {padding:10px 15px 0 15px;}
	    #espacio2 li h1 a {color:#069; text-decoration:none; font-size:0.68em;}
		#espacio2 li h1 a:hover {text-decoration:underline;}
	    #espacio2 li h5 {color:#6C8086; font-weight:400; font-size:0.70em;}
		
		#espacio2 li.guia {background:url(../imagenes/css/fdo_contenido_div.png) repeat-x 0 -140px;}
		#espacio2 li.guia div.guia1 {height:70px; width:7px; background:url(../imagenes/css/fdo_contenido_div.png) repeat-x 0 0; float:left;}
	    #espacio2 li.guia div.guia2 {height:70px; width:7px; background:url(../imagenes/css/fdo_contenido_div.png) repeat-x 0 -70px; float:right;}

		#espacio2 li.guiah {background:url(../imagenes/css/fdo_contenido_div.png) repeat-x 0 -210px;}
		#espacio2 li.guiah div.guia1 {height:70px; width:7px; background:url(../imagenes/css/fdo_contenido_div.png) repeat-x 7px 0; float:left;}
		#espacio2 li.guiah div.guia2 {height:70px; width:7px; background:url(../imagenes/css/fdo_contenido_div.png) repeat-x 7px -70px; float:right;}
		#espacio2 li.guiah h1 a {color:#fff;}
		#espacio2 li.guiah h5 {color:#fff;}
		
		#espacio2 li.menu_contenidos {height:27px; background:url(../imagenes/css/fdo_contenido_menu_top.png) repeat-x 0 -27px; color:#069; font-weight:700; font-size:0.7em; text-align:center;}
	    #espacio2 li.menu_contenidos div.content1 {width:5px; height:27px; background:url(../imagenes/css/fdo_contenido_menu_top.png) repeat-x 5px 0; float:left;}
	    #espacio2 li.menu_contenidos div.content2 {width:5px; height:27px; background:url(../imagenes/css/fdo_contenido_menu_top.png) repeat-x 0 0; float:right;}
    	#espacio2 li.menu_contenidos p {margin:0; padding:6px; }
    	
/* HOME */

.home {margin:20px 0 0 0; padding: 0 0 20px 0; border-bottom:1px dotted #aaa; float:left; width:100%;}	
#contenedor .home h1 {padding:0; font-size:1.2em; margin-top:5px; margin:0; border:0;}	
.home h1 a:hover {text-decoration:underline;}
.home h2 {font-size:0.8em; display:inline;}
.home h3 {font-size:0.8em; padding:18px 0 0 0;}	
.home h5 {font-size:0.85em; font-weight:400; padding:10px 0 25px; line-height:130%;}	
.home h5 a {text-decoration:none;}	
.home h5 a:hover {text-decoration:underline;}		
.home h6 {font-size:0.70em;}	
.home .fecha {font-weight:400;font-size:0.75em;display:inline;margin:30px 0 0;color:#666;}
.home img {margin:12px; padding:12px; background-color:#e8f0f7; border:1px solid #7cadcc; float:right; position:relative;}
.home .compartir {margin-top:18px;}

/* CONTENIDO */

#contenido{width:920px; background-color:#fff; padding:15px 30px 25px 30px; float:left;}
#contenido h1{color:#69f; border-bottom:1px solid #ddd; padding-bottom:8px; margin-bottom:20px;}

/* LEER */
#leer h2 {font-weight:400; font-size:0.85em; padding:10px 0; color:#333; font-size:0.85em;}	
#leer h2 img {border:1px solid #ccc; background-color:#eee; padding:3px; margin:0 5px 0 0; float:left;}
#leer h3 {font-size:0.95em;}
#leer h4 {margin-bottom:15px;}
#leer h5 {font-weight:bold; font-size:0.90em; padding-top:15px; clear:left;}
#leer h6.fuente  {font-weight:400; font-size:0.75em; color:#666; border-bottom: 1px solid #C2D8E7; padding-bottom:15px; margin:20px 0;}
#leer h6.fecha {font-size:0.75em; margin:30px 0 0; color:#666; font-weight:400;}
#leer h6.texto {font-weight:400; font-size:0.9em; padding-top:15px;}
#leer h6.pretitulo{font-size:0.9em;}
#leer hr{border-bottom:1px solid #EEE;}
	.foto_box {padding:5px;background-color:#E0E6EB;border: 2px solid #CFD9E0;margin:15px 0 5px 10px;float:right;max-width:300px;text-align:right;}
	.foto_box img {border:0;}
	.foto_box .autor {font-style:italic;font-size:0.6em;padding:5px 0 5px 0;color:#333;}
	.foto_box .epigrafe {font-size:0.7em;font-weight:400;text-align:right;margin-top:5px;color:#000;}	
	.foto_box .cantidad {font-size:0.7em;text-align:right;color:#333;}
	.foto_box .cantidad img {padding:2px;}		

/* MAPA */

#mapa ul {list-style:none; margin:0 0 0 30px; padding:0;}
#mapa ul li {background: transparent url(../imagenes/css/carpeta-abierta.png) 0% 3px no-repeat;padding:0 0 10px 15px;margin:5px 0 0 15px;font-weight:700;font-size:1em;}
#mapa ul li ul {margin:10px 0 0;}
#mapa li li {background: transparent url(../imagenes/css/carpeta.png) 0% 3px no-repeat;padding:0 0 10px 15px; margin:5px 0 0 15px;}
#mapa ul li ul li {margin:0;padding:0 0 0 15px;font-weight:400;}
#mapa ul a {color:#333; text-decoration:none;}
#mapa ul a:hover {text-decoration:underline;}

/* COMPARTIR */

#compartir {background:#eff3f7;border:2px solid #7da5d7;width:90%;margin:20px;padding:0;}
#compartir h5 {background:#7da5d7;color:#00152B;font-size:1em;padding:10px;font-weight:bold;}
#compartir h6 {font-size:1em;font-size:0.9em;font-style:italic;padding:10px;}
#compartir .error {background:#FFE1C4;border:2px solid #990000;margin:20px 10px;font-style:normal;color:#990000;line-height:160%;}
#compartir .error a {color:#0000ff;}
#compartir form {display: block;}
#compartir p {font-size:0.90em; margin:20px 10px 10px 10px; color:#369;}
#compartir .datos {border-top:1px solid #7da5d7;margin:10px 20px 10px 10px;font-weight:700;padding: 15px 0 0; color:#069; font-size:0.85em;}
#compartir .field {background-color:#fff;border:1px solid #7da5d7;font-size: 1em;color:#465C7D;width:90%;margin:0 10px; font-size:0.80em;padding:3px;}
#compartir .btn {margin:20px 10px;}
#compartir .espacioMid{height:20px;}

/* CONTACTO */
#contacto h5{font-weight:700;padding:0 0 20px;margin:0; color:#333; font-size:1em;}
#contacto h6 {font-weight:400;font-size:0.8em;padding:0 0 10px;margin:0;}	
#contacto form {text-align:left;padding:0;margin:0;}
#contacto form h5{padding:15px 0;}
#contacto form h6 {padding:0;}
#contacto p {width:80%;margin:0;padding:0;font-size:0.8em;}
#contacto .nota {border-top:1px solid #ccc;font-style:italic;font-size:0.7em;padding:3px 0;width:30%;color:#999;}
#contacto .field {width:65%;border:1px solid #999; padding:5px; margin-bottom:20px;}
#contacto .btn {display:block;margin:25px 0;}
#contacto select{width:65%; padding:5px;}
#contacto img {display:block;padding:15px 0;}


/* GENERALES */
.herramientas {margin-bottom:30px; padding-bottom:8px; border-bottom:1px solid #eee;}	
.herramientas ul {text-align:left;padding:0;margin:0;list-style:none;font-weight:bold;font-size:0.8em;}
.herramientas ul a {color:#53A7D5;text-decoration:none;}	
.herramientas ul a:hover {text-decoration:underline;}
.herramientas li  {display:inline;}
.herramientas li .imprimir {background: transparent url(../imagenes/css/imprimir.png) left top no-repeat;padding:0 0 10px 20px;margin:0;}
.herramientas li .recomendar {background: transparent url(../imagenes/css/home_recomendar.png) no-repeat;padding:0 0 10px 20px;margin:0 0 0 15px;}
.herramientas li .comentarios {background: transparent url(../imagenes/css/comentarios.png) no-repeat;padding:0 0 10px 20px;margin:0 0 0 15px;}
.herramientas li .aumentar {background: transparent url(../imagenes/css/leer_aumentar.png) no-repeat;padding:0 0 10px 20px;margin:0 0 0 15px;}
.herramientas li .reducir {background: transparent url(../imagenes/css/leer_reducir.png) no-repeat;padding:0 0 10px 20px;margin:0 0 0 15px;}
.herramientas a:hover {color: #0000FF;}

#adjuntos h6, #relacionadas h6, #comentarios h6 {background:#f9f9f9; font-size:1em; padding:15px 0 15px 15px; margin:35px 0 15px; color:#06f; border-bottom:1px solid #EEE;}
#adjuntos img, #relacionadas img, #comentarios img {padding:0 0 5px; margin:0;}
#adjuntos a{font-size:0.85em; color:#036; text-decoration:none;}
#adjuntos a:hover{color:#069;}
#adjuntos {font-weight:700;color:#030;background-color:#fff;margin:10px 0;text-align:left;}
#adjuntos .adjuntos_box {padding:10px 10px 20px; margin-left:8px;}
#adjuntos .adjuntos_box img {vertical-align: middle;}	
#relacionadas {font-weight:bold; color: #003300; background-color:#fff; margin: 0; text-align:left;}	
#relacionadas a {color:#666; font-weight: bold; text-decoration:none;}
#relacionadas a:hover {text-decoration:underline;}
#relacionadas .info {padding: 0;font-weight: bold;}
#relacionadas ul {padding:10px 10px 15px;margin:0 0 20px 10px;}
#relacionadas li {color: #0000FF;list-style: none;	padding:0 0 5px 20px;margin:0 0 10px 0;background: transparent url(../imagenes/css/relacionadas_vin.png) no-repeat;}	
#relacionadas li a {font-size: 0.9em;color: #999;font-weight: normal;} #relacionadas li a:hover{color:#666;}
#comentarios {text-align:left;color:#0000FF;margin:10px 0 0 0;}
#comentarios h2{font-size:0.9em;background-color:#f4f4f4;padding:5px 5px 5px 15px;margin:10px 0 0;color:#333;}
#comentarios h2 a {font-weight:700;}
#comentarios h3{font-size:0.8em;padding:16px 5px;margin:0;color:#333;font-weight:400;border:1px solid #EFF8FC;}
#comentarios h4{font-size:1em;padding:10px;margin:15px 0 0;color:#fff;font-weight:700;background-color:#8DA2B4;border:1px solid #5F7A92;border-bottom:none;}
#comentarios form {padding:10px;margin:0;background-color:#f9f9f9;font-weight:700;display: block;border:1px solid #5F7A92}				
#comentarios small {width:350px; font-weight:400; display:block; padding:5px 0; color:#666;}
#comentarios p {color:#333;font-size:0.85em;padding:0;margin: 0;}
#comentarios .field {background-color:#fff;padding:4px;margin:7px 0 15px;border:1px solid #D3DBE2;font-size: 1em;color:#465C7D;width:50%;}
#comentarios .field #comment{width:80%;}
#comentarios .btn  {margin:7px 15px 0 0;font-size:0.9em;}

#contenido .paginador {text-align:left; background-color:#f3f3f3; border:1px solid #DDD; padding:5px 10px; font-size:0.75em; color:#666;}
#contenido .paginadora {margin-right:200px;}
#contenido .paginadorb{width:200px; padding-top:3px; float:right; text-align:right;}
#contenido .paginadora p{float:left;}
#contenido .paginadorb p{float:right;}
#contenido .paginador a {color:#0000ff; padding:0 3px;}
#contenido .paginador a:hover {font-size:1em; font-weight:700;}
#contenido .paginador span.current {font-size:1.3em; color:#333; padding:0 10px; font-weight:700;} 
#contenido .pagEspacio{height:15px; clear:both;}
#contenido .espacio{height:32px;}	
#contenido	.busqueda {background-color:#eee; border:1px solid #ccc; padding:10px 10px 15px; margin:35px 0; color:#666; width:85%;}
#contenido	.busqueda .caja a:hover {font-size:1em; font-weight:700;}
#contenido	.busqueda .caja p {color:#333; padding:0; margin:0; font-weight:700;}
#contenido	.busqueda .caja span {font-size:1.3em; color:#333; padding:0 10px; font-weight:700;}          
#contenido	.busqueda .field {padding:2px; margin:7px 0 1px 0; border:1px solid #999; color:#333; width:60%;}
#contenido	.busqueda .btn {width:100px; height:23px; background:url(../imagenes/css/fdo_btn.png) repeat-x left top; font-weight:700; color:#fff; background-color:#039; border:1px solid #33414F; padding:3px 4px 3px; margin:0 15px 0 5px;}

/* ESTRUCTURA PIE */

#pie{width:930px; height:105px; color:#fff; background:url(../imagenes/css/fdo_pie.png) repeat-x top left; background-color:#7dafcd; padding:25px; float:left;}
#pie a{color:#fff; font-style:normal; font-weight:700;}
#pie h2{color:#fff;}
#pie h1, #pie h2{font-weight:400;}
#pie .licencia {width:655px; float:left;}
#pie .licencia h1 {font-size:0.75em; margin-top:15px; line-height:140%;}
#pie .licencia h2 {font-size:0.75em;}
#pie .banners {width:204px; float:right;}
    #pie .banners img {margin-right:5px;}