@charset "utf-8";
/* CSS Document */

*, body, html{ margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif;  font-size: 12px;  }
img { border: 0; }

.salto { clear:both;}


.cabecera {  width: 100%;  display: block;  }
.btnVolver { float:left; margin: 20px;}
.separador { background:url(img/triodos-bank.png) center center no-repeat; height:60px; width: 100%;  float:left; }

body.galeria { background: url(img/fondo.jpg); height: 100%;  width: 980px;  }
.contenido { background: url(img/mundo.png) center center no-repeat; padding: 0px 0 0 10px;}
.visor { display:block; /*height:400px;*/  position:relative;  padding: 0; text-align: center; width: 100%; overflow: hidden;}
.visor .imagen { margin: auto; }
.visor:hover .anterior, .visor:hover .siguiente { display:block; }
.visor .anterior { display: none;  position:absolute; top:0; left: 0; background: url(img/anterior.png) center center no-repeat; background-color:#F8F8F8; width: 50px; height:100%;  }
.visor .siguiente { display: none; position:absolute; top:0; right: 0; background: url(img/siguiente.png) center center no-repeat; background-color:#F8F8F8; width: 50px; height:100%;  }
.visor .siguiente a, .visor .anterior a { display:block; height:100%; width: 100%; text-decoration: none; outline: none; text-indent:-9999px; }
.social { display:block; float:left;  margin: 10px; margin-left: 25px;   }
.social .red { float: left; margin-right: 10px; overflow:hidden; }	
.comentarios { height: 250px;  overflow: scroll; overflow-x: hidden;}

#globalVisor .titulo {  font-size:20px; font-weight:bold; margin:10px; margin-left: 30px; margin-bottom: 0;  }
#globalVisor .autor {  margin: 15px;  margin-top: 10px; margin-left: 30px;  font-size: 12px;  }
#globalVisor .descripcion { display: block; clear:both; margin: 10px; margin-left: 30px;  text-align:left;}

#galeria {  float:left; display:block; margin-bottom: 20px; margin-left: 30px;  }
#galeria .fotoidea { float:left; width: 100px; margin: 15px;}
#galeria .fotoidea .foto { width: 100px; height:80px;  text-align:center; overflow:hidden; background: url(img/cargando.gif) center center no-repeat;  }
#galeria .fotoidea .titulo { font-size: 10px; height:30px; overflow:hidden;}
#galeria .fotoidea .descripcion { font-size: 10px;}

#galeria.masvotados {  width: 525px; height: 195px; background: url(img/fondo-megustas.jpg) center center no-repeat;}
#galeria.masvotados .encabezado { height: 40px; }
#galeria.masvotados .fotoidea {  width: 110px; margin-left: 30px; margin-right: 30px; margin-top: 0; }
#galeria.masvotados .foto { width: 110px; height:90px;  }

#paginacion { width: 97%; display: block;/* margin: 30px 20px 0 20px;*/  margin-top: 30px;}
#paginacion .anterior { float:left; text-decoration: none;}
#paginacion .siguiente { float: right; text-decoration: none;}
#paginacion .numeracion { float: left; margin: 0 20px 0 20px;}
#paginacion .numeracion a, #paginacion .numeracion span {  text-decoration: none; margin-right: 5px; color: #4c4c4e; font-weight:bold;  }
#paginacion a { color: #4c4c4e; font-weight:bold; }
#paginacion .numeracion .seleccionado { text-decoration: underline; }


#pie { background-color: #00a28a; width: 100%; height: 100px; color: #FFFFFF; position: relative; margin-top: 20px; bottom: 0px;  padding-top: 10px;}
#pie a {color: #FFFFFF; text-decoration: none; }


.formulario { width: 360px; height:402px; float:left; margin-top: 10px; margin-left: 20px; background:url(img/fondo-formulario.png) center center no-repeat;  }
.formContenido {   width: 300px; margin-left: 20px;  }
.formulario label , .formulario a{ color:#FFFFFF; font-weight:bold;}
.formulario .campo { width: 190px; background-color:#FFFFFF; padding: 2px 5px 2px 5px; border: 1px solid #005e50; border-radius: 3px; -moz-border-radius: 3px;}
.formulario input[type="submit"] { border: 0; text-indent: -9999px; padding: 0; background: url(img/btn-enviar.png) center center no-repeat; width: 81px; height: 30px; cursor:pointer; }
.formulario textarea { height: 80px}
.formulario table tr td { padding-bottom: 8px;}

.msgError { color: #7a2f81; height: 20px; float:right; padding-left: 25px; padding-top: 3px; margin: 5px 13px 0 10px;  font-size: 14px;  font-weight:bold; background:URL(img/error.png) left center no-repeat; }
.msgOk { color: #FFFFFF; font-weight:bold; text-align:center; margin-top: 60px; font-size:16px; margin-left: 5px; }

.compartirOtra { text-decoration: none; color: #012d6a !important; font-weight: bold; font-size: 18px; text-shadow: 0 1px #ccc; padding-left: 25px; background: url(img/flecha.png) left center no-repeat;}


#dvAutor_fb .autor_fb { margin-left: 10px;color: White; font-weight:bold;}
#imagen_fb { width: 30px; }