/*
Codigo Sur (codigosur.org)
CSS Cyclope Plantilla cy_org
Realizado por SH_R00T & Federico Hoerth. 
Mas informacion en cyclope.codigosur.org
*/

/****General****/
body {font-family: Verdana,Helvetica,Arial,sans-serif;margin:0;padding:0;font-size:12pt;}
hr {border:none;border-top:1px dotted #333;}
a {outline:none;text-decoration:none;color:#f60;}
a:hover {text-decoration:underline}
form {display: inline;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;text-align:left;}
h1,h1 a {color:#39c;}
h2, h2 a {color:#666;}
h3, h3 a {color:#8AC5E1;}
h5 {color:#000;}
h6 {color:#000;}
h6 a {color:#09f;}
* { behavior: url(iepngfix.htc) };
/*listas*/ ul {list-style: square;}
/*input text*/.field {padding:4px;margin:7px 0 0 0;border:1px solid #33414F;font-size:1em;color:#465C7D;}
/*input button*/.btn {background:url(../imagenes/css/fdo_btn.png) repeat-x left top;font-size:0.75em;font-weight:bold;color:#fff;background-color:#039;border:1px solid #33414F;padding:3px;margin:7px 15px 0 5px;}
ul.compartir {list-style:none; font-size:0.8em; margin:0;}
ul.compartir {padding-top:12px;}
ul.compartir li {display:inline;}
ul.compartir li.recomendar a {background:url(../imagenes/css/recomendar.png) no-repeat left center ; padding-left:22px; text-decoration:none; margin-right:35px;}
ul.compartir li.comentarios a {background:url(../imagenes/css/comentarios.png) no-repeat left center ; padding:0; padding-left:22px; text-decoration:none;}
ul.compartir li a:hover {text-decoration:underline;}

.fecha {color:#fff;text-align:right;width:100%;font-size:.70em;font-weight:700;}
.fecha p {margin:0  0 0;padding:5px 20px 5px 20px;background:#627C97;}
#cabezal{height:86px; padding:25px 0 0 15px; background:url(../imagenes/css/header_fdo.png) repeat-x;}
#cabezal .logo {margin-right:24em;}
#cabezal .form {text-align:right; float:right; width:24em;}
#cabezal .form form .field {background:url(../imagenes/css/cabezal_busqueda_lupa.png) 5px center no-repeat; width:8em; background-color:#fff; padding:2px; padding-left:20px; margin:12px 0 0 0; border:1px solid #33414F; font-size:0.8em; color:#465C7D;}
#cabezal .form form .btn {background:url(../imagenes/css/fdo_btn.png) repeat-x left top;font-size:0.75em;font-weight:bold;color:#fff;background-color:#039;border:1px solid #33414F;padding:3px;margin:7px 15px 1px 5px;}
#cabezal .logo h1 {color:#fff;text-align:left;font-size:1.5em;padding:5px 0 0 15px;}
#cabezal .logo h2 {color:#fff;text-align:left;font-size:0.75em;font-weight:normal;padding:1px 0 0 17px;}



/****estructura fede****/

/* ACA VA LA MEDIANERA, PADDINGS Y DEMAS*/
#medianera{padding-left:20px; padding-right:20px; padding-top:10px;}
#espacio1{width:215px; float:left;}
#espacio3{width:220px; float:right;}
#espacio2{margin-left:215px; margin-right:220px; padding-right:10px;}


/**Menu**/
#menuv {width:200px !important; width:180px;}
#menuv ul{margin:0; padding:0; list-style:none;}
#menuv ul li{margin:0; margin-bottom:5px; padding:0;background:url(../imagenes/css/menuv-fdo3.png) no-repeat 0 0;}
#menuv ul li a{display:block;  text-decoration:none; color:#007FC6; width:180px; padding: 5px 0 4px 20px; font-size:0.75em;}
#menuv ul li a:hover{font-weight:bold;}
#menuv ul ul {list-style:url(../imagenes/css/menuv_ulul_liststyle2.png); padding:5px 0 5px 20px; margin:5px 0; border: 1px solid #E0E0E0; background-color:#F9F9F9; width:175px !important; width:165px;}
#menuv ul ul li{background:none; margin-bottom:2px;}
#menuv ul ul li a{display:inline; padding:0; padding-left:5px; font-weight:normal; background:none; font-size:0.7em;}
#menuv ul ul li a:hover{text-decoration:underline;}

/****Creditos y banners****/
.banners {margin:0;padding:20px 0 20px 15px;}
.banners img {margin:0 0 4px 0;}
.banners .creditos {margin-left:0;}
.creditos {font-size:0.6em;margin:25px 0 0 20px;}	
.creditos img {padding:7px 0 0 0;}

#adinfo {width:205px; float:right; margin-bottom:25px;}
#adinfo ul {list-style:none;margin:0;padding:0;}
#adinfo ul li {margin:0;padding:0 13px;color:#44A4C8;}
#adinfo ul li p {border-bottom:1px dotted #85BE03;font-weight:700;color:#85BE03;padding:0 0 10px 25px;margin:0 0 10px;background:url(../imagenes/css/adinfo_agenda.png)left 2px no-repeat;}
#adinfo ul li a {color:#6C8086;display:block;text-decoration:none;font-size:0.75em;font-weight:700;padding-bottom:15px;}
#adinfo ul li a:hover {text-decoration:underline;}
#adinfo ul li h6 {color:#44A4C8;display:block;font-size:0.65em;font-weight:400;margin-bottom:3px;}
#adinfo .sup {padding: 0;background:transparent url(../imagenes/css/adinfo_fdo.png) center top no-repeat;height:13px;}
#adinfo .med {background:transparent url(../imagenes/css/adinfo_fdo.png) center -40px no-repeat;min-height:200px;}
#adinfo .inf {background:transparent url(../imagenes/css/adinfo_fdo.png) center 100% no-repeat;height:30px;}


/****Principal****/
.home {margin:0 0 20px 0; padding: 0 0 10px 0; border-bottom:1px dotted #aaa; float:left; width:100%;}	
#contenedor .home h1 {padding:0;font-size:1.2em; margin:0; border:0;}	
.home h1 a:hover {color:#036;text-decoration:underline;}
.home h2 {font-size:0.8em;color: #666;padding:0; margin-right:15px; display:inline;}
.home h3 {font-size:0.8em;padding:10px 0 15px 0;}	
.home h3 a {color: #f60;}
.home h3 a:hover {color: #0000ff;}
.home h5 {font-size:1.2;font-weight:normal;padding:10px 0 10px 0;}	
.home h5 a {text-decoration:none;}	
.home h5 a:hover {text-decoration:underline;}		
.home h6 {font-size:0.70em;color:#000;font-weight:normal;text-transform:uppercase;margin-bottom:8px;}
.home h6.fecha{display:inline;}	
.home .fecha {font-weight:400;font-size:0.75em;margin:30px 0 0;color: #666;}
.home img{padding:3px;border:1px solid #999;margin:10px 5px 6px 15px; float:right; position:relative;}
.home ul {padding:0; list-style:none;margin:15px 0 5px 0;}
.home ul a {color:#53A7D5;text-decoration:none;}	
.home ul a:hover {text-decoration:underline;}
.home li  {display:inline;margin:0 0 5px 0;}	
.home li .comentarios {font-size:0.9em;background: transparent url(../imagenes/css/comentarios.png) no-repeat;padding:0 20px 0 20px;}
.home li .recomendar {font-size:0.9em;background: transparent url(../imagenes/css/recomendar.png) no-repeat;padding:0 0 0 20px;}


/****Pie de pagina****/
#espaciofooter{clear:both; height:25px;}

#footer {width:100%;text-align:center;color:#fff;margin:0 0 0;padding:20px 0 20px 0;font-size:0.9em;background:transparent url(../imagenes/css/footer_fdo.png) left top repeat-x;background-color:#A3B3C2;}
#footer a {color:#E0E6E9;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer hr {border:none;border-top:2px solid #C6D6E5;margin:15px;}
#footer .key {color:#CAD3DD;padding:20px 0 20px 0;}
#footer h1, #footer h2, #footer h3 {display:inline;color:#CAD3DD;font-weight:normal;}
#footer img{margin-top:15px;}

/****Leer pagina****/

/*Div contenedor*/
/*#contenido  {position:relative;padding:0 100px 0 230px;margin:0;}*/
#contenido {margin-left:215px;}
#contenido h1 {padding:10px 0;margin:0 0 25px;font-size:1.5em;border-bottom:1px solid #E0E7EB;}
#contenido h4 {padding:5px;background-color:#eee;font-size:0.7em;margin:0 0 15px;color:#999;}
#contenido h4 a {color:#666;}
#contenido hr {border-top: 1px dotted #999;}
#contenido .busqueda {background-color:#eee;border:1px solid #ccc;padding:10px 15px 15px 15px; margin-right:30px;color:#666;}
#contenido	.busqueda .caja a:hover {font-size:1em;font-weight:700;}
#contenido	.busqueda .caja p {color:#333;padding:0;margin:0 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 0 0;border:1px solid #999;color:#333; width:60%;}
#contenido	.busqueda .btn {width:100px;background:url(../imagenes/css/fdo_btn.png) repeat-x left top;font-weight:700;color:#fff;background-color:#039;border:1px solid #33414F;padding:6px 4px 3px;margin:7px 15px 0 5px;}

/*Herramientas utiles*/
.herramientas {margin:0;padding:0;}	
.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/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;}

/*Campos y opciones Cyclope segun aparicion en plantilla por defecto*/ 
/*Etiquetas*/ #leer h3 {margin:0 0 20px;font-size:0.85em;color:#999;}
/*Pretitulo h6*/ #leer .pretitulo {font-size:1.1em;margin:0 0 10px;}
/*Autor/a*/ #leer h2 {font-weight:400;font-size:0.85em;}	
/*Autor/a*/ #leer h2 img {border:1px solid #999;color: #666;padding:0;margin:0 15px 0 0;float:left;}
/*Descripcion*/ #leer h5 {padding: 20px 0 20px 0;margin:0;font-weight:400;font-size:1.2em;}
/*Texto h6*/ #leer .texto {font-weight:400;font-size:0.9em;}
/*Texto>Listas:Para definir listas (ul, ol, li) remitirse a UL en este documento arriba.*/
				#leer h3 {margin-top:25px; padding-top:15px; border-top: 1px solid #C2D8E7;}
/*Fecha h6*/ #leer .fecha {font-weight:400;font-size:0.75em;margin:15px 0 0;color:#666;text-align:left;}	
/*Fuente h6*/ #leer .fuente  {margin:15px 0;font-weight:400;font-size:0.75em;color:#666;padding:0 0 15px;}		
/*Pretitulo h6*/ #leer .pretitulo{color:#666; margin:25px 0 0 0; font-size:0.9em; text-transform:uppercase;}
/*Foto-ilustracion*/ 
.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;}		

/*Propiedades por defecto para descargables, relacionadas y comentarios*/	
#adjuntos h6, #relacionadas h6, #comentarios h6 {background: transparent url(../imagenes/css/leer_fdo_h6.png) left top repeat-x;font-size:1em;padding:15px 0 15px 15px;margin:35px 0 15px ;color:#5C9CF0;border-bottom:1px solid #f9f9f9;}
#adjuntos img, #relacionadas img, #comentarios img {padding:0 0 5px;margin:0;}

/*Archivos descargables y material multimedia*/	
#adjuntos {font-weight:700;color:#030;background-color:#fff;margin:10px 0;text-align:left;}
.adjuntos_box {padding:10px 10px 20px;}
.adjuntos_box img {vertical-align: middle;}	

/*Informacion relacionada*/
#relacionadas {font-weight: bold;color: #003300;background-color: #fff;margin: 0;text-align:left;}	
#relacionadas a {color: #666;padding: 0;font-weight: bold;}
#relacionadas .info {padding: 0;font-weight: bold;}
#relacionadas ul {padding:10px 10px 15px;margin:0 0 20px;}
#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: #0000FF;font-weight: normal;}

/*Comentarios*/
#comentarios {text-align:left;color:#0000FF;margin:10px 0 0 0;}
#comentarios h2{font-size:0.9em;background-color:#D3DBE2;padding:5px 5px 5px 15px;margin:10px 0 0;color:#333;}
#comentarios h2 a {color:#0000ff;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:2px solid #5F7A92;border-bottom:none;}
#comentarios form {padding:10px;margin:0;background-color:#f9f9f9;font-weight:700;display: block;border:2px solid #5F7A92}				
#comentarios small {color:#666; font-weight:400; display:block; padding:5px 0; width:350px;}
#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;}

/****Indice****/
/*Div contenedor*/
#contenido .home li .recomendar {background: transparent url(../imagenes/css/recomendar.png) 0% -2px no-repeat;padding:0 0 0 20px;}

#contenido .paginador {text-align:left;background-color:#e5e5e5;border:1px solid #E3E8EE;padding:5px 10px; margin-bottom:20px;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:12px; clear:both;}
#contenido .pagEspacioMapa{height:25px;}	
#home, #indice, #busqueda, #mapa, #leer, #contacto{padding-left:20px; padding-right:20px;}

#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 a {color:#333;}
#mapa a:hover {}

#contacto h5{font-weight:700;padding:0 0 20px;margin:0;}
#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:20px 0 1px;}
#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;}
#contacto .btn {display:block;margin:25px 0; font-size:1em;}
#contacto img {display:block;padding:15px 0;}

/****Compartir****/
#compartir {background:#f9f9f9;border:2px solid #5F7A92;width:90%;margin:20px;padding:0;}
#compartir h5 {background:#627C97;color:#fff;font-size:1em;padding:10px;}
#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.85em;margin:10px;}
#compartir .datos {border-top:3px solid #D3DBE2;margin:10px 20px 10px 10px;font-weight:700;padding: 25px 0 0;}
#compartir .field {background-color:#fff;border:1px solid #D3DBE2;font-size: 1em;color:#465C7D;width:90%;margin:10px}
#compartir .btn {margin:15px 10px;}

#myGallery
{
width: 300px !important;
height: 250px !important;
}