html, body, div, span, object, iframe,
h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
/*font-size: 100%;*/
font-family: inherit;
outline:0;
}
/*@import "fonts.css"*/
img { border:0; }
h1, h2, h3, h4 {font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
html, body {height:100%; }
body { font:12px verdana, arial; background-color:#e5e5e5;}
a {text-decoration:none; color:#232323;}
ol, ul {
list-style: none;
margin:0;
}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.center {text-align:center;}
.pointer {cursor:pointer;}
.espacio {width:100%; height:20px;}
.miniatura100 {width:100px; height:100px; border:2px solid #879DA8; margin:0 7px; float:left;}
.miniatura50 {width:50px; height:50px; background:#1a1a1a url(../images/loader32.gif) no-repeat 50% 50%; border:3px solid #1a1a1a; margin:0 7px 7px 0; float:left; font:10px tahoma, verdana; }
.miniatura50 a { color:#1a1a1a;}
.miniatura50:hover { width:50px; height:50px; border:3px solid #C2642A; margin:0 7px 7px 0; float:left; }
.icono_red_social16 {width:16px; height:16px; margin:0 3px; float:left;}
/******************************************************************************** CONTENEDORES ******************************************************************************************/
/* contenedor principal */
#container {
clear:both;
margin-left:217px;
height:100%;
}
/* contenedor de la parte derecha - sirve para echar el footer al bottom */
#wrap {
min-height:100%;
}
/* contenedor con la informacion */
#container_info {
width:100%;
float:left;
overflow:hidden;
padding-bottom: 74px;
}
#info {width:800px; margin:0 auto;}
#titulo_seccion {width:800px; height:35px; text-align:right; margin-top:25px; font:25px "GothamRnd-Book", tahoma, arial, verdana; color:#1a1a1a;}
#titulo_seccion span a {color:#C26329; padding-right:10px; font-size:30px;}
#titulo_seccion a {color:#1a1a1a;}
/***************************************************************************************************************************************************************************************/
/******************************************************************************** MENU ******************************************************************************************/
/*#menu_principal {width:217px; position:fixed; height:100%; background:#e5e5e5 url(../images/fondo_menu.jpg) repeat-y; }*/
#container_menu {
width:217px;
clear: left;
float: left;
margin: 0 0 0 -217px;
/* position: relative;*/
position:fixed;
height:100%;
background:#e5e5e5 url(../images/fondo_menu.jpg) repeat-y;
}
/**** LOGO ****/
h2#logo {margin-top:18px; overflow:hidden; float:left;}
#logo a {background:url(../images/sergio_arias_fotografia.jpg) no-repeat; width:217px; height:54px; display:block; position:relative; z-index:1; float:left;}
#logo a img {display:none;}
#logo span { position:absolute; display:block; left:20px; z-index:0;}
/**** MENU ****/
/*#menu { margin:360px 0 0 10px; width:180px; border:0px solid;}*/
/*#menu { margin:80px 0 0 10px; width:180px; overflow:hidden;}*/
#menu {position:absolute;
margin:0 0 30px 10px;
bottom:0;
width:180px;}
#home #menu #lugares, #contacto #menu #lugares, #blog #menu #lugares {margin-top:160px;}
#tematicas #menu #lugares {margin-top:160px;}
#galerias #menu #lugares {margin-top:160px;}
#menu li h1{height:20px; margin:0; padding:0; font-size:0; }
#menu li a {width:180px; height:20px; display:block; text-indent:-9999px; text-decoration:none;}
#menu li a:hover {background-position:0 -40px;}
#menu li .seleccionado {background-position:0 -40px ! important;}
/*#menu li .contenido {overflow:hidden; display:none; height:0; border:0px solid;}*/
#menu li .contenido { margin:0 10px 10px 0; }
#menu li .contenido li { text-align:right; }
#menu li .contenido li a{ width:180px; height:12px; display:inline; font:normal 10px "GothamRnd-Medium", tahoma, arial, verdana; color:#aaa; }
#menu li .contenido li a:hover {color:#C2642A; }
#link_lugares {background:url(../images/btn_menu_lugares.png) no-repeat 0 -20px; }
#link_deportes {background:url(../images/btn_menu_deportes.png) no-repeat 0 -20px; }
#link_arte {background:url(../images/btn_menu_arte.png) no-repeat 0 -20px; }
#link_naturaleza {background:url(../images/btn_menu_naturaleza.png) no-repeat 0 -20px; }
#link_fauna {background:url(../images/btn_menu_fauna.png) no-repeat 0 -20px; }
#link_espectaculos {background:url(../images/btn_menu_espectaculos.png) no-repeat 0 -20px; }
#link_gente {background:url(../images/btn_menu_gente.png) no-repeat 0 -20px; }
#link_blog {background:url(../images/btn_menu_blog.png) no-repeat 0 -20px; }
#link_enlaces {background:url(../images/btn_menu_enlaces.png) no-repeat 0 -20px; }
#link_contacto {background:url(../images/btn_menu_contacto.png) no-repeat 0 -20px; }
/*#menu_principal #menu_tematicas .selector_menu{ background:url(../images/selector_menu.png) 130px 0; width:16px; height:16px; float:left; border:0px solid;}*/
#menu #tematicas .selector_menu{ position:relative; left:180px; top:-11px; width:10px; height:2px; float:left; background-color:#eee;}
/******************************************************************************** PRINCIPAL ******************************************************************************************/
#home #info {}
/*
#bottom_imagen_principal {clear:both; position:relative; top:25px; width:780px; margin:0 auto; height:17px; background:url(../images/fondo_foto2.png) no-repeat 50% bottom; }
#slide_principal{position:relative; top:25px; border:10px solid #fff; color:#1a1a1a; margin:0 auto; width:750px; height:500px; background:#1a1a1a url(../images/loader64.gif) 50% 50% no-repeat;}
*/
#home #fondo_imagen {margin-top:25px;}
#home #container_foto {cursor:pointer; display:block;}
#informacion_bottom{ width:760px; overflow:auto; margin:0 auto; padding-left:25px; border:0px solid;}
#informacion_bottom p {color:#666; font:13px tahoma, verdana, helvetica, verdana, arial; margin:0; padding:5px 0 10px 0;}
#informacion_bottom li {float:left; padding-right:26px; margin:0 auto;}
#informacion_bottom img {margin:0 7px 20px 0; display:block;}
#informacion_bottom .bloque1 {width:260px; }
#informacion_bottom .bloque2 {width:161px; float:right; padding-right:0;}
#informacion_bottom .bloque2 img {margin:0 0 20px 0;}
#informacion_bottom .bloque2 .icono_red_social32 {width:32px; height:32px; margin:0 0 0 7px; padding-top:28px; float:right;}
#informacion_bottom .bloque2 .gplus { margin:0 0 0 7px; float:right;}
#informacion_bottom #title_ultimas_fotos a img {margin:0;}
.titulo_parrafo {color:#C2642A; font:bold 14px tahoma, verdana, arial; margin:0; padding:0;}
.titulo_parrafo a {color:#C3642A;}
.fecha_parrafo {color:#232323; font-size:11px;}
/******************************************************************************** TEMATICAS ******************************************************************************************/
#descripcion_galeria {width:200px; float:right; margin:40px 7px 0 0;}
#descripcion_galeria p {font:11px tahoma, verdana, georgia, arial;}
#container_galerias {width:590px; float:right; margin-top:40px;}
#container_galerias .galeria {float:left; width:272px; height:196px; margin-bottom:20px; }
#container_galerias .galeria a {display:block; padding:5px;}
#container_galerias .galeria h3 {font:14px "GothamRnd-Medium", tahoma, arial, verdana; color:#1a1a1a; height:25px; }
#container_galerias .galeria.right h3{text-align:right; margin-right:5px;}
#container_galerias .galeria.left h3{text-align:left; margin-left:5px;}
#container_galerias .galeria h2.sombra{background:url(../images/sombra_foto_menu_galeria.png) no-repeat; width:272px; height:172px;}
#container_galerias .galeria img {border:6px solid #fff; position:relative; z-index:1;}
#container_galerias .galeria img:hover {border:6px solid #C26329;}
#container_galerias .galeria span {position:relative; z-index:0; font-size:0; top:-60px; left:60px;}
#container_galerias .left {border-left:2px solid #C26329; padding:0 10px 0 11px;}
#container_galerias .right {border-right:2px solid #C26329; padding:0 11px 0 10px; }
/******************************************************************************** GALERIAS ******************************************************************************************/
#fondo_imagen {width:780px; height:530px; border:0px solid; float:right; background:url(../images/fondo_foto.png) no-repeat;}
#imagen {position:relative; top:3px; left:10px; background-color:#fff; width:750px; height:500px; border:5px solid #fff; overflow:hidden;}
#container_foto { position:relative; top:0px; width:0px; height:0px; margin:0 auto; opacity:0; border:0px solid #fff; background:#1a1a1a url(../images/loader32.gif) 50% 50% no-repeat; }
#info_foto{ clear:both; width:760px; height:99px; margin-right:9px; float:right; display:inline;}
#info_foto p {font:14px 'Gotham-Bold', tahoma, arial, verdana; color:#666; /*letter-spacing:0.3px;*/}
#info_foto p.header {font: 14px 'Gotham-Black', tahoma, arial, verdana; color:#1a1a1a; padding-bottom:7px; }
#info_foto #iptc {width:390px; height:60px; float:left; margin-right:10px;}
#info_foto #bloque {width:300px; float:right;}
#bloque #puntuacion, #info_foto #bloque #compartir { float:right; text-align:right;}
#compartir {width:110px; height:80px; border:0px solid; float:left;}
div.plus-one{ margin:2px 5px 3px 2px;}
.btn_twitter { margin-top:1px;}
.btn_facebook {margin:4px 0;}
.separador {background:url(../images/separador.png) 0 6px no-repeat; width:6px; height:72px; float:left; padding:0 5px;}
#puntuacion {float:right; width:150px; height:30px; margin-top:5px; padding-bottom:10px; cursor:pointer;}
#puntuacion #nota_foto{ margin:0 10px 0 5px; font:12px tahoma, arial, verdana; color:#C26329; }
#puntuacion span.titulo{font:bold 10px tahoma, verdana; color:#1a1a1a; margin:0;}
#puntuacion #container_votos {
background:url(../images/votos_lateral.png) no-repeat;
height:20px;
float:left;
}
#puntuacion #votos_foto {
font:10px tahoma, verdana;
color:#666;
background-color: #eee;
border-style: solid solid solid none;
border-width:1px 1px 1px 0;
height:10px;
padding:1px 3px 5px 4px;
margin:0 0 0 8px;
width:auto;
float:left;
}
#container_rating {width:100%; margin-top:3px; clear:both; text-align:left; position:relative; overflow:hidden;}
#rating_star {position:relative; /*top:-20px;*/ top:0px;}
#numero_foto {width:230px; color:#1a1a1a; font:33px "GothamRnd-Book", tahoma, arial, verdana; float:right;}
#prev {background:url(../images/btn_back.png) no-repeat; width:35px; height:25px; margin:8px 10px 0 0;}
#prev:hover {background:url(../images/btn_back_over.png) no-repeat; width:35px; height:25px;}
#next {background:url(../images/btn_fwd.png) no-repeat; width:35px; height:25px; margin:8px 0 0 10px;}
#next:hover {background:url(../images/btn_fwd_over.png) no-repeat; width:35px; height:25px;}
#prev, #next {float:right; cursor:pointer;}
#next a {color:#1a1a1a;}
#prev, #prev a, #n_foto, #n_foto a{color:#C26329;}
#numero_de_fotos { float:right; overflow:hidden; margin:0 auto;}
/******************* MINIATURAS **********************/
#sombra_miniaturas {clear:both; width:760px; height:10px; background:url(../images/sombra_ocultar_miniaturas.png) no-repeat; margin-right:9px; float:right; display:inline; cursor:pointer;}
#sombra_miniaturas:hover {background-position: 0 -11px;}
#container_miniaturas {clear:both; margin:0 9px 20px auto; position:relative; display:inline; width:760px; height:auto; overflow:hidden; float:right; }
#container_miniaturas #inside_miniaturas {position:relative; top:0px; width:760px; }
#container_miniaturas #prev_minis, #container_miniaturas #next_minis {font:bold 10px tahoma, verdana; margin-top:30px; float:left; cursor:pointer;}
#miniaturas { margin:5px 40px 0px; width:660px; float:left; height:auto; overflow:hidden; }
#miniaturas .seleccionada a img { margin:0px 6px 6px 0px; border:2px solid #C2642A ! important; }
#miniaturas .mini50 { display:block; font:10px tahoma, verdana; float:left;}
#miniaturas .mini50 a {display:block; color:#1a1a1a;}
#miniaturas .mini50 a img{width:50px; height:50px; margin:0px 6px 6px 0px; border:2px solid #1a1a1a; cursor:pointer; }
#miniaturas .mini50 a:hover img{opacity:0.9; margin:0px 6px 6px 0px; border:2px solid #C2642A ! important; }
.descripcion_hidden {display:none;}
/* Descripcion de la galeria */
/*#titulo_seccion span.sombra{color:#ddd; padding-right:10px; font-size:30px;}*/
#sombra_descripcion {clear:both; width:760px; height:10px; background:url(../images/sombra_ocultar_descripcion.png) no-repeat; margin-top:5px; float:right; display:inline; cursor:pointer;}
#sombra_descripcion:hover {background-position: 0 -11px;}
.hover_show {background-position: 0 -11px;}
#container_texto {clear:both; margin:0; position:relative; display:inline; width:760px; height:auto; overflow:hidden; float:right; }
#container_texto #inside_texto {position:relative; top:-999px; width:760px; }
#descripcion {width:770px; height:10px; float:right;}
/*#descripcion .desplegar_texto {float:right; background:url(../images/mostrar_texto.png) 0 0 no-repeat; width:18px; height:7px; cursor:pointer;}
#descripcion .desplegar_texto:hover {background-position: right -11px;}*/
#descripcion .texto_galeria {font: 14px 'Gotham-Bold', tahoma, arial, verdana; color:#666; margin:5px 40px 0px; width:660px; float:left; height:auto; overflow:hidden; }
/****************************************************************** CONTACTO *******************************************************************/
#contacto #info {width:800px; overflow:visible;/*height:559px;*/ margin:0 auto;}
#container_contacto {width:800px; height:660px; margin-bottom:20px;}
#mifoto { float:right;}
#panel_derecho {float:right; margin-left:50px; width: 360px;}
#panel_derecho p {font:12px tahoma, verdana, arial; color:#666; margin-bottom:10px;}
#panel_derecho p label {width:140px; display:block; margin-bottom:5px;}
#panel_derecho p input, #panel_derecho p textarea {
display:block;
width:250px;
border:1px solid #fff;
background-color:#1a1a1a;
color:#eee;
padding: 3px;
-moz-border-radius: 5px 5px 5px 5px;
-moz-box-sizing: border-box;
}
#contacto #formulario {height:340px; overflow:auto; }
#email_info {padding:15px 0 0 7px; color:#1a1a1a;}
#email_info a {color:#1a1a1a;}
#email_info a:hover {text-decoration:underline;}
.button {
background:#f2f2f2 url(../images/white-grad.png) repeat-x scroll left top;
font:11px "lucida grande", tahoma, verdana ! important;
color:#666;
-moz-border-radius: 11px 11px 11px 11px;
-moz-box-sizing: content-box;
border-style: solid;
border-width: 1px;
border-color: #666;
cursor: pointer;
line-height: 13px;
padding: 5px 10px;
text-decoration: none;
text-shadow: 0 1px 0 #FFFFFF;
margin: 0 6px;
}
.button:active {
background:url(../images/white-grad-active.png) repeat-x scroll left top #eee;
}
.button:hover {
color:#000;
border-color:#adaca7;
background:url(../images/white-grad-active.png) repeat-x scroll left top #eee;
}
/******************************************************************* BLOG *******************************************************************/
#container_blog {width:468px; float:left; margin-top:40px; padding-right:60px; border-right:1px dotted #c26329;}
#blog h3.titulo_post {color:#1a1a1a; font:20px "GothamRnd-Medium", tahoma, arial, verdana; text-transform:uppercase;}
#blog h3.titulo_post a {color:#1a1a1a; }
#blog .post p.fecha_post {color:#C26329; font:11px tahoma, 'Gotham-Bold', tahoma, arial, verdana; margin-bottom:5px;}
#blog .post a.comentarios_post {float:right; color:#1a1a1a; font:bold 11px tahoma, arial, verdana; padding:0 0 5px 20px; height:15px; margin:0; background:url(../images/comment.png) 0 0 no-repeat;}
#blog .post a.comentarios_post div.marco_num_comentarios {padding:3px; border:2px solid #fff; background-color:#666; color:#eee; width:30px; float:left;}
#blog .post .icono_comentario {background:url(../images/comment.png) no-repeat; width:16px; height:16px; float:left;}
#blog .post p{font:11px tahoma, arial, verdana; color:#666; margin-bottom:20px; }
#blog .post p.leer_mas_post {text-align:right;}
#blog .post p.leer_mas_post a {text-align:right; color:#C26329;}
#blog .post p.leer_mas_post a:hover {text-decoration:underline;}
#blog .post p a {text-align:right; color:#C26329;}
#blog .post p a:hover {text-decoration:underline;}
.foto_post {border:5px solid #fff; margin:0; padding:0; clear:both;}
.sombra_foto_post {background:url(../images/sombra_foto_post.png) no-repeat; width:468px; height:15px;}
.foto_post_vertical {border:5px solid #fff; padding:0; clear:both;}
.margin_left {float:right; margin-left:10px;}
.sombra_foto_post_vertical {background:url(../images/sombra_foto_post_vertical.png) no-repeat; width:234px; height:15px;}
.redes_sociales_post {height:65px;}
.share_facebook { margin:4px 0;}
.red_social1 {width:130px; height:30px; }
.red_social2 {width:100px; height:30px; }
.tags {width:458px; background-color:#ccc; padding:5px; font:bold 11px tahoma, arial, verdana; color:#C26329; margin-bottom:40px;}
.tags .title_tags {font:bold 11px tahoma, arial, verdana; color:#1a1a1a;}
.tags a {color:#c26329;}
.tags a:hover {text-decoration:underline;}
.banner_468 {width:468px; /*height:15px;*/ padding:5px 0 7px;}
.banner_250 {width:250px; height:250px; padding:5px 0 7px;}
#paginador {width:100%; font:11px tahoma, arial, verdana; text-shadow: 0 1px 0 #eee;}
#paginador .anterior, .siguiente {width:60px !important;}
#paginador .cuadro {width:16px; height:14px; margin:0 2px; padding:3px 2px; border:1px solid #aaa; float:left; text-align:center;}
#paginador a.cuadro {background:#ccc; color:#000;}
#paginador a:hover.cuadro {background:#eee; color:#000;}
#paginador .puntos {width:12px; height:14px; margin:0 2px; padding:5px 2px; float:left; text-align:center;}
#paginador .seleccionado {background:#C26329; color:#fff; text-shadow: 0 1px 0 #000; border:1px solid #874620;}
#paginador .deshabilitado {background:#eee; color:#bbb; border:1px solid #ddd;}
#paginador #n_pagina {color:#999; padding-top:5px; float:right;}
#container_banner {width:250px; float:left; margin:40px 0 0 10px; padding-right:10px; }
#blog .seccion {color:#1a1a1a; font:15px "GothamRnd-Medium", tahoma, arial, verdana; margin-bottom:10px; }
.container_enlaces {width:100%;}
.titulo_enlaces {font:bold 11px tahoma, arial, verdana; color:#666; padding:3px 0;}
.titulo_enlaces a { color:#666;}
.titulo_enlaces a:hover { text-decoration:underline;}
.lista_enlaces {width:100%; padding:2px 10px 5px 0; font:11px tahoma, arial, verdana;}
.lista_enlaces ul {margin:0;}
.lista_enlaces li {list-style:square; color:#666; margin-left:15px;}
.enlace {padding-bottom:3px;}
.enlace a:hover {text-decoration:underline;}
.enlace a {color:#c26329;}
.descripcion_enlace {width:100%; font:11px tahoma; color:#232323; text-align:left; }
#blog .encabezado {color:#1a1a1a; font:20px "GothamRnd-Medium", tahoma, arial, verdana; margin-top:15px;}
#blog #comentario p{margin:0px; display:block;}
#blog #comentario input {width:220px; }
#blog #comentario input[type="checkbox"] { width:auto; }
#blog #comentario input#verificacion{width:80px; }
#blog #comentario input, textarea {border:1px solid #666; margin:2px 0px; padding:2px; font:11px tahoma, arial, verdana; color:#666;}
#blog #comentario label {padding-left: 10px;}
#blog #comentario textarea {width:100%; padding:3px;}
#blog #comentario .img_captcha {margin:2px 2px 2px 0;}
#blog #comentario a#boton_enviar {color:#666 ! important;}
#blog #comentario a:hover#boton_enviar {color:#1a1a1a ! important; text-decoration:none;}
#blog .autor {color:#C26329; }
#blog .autor_comentario {font-weight:bold; padding-bottom:10px;}
#blog .info_comentario {font:11px tahoma, arial, verdana; color:#666; padding-bottom:3px; border-bottom:1px solid #666; margin-bottom:27px;}
#blog .content_comentario {padding-bottom:10px;}
#blog .fecha_comentario { width:458px; background-color:#ccc; padding:5px; font:bold 11px tahoma, arial, verdana; color:#C26329; margin-bottom:5px;}}
/***********************************************************************************************************************************************/
/******************************************************************* 404 *******************************************************************/
#error404 #fondo_foto {color:#eee; padding-top:50px;}
#error404 .foto_404 {border:5px solid #fff; margin:0; padding:0; background-color:#2a2a2a; width:790px; height:500px; }
#error404 #titulo {font:20px "GothamRnd-Medium", tahoma, arial, verdana; text-align:center; color:#eee;}
#error404 #descripcion {font:14px "GothamRnd-Medium", tahoma, arial, verdana; width:700px; margin:70px auto 0 auto; color:#eee;}
#error404 p {margin:0 10px;}
#error404 #container_minis_404 {width:700px; margin: 20px auto 0 auto;}
#error404 .miniatura50 {width:50px; height:50px; background:#1a1a1a url(../images/loader32.gif) no-repeat 50% 50%; border:3px solid #eee; margin:0 7px 7px 0; float:left; font:10px tahoma, verdana; }
#error404 .miniatura50 a { color:#1a1a1a;}
#error404 .miniatura50:hover { width:50px; height:50px; border:3px solid #C2642A; margin:0 7px 7px 0; float:left; }
/*********************************************************************** FOOTER *************************************************************************/
#footer {width:800px; margin:-50px auto 0; padding:0 7px; height:50px; position:relative; clear:both; color:#666; border:0px solid;}
#footer #copyright, #footer #design {width:50%; float:left; font:10px tahoma, verdana, arial, verdana; }
#footer #design {text-align:right;}
#footer a { color:#C2642A; }
#footer p {padding-bottom:7px;}
#footer #qweb {padding:0px !important;}
/*#qweb {margin-top:35px; width:250px; height:70px; float:left; border:0px solid #f00;}
footer .informacion { width:300px; height:50px; font-family:tahoma, verdana; font-size:10px; color:#666; border:0px solid #ff0;}*/
/***************************************************** PAGINA DE ERROR 404 *****************************************************************/
#error {font-family:verdana, arial; font-size:18px; text-align:center; color:#fff; padding:200px 50px 100px 50px;}