/* 
Desarrollado por Fernando Goetz
Web: www.fernandogoetz.com
Email: fernandogoetz@gmail.com
*/
/* General */

body {margin:0 0 0 0; padding:0px; background:#222222 url(images/bg-body.png) repeat-x; color:#555555; font-family:"Trebuchet MS"; line-height:20px; font-size:12px;}


a, a:link, a:visited {color:#1476a8; text-decoration:none;}
a:hover {color:#be1313; text-decoration:none;}
input {background-color:#ffffff; border:solid 1px #cccccc; color:#777777; font-size:12px;}
textarea {background-color:#ffffff; border:solid 1px #cccccc; color:#777777; width:250px; font-size:12px;}
input:hover, textarea:hover {background:#f9f9f9;}
img { border-style:none; border-width:0px; border:0px;}
img a:link, img a:visited, img a:hover { border-style:none; border-width:0px; border:0px;}
.margin20 {margin:20px;}
.margin10 {margin:10px;}
.margin5 {margin:5px;}
table {font-family:"Trebuchet MS"; font-size:12px; line-height:22px;}
.clear { clear:both;
 line-height:0;margin:0;padding:0;}

.titulo {color:#be1313;font-size:24px; text-align:left;}
.mensaje {background:#fffeeb; color:#626224; padding:10px; text-align:center; border:1px solid #e1e199;}


#content-der .my-table { border:1px solid #e5e2e2; }
#content-der b {font-weight:bold;}

#content-izq {width:226px; float:left;  posicion:relative; padding:0; margin:0; text-align:left;} 
#content-der {background:#ffffff; width:738px; float:right;  posicion:relative; padding:0; margin:0; text-align:left; }

.cuadro-promocion {background:#ffffff url(images/bg-cuadro.png) repeat-x; width:216px; text-align:left; padding:0; margin:0 0 10px 0; position:relative; border:solid 1px #dddddd; } /* 212*/


#header-top {position:relative;width:1000px; height:10px; background:url(images/bg-top.png);margin:10px 0 0 0;overflow:hidden;}
#header {position:relative;width:1000px; height:157px; margin:0px;background:url(images/bg.png); }
#content {position:relative;width:960px;margin:0;background:#ffffff;padding:20px;background:url(images/bg.png);}
#footer {position:relative;width:1000px; height:10px; background:url(images/bg-bottom.png);overflow:hidden;}


#content-izquierda {background:#ffffff;width:748px; float:left;  posicion:relative; padding:0; margin:0;text-align:left;} /* 748px */
#content-derecha {background:#f5f5f5; width:226px; float:right;  posicion:relative; padding:0; margin:0; } /* 226px */
#content-total {background:#ffffff; float:left;  posicion:relative; padding:0; margin:0;text-align:left;background:#ffffff;width:960px;} /* 748px */

.logo {position:absolute;left:15px;top:0px;}
.slogan {position:absolute;right:30px;top:40px;}

.barra-diagonal {background:url(images/barra-diagonal.png) repeat-x;  width:700px; height:12px; position:absolute; top:180px; right:40px;}

.cuadro-top {background:url(images/bg-cuadro-top.png); width:447px; height:18px;}
.cuadro-content {background:url(images/bg-cuadro.png); width:447px;}
.cuadro-bottom {background:url(images/bg-cuadro-bottom.png); width:447px; height:18px;}


.input-text {width: 400px;}

/* Menu */

.menu {display:block; position:absolute; left:20px; bottom:0px; height:40px; width:960px; background:#292929 url(images/bg-menu.png);}
.opt a:link, .opt a:visited {display:block; position:relative;right:0px; font-size:16px; color:#f5f5f5; float:left;  padding:10px 30px 10px 30px; font-weight:bold;border-right:1px solid #3b3b3b;}
.opt a:hover {color:#ffffff;  background:#353535;}

/* titulo cuadro */
.titulo-left {width:13px;height:71px; background:url(images/titulo-left.png) no-repeat;float:left;}
.titulo-right {width:13px;height:71px; background:url(images/titulo-right.png) no-repeat;float:right;}
.titulo-content {width:400px;height:71px; background:url(images/titulo-content.png); font-size:16px; font-weight:bold; color:#f5f5f5;float:left; }


#content #slideshow {background:#ffffff;width:950px; height:400px;  position:relative; float:left;}

#creditos {width:980px; color:#ffffff; text-align:right;}
#creditos a {color:#fffc00;}


.GoogleMaps {width:300px;height:280px;overflow:hidden;}

.informacionContenido {background:#f5f5f5;width:306px;height:300px;float:left;margin-right:20px;text-align:left;}
.informacionContenido .titulo {background:#292929;color:#ffffff;font-size:12px;text-align:center;}

.bienvenidos {background:#f9f9f9;padding:10px;margin:20px 0 20px 0;border:1px solid #dddddd;text-align:left;}


/*  paginacion */
#paginacion {margin:10px 0 15px 0;}
.paginacion-opt {position:relative; text-align:center;}
.paginacion-opt a:link, .paginacion-opt a:visited {display:block; width:26px; position:relative; right:0px; float:left; 
padding:0px; font-size:11px;color:#1b6fa7; background:#ffffff; margin:1px; border:solid 1px #dddddd;}
.paginacion-opt a:hover {color:#cbeaff; text-decoration:none; background:#f9f9f9;}
.no-page {display:block; width:26px; position:relative;right:0px;text-align:center; float:left; 
padding:0px; font-size:11px;color:#1b6fa7; background:#f9f9f9; margin:1px; border:solid 1px #aeaeae;
 font-weight:bold;}
 
 #comentar {text-align:left;padding:10px;}
 #comentar input {width:300px;height:35px;font-size:18px;}
 #comentar textarea {width:600px;height:100px;font-size:18px;}
 #comentar .imagen {width:179px;height:58px;}
 #comentar .texto {float:left;height:30px;padding:5px 0 0 0;font-size:14px;font-weight:bold;margin-left:20px;}
 #comentar .fila {margin-bottom:10px;}
 #comentar .titulo {font-size:16px;color:#c31010;font-weight:bold;margin-bottom:15px;}
 
 
/* Home */
#listaCiudadesHome a, #listaCiudadesHome a:link, #listaCiudadesHome a:visited  {color:#555555;}
#listaCiudadesHome a:hover .item  {color:#336699;background:#f5f5f5;}
#listaCiudadesHome .item  {float:left;width:302px;padding:10px;}


#panorama .divAzul {background:#dcf5ff;margin:0 0 15px 0;padding:5px;}
#panorama .divAzul h1 {font-size:14px;font-family:Georgia;font-weight:bold;color:#333333;}
#panorama .divAmarillo {background:#fffccc;padding:5px;}
#panorama .infoComentario {float:right;width:290px;}
#panorama .panoramas-cercanos  {background:#f9f9f9;padding:5px;margin:0 0 2px 0;cursor:pointer;}
#panorama a .panoramas-cercanos {background:#f9f9f9;padding:5px;margin:0 0 2px 0;cursor:pointer;}
#panorama a:hover .panoramas-cercanos  {background:#fffccc;padding:5px;margin:0 0 2px 0;cursor:pointer;}


#mas-visitados .titulo {color:#ee8f0b;font-size:14px;font-weight:bold;float:left;}
#mas-visitados .info-adicional {float:right;margin-right:20px;border-bottom:1px dashed #dddddd;}
#mas-visitados .cuadroLeft {margin:15px 0 0 15px;float:left;width:300px;background:#222222;padding:4px;}
#mas-visitados .cuadroRight {margin:15px 0 0 0;padding-left:5px;float:right;width:625px;text-align:left;color:#333333;}
#mas-visitados .cuadro {margin:10px 0 10px 0;padding:0 0 15px 0;border-bottom:1px solid #dddddd;background:#ffffff;height:130px;position:relative; overflow:hidden;}

#mas-votados .titulo {color:#ee8f0b;font-size:14px;font-weight:bold;float:left;}
#mas-votados .info-adicional {float:right;margin-right:20px;border-bottom:1px dashed #dddddd;}
#mas-votados .cuadroLeft {margin:15px 0 0 15px;float:left;width:300px;background:#222222;padding:4px;}
#mas-votados .cuadroRight {margin:15px 0 0 0;padding-left:5px;float:right;width:625px;text-align:left;color:#333333;}
#mas-votados .cuadro {margin:10px 0 10px 0;padding:0 0 15px 0;border-bottom:1px solid #dddddd;background:#ffffff;height:130px;position:relative; overflow:hidden;}

#ciudad .titulo {color:#ee8f0b;font-size:14px;font-weight:bold;float:left;}
#ciudad .info-adicional {float:right;margin-right:20px;border-bottom:1px dashed #dddddd;}
#ciudad .cuadroLeft {margin:15px 0 0 15px;float:left;width:300px;background:#222222;padding:4px;}
#ciudad .cuadroRight {margin:15px 0 0 0;padding-left:5px;float:right;width:625px;text-align:left;color:#333333;}
#ciudad .cuadro {margin:10px 0 10px 0;padding:0 0 15px 0;border-bottom:1px solid #dddddd;background:#ffffff;height:130px;position:relative; overflow:hidden;}

#categoria .titulo {color:#ee8f0b;font-size:14px;font-weight:bold;float:left;}
#categoria .info-adicional {float:right;margin-right:20px;border-bottom:1px dashed #dddddd;}
#categoria .cuadroLeft {margin:15px 0 0 15px;float:left;width:300px;background:#222222;padding:4px;}
#categoria .cuadroRight {margin:15px 0 0 0;padding-left:5px;float:right;width:625px;text-align:left;color:#333333;}
#categoria .cuadro {margin:10px 0 10px 0;padding:0 0 15px 0;border-bottom:1px solid #dddddd;background:#ffffff;height:130px;position:relative; overflow:hidden;}

#mas-recientes .titulo {color:#ee8f0b;font-size:14px;font-weight:bold;float:left;}
#mas-recientes .info-adicional {float:right;margin-right:20px;border-bottom:1px dashed #dddddd;}
#mas-recientes .cuadroLeft {margin:15px 0 0 15px;float:left;width:300px;background:#222222;padding:4px;}
#mas-recientes .cuadroRight {margin:15px 0 0 0;padding-left:5px;float:right;width:625px;text-align:left;color:#333333;}
#mas-recientes .cuadro {margin:10px 0 10px 0;padding:0 0 15px 0;border-bottom:1px solid #dddddd;background:#ffffff;height:130px;position:relative; overflow:hidden;}


#mas-comentados .titulo {color:#ee8f0b;font-size:14px;font-weight:bold;float:left;}
#mas-comentados .info-adicional {float:right;margin-right:20px;border-bottom:1px dashed #dddddd;}
#mas-comentados .cuadroLeft {margin:15px 0 0 15px;float:left;width:300px;background:#222222;padding:4px;}
#mas-comentados .cuadroRight {margin:15px 0 0 0;padding-left:5px;float:right;width:625px;text-align:left;color:#333333;}
#mas-comentados .cuadro {margin:10px 0 10px 0;padding:0 0 15px 0;border-bottom:1px solid #dddddd;background:#ffffff;height:130px;position:relative; overflow:hidden;}

#ultimos_agregados .titulo {color:#2290be;font-size:13px;font-weight:bold;}
#ultimos_agregados .separador {height:1px;width:400px;background:#dddddd;float:left;margin:0 0 0 20px;
line-height:0;padding:0;
overflow:hidden;
}
#ultimos_agregados .cuadro-contenedor {position:relative;width:455px;height:160px;overflow:hidden;padding:5px;}
#ultimos_agregados .cuadro-contenedor .descripcion {float:left;color:#555555; width:340px;text-align:left;}
#ultimos_agregados .ver-mas {cursor:pointer;background:#dddddd;color:#333333;font-weight:bold;padding:3px 0 0 3px;font-family:arial;width:200px;}


#mas_votados .titulo {color:#2290be;font-size:13px;font-weight:bold;}
#mas_votados .separador {height:1px;width:400px;background:#dddddd;float:left;margin:0 0 0 20px;
line-height:0;padding:0;
overflow:hidden;
}
#mas_votados .cuadro-contenedor {position:relative;width:455px;height:160px;overflow:hidden;padding:5px;}
#mas_votados .cuadro-contenedor .descripcion {float:left;color:#555555; width:340px;text-align:left;}
#mas_votados .ver-mas {cursor:pointer;background:#dddddd;color:#333333;font-weight:bold;padding:3px 0 0 3px;font-family:arial;width:200px;}



#publicidad .titulo {color:#448844;font-size:14px;font-weight:bold;}
#publicidad b {color:#2290be;font-weight:bold;}

/* rating */
.votacion-mensaje {float:left;width:150px;text-align:left;font-family:georgia;}
.votacion {float:left;width:150px;text-align:left;}
.bookmarks {float:right;width:400px;text-align:right;font-family:georgia;}

h1 {font-size:18px;color: white;}

.comentarios {margin:15px 0 15px 0;padding:7px;font-size:18px;background:#5b9600 url(images/bg-comentario-titulo.png);color:#ffffff;}
.titulo-naranja-total {margin:0 0 0 0;padding:7px;font-size:18px;background:#ee8f0b url(images/stripes.png);color:#ffffff;}
.titulo-naranja-chico {margin:0 0 0 0;padding:7px;font-size:18px;background:#ee8f0b url(images/stripes.png);color:#ffffff;}
.seguinos {text-align:right;position:absolute;right:20px;top:2px;width:130px;height:20px;}
