

.articulos-relacionados{
    font: normal 14px/1.5em Arial, Verdana, sans-serif;
    color: #465e61;
    width:150px;
    padding:5px;
    margin:10px 0 10px 10px;
    border:1px solid black;
    float:right;
    clear:both;
}    
    
.mas-vistos a{
    display:block !important;
    text-decoration:none !important;
    color:black !important;
    padding:3px 0 !important;
}


.borde-inf-rayado{
    font: normal 12px Arial, Verdana, sans-serif !important;
    display:block !important;
    padding:5px 0 !important;
    border-bottom:1px dashed black !important;
    text-decoration:none !important;
    color:black !important;

}


#panel-izquierdo table{
    width:100%;
    font: normal 12px Arial, Verdana, sans-serif !important;

}



#panel-izquierdo tr{
    border-bottom:1px dashed black;
}

#panel-izquierdo td{
    
    padding:3px 0 5px 0;
}


#panel-izquierdo td a{
    font: normal 12px Arial, Verdana, sans-serif !important;
    text-decoration:none !important;
    color:black !important;
}



.tira-imagen{

    width:130px;  
    float:left;
}

.tira-imagen img{
    margin:2px 3px;
    border:2px solid white;
}

.tira-imagen p {
    font: normal 14px Arial, Verdana, sans-serif;
    color: white;
	text-align:center;
    padding:0;
}
.tira-imagen h2 {
    font: bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    color: white;
    text-align:center;
}


.tira-imagen h3 {
    font: bold 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    color: white;
    text-align:center;
}

.tira-imagen a {
    text-align:right;
}








/*RESETEO*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

body {
    line-height: 1
}

:focus {
    outline: 0
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
    content: ""
}

blockquote, q {
    quotes: "" ""
}

input, textarea {
    margin: 0;
    padding: 0
}

hr {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px
}

/*FIN RESETEO*/





/* BASICOS */
a:link {
    font-weight: bold;
    text-decoration: underline;
    color: #204a87;
}

a:visited {
    font-weight: bold;
    text-decoration: underline;
    color: #3398CC;
}

a:hover, a:active { 
    text-decoration: underline;
    color: #FF5100;
}

a {
    font: normal 11px / 1.1em Arial, Verdana, sans-serif;
}

p {
    font: normal 14px/1.5em Arial, Verdana, sans-serif;
    color: #465e61;
	text-align:justify;
}

h1 {
    font: normal 16px/32px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    color: #000080;
	
}

h2 {
    font: bold 14px/28px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    color: #008000;
}

h3 {
    font: bold 12px/24px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    color: #ff6600;
}

body {
    background: url(../images/viajeamexico-img/pagina-bg.png) top center repeat-x;
}

/* FIN BASICOS */







/* MAQUETACION */ 
#margenes-pagina {
    margin: 0 auto;
    width: 800px;
}

#cabecera {
    background: url(../images/viajeamexico-img/cabecera-bg.png) top center repeat-x;
}

#navegacion-superior {
    width: 800px;
    float: left;
}

/* barra de pestaņas */ 
#navegacion-superior ul {
    list-style: none;
}

#navegacion-superior ul li {
    float: left;
    margin-right: 4px;
}

#navegacion-superior ul li a {
    width: 96px;
    padding: 6px 0;
    text-align: center;
    font-size: 9px;
    display: block;
    background: url(../images/viajeamexico-img/tab-inactivo.png) top center no-repeat;
}

#navegacion-superior ul li a:hover {
    background: url(../images/viajeamexico-img/tab-activo.png) top center no-repeat;
}

#nav-lista {
    background: url(../images/viajeamexico-img/nav-lista-bg.png) bottom center no-repeat;
    width: 800px;
    float: left;
    clear: both;
}

#nav-lista-izq {
    width: 570px;
    float: left;
}

#nav-lista-der {

    float: left;
}

#col-izquierda {
    background-color: #fffec0;
    width: 200px;
}

#col-centro {
    background-color: white;
    width: 400px;
}

#col-derecha {
    width: 200px;
    padding: 5px 0;
}

#col-izquierda, #col-centro, #col-derecha {
    display: inline-block;
    float: left;
}

#margenes-pagina, #col-izquierda, #col-centro, #col-derecha {
    overflow: hidden;
}

#intro {
    background-color: white;
    padding: 5px;
    /*
height: 80px;
*/
}

#caja {
    background: url(../images/viajeamexico-img/caja-bg.png) bottom center no-repeat;
    padding: 0 10px;
    height: 385px;
}

#slideshow {
    background-color: #FFF7EB;
    height: 250px !important;
}

#panel-izquierdo {
    background-color: #fff;
    padding: 5px;
}

#panel-inferior {
    background: url(../images/viajeamexico-img/panel-inferior-bg.png) bottom center no-repeat;
	height:120px;
    padding: 10px;
    margin-top: 5px;
    clear: both;
}

#pie-pagina {
    padding: 5px;
	clear:both;
}

/* FIN MAQUETACION */ 




/* ESTILOS ESPECIFICOS */
#caja h2 {
    padding: 5px;
    text-align: center;
} 

#caja iframe {
    margin-left: 5px;
}

#col-derecha .banner {
    margin: 5px 10px 5px 10px;
}

#col-derecha .banner img {
    width: 180px;
}

#navegacion-superior ul li .tab-especial {
    background: url(../images/viajeamexico-img/tab-especial.png) top center no-repeat;
}

#panel-izquierdo h2, .modulo-centro h2{
    background: #fff url(../images/viajeamexico-img/h2-destinos-populares.png) center center no-repeat;
    text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:10px;
	font-weight:bold;
	color:white !important;
}


.modulo-centro{
    float:left;
    width:190px;
    padding:5px;  
}

.contenedor-centro{
    overflow:hidden;
    width:400px;
clear:both;
 
}

#panel-izquierdo p{
	font: normal 13px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align:left;
}

#panel-izquierdo small{
	font: normal 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align:left;
}

#articulos h2 {
    text-align: center;
    background: #fff url(../images/viajeamexico-img/h2-ideas-viajero.png) center center no-repeat;
    height: 75px;
}

#articulos h2 span{
    display: none;
}

.articulo {
    background: #fff url(../images/viajeamexico-img/separador-inferior.png) bottom center no-repeat;
    overflow: hidden;
    padding: 5px;
    width: 190px;
    height: 110px;
    float: left;
}

.elemento {
    margin: 5px 0;
}

.articulo img, .elemento img {
    margin: 5px 5px 5px 0;
    float: left;
}

#nav-lista-izq ul {
    list-style: none
}

#nav-lista-izq ul li {
    margin: 5px 10px 0 5px;
    float: left;
    padding-bottom: 5px;
}

#nav-lista-izq ul li a {
    font-size: 12px;
    text-decoration: none;
}

#nav-lista-der ul {
}

#nav-lista-der ul li {
    float: left;
}

#nav-lista-der ul li a {
    padding: 7px 5px 5px 5px;
    display: block;
    font-size: 12px;
    text-decoration: none;
}

#pie-pagina ul {
    text-align: center;
}

#pie-pagina ul li {
    display: inline;
    margin: 0 5px;
}

#pie-pagina ul li a {
    text-decoration: none;
}

#navegacion-superior a, #nav-lista a {
    color: white;
    text-decoration: none;
}

#caja h2 {
    color: white;
}

#panel-inferior ul {
    text-align: center;
}

#panel-inferior ul li {
    display: inline;
}

#panel-inferior ul li a, span {
    padding: 5px;
    color: white;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}

#panel-inferior ul li a:hover {
    color: #ff6600;
}

#panel-inferior h2 {
    color: white;
}

#slideshow h2{
    font: bold 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    color: white;
}

/* FIN ESTILOS ESPECIFICOS */
