@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #212121;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	background-image:url(https://trasuesa.com.mx/images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
image{
	float:left;
	margin:0;
}
hr{
	float:left;
}
a:link {
	color: #00ae41;
	text-decoration: none;
}
a:visited {
	color: #00ae41;
	text-decoration: none;
}
a:hover {
	color: #37090B;
	text-decoration: none;
}
a:active {
	color: #00ae41;
	text-decoration: none;
}
#centerDiv {
	width: 915px;
	height: auto;
	margin-left: -456px;
	padding-top:10px;
	position: absolute;
	left: 50%;
	border: 0;
	vertical-align: top;
}
#menu_head {
	width: 500px;
	height: 15px;
	float:left;
	/*background-image: url(https://trasuesa.com.mx/images/logo_up.png);*/
	/*Se agrega este size con el nuevo logo*/
	background-size: 400px;
	background-image: url(https://trasuesa.com.mx/images/logo-trasuesa30.png);
	background-repeat: no-repeat;
	padding-top: 55px;
	padding-left: 415px;
	padding-bottom:10px;
}
#banner_top{
	width:915px;
	height:auto;
	float:left;
}
#banner_top_indx{
	width:912px;
	height:398px;
	float:left;
	background-image:url(https://trasuesa.com.mx/images/bg_slider.png);
	background-position:top right;
	background-repeat:no-repeat;
	padding-left:1px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:72px;
}
#menu_productos_holder{
	width:800px;
	height:auto;
	float:left;
	margin-left:60px;
	margin-right:60px;
}
#menu_productos{
	width:800px;
	height:auto;
	float:left;
}
#info_index{
	width:800px;
	height:auto;
	float:left;
	margin-left:60px;
	margin-right:60px;
	margin-top:20px;
}
#info_container{
	width:700px;
	height:auto;
	float:left;
	margin-left:60px;
	margin-right:60px;
	margin-top:20px;
	padding-right:50px;
	padding-left:50px;
	text-align:justify;
}
.info_intern{
	width:700px;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}
#untercio_iz{
	width:360px;
	height:auto;
	float:left;
}
#sticker{
	width:375px;
	height:auto;
	float:left;
	padding:5px;
	margin-top:20px;
}
.mini_sec_iz{
	width:185px;
	height:50px;
	float:left;
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	color: #6B6C6F;
}
.mini_sec_iz a:link {
	color: #231F20;
	text-decoration: none;
}
.mini_sec_iz a:visited {
	color: #231F20;
	text-decoration: none;
}
.mini_sec_iz a:hover {
	color: #6B6C6F;
	text-decoration: none;
}
.mini_sec_iz a:active {
	color: #231F20;
	text-decoration: none;
}
.mini_img_sec_iz{
	width:50px;
	height:50px;
	margin-right:2px;
	float:left;
}
.mini_title_sec_iz{
	width:133px;
	height:auto;
	float:left;
	color: #00ae41;
	font-weight: bolder;
}
.mini_content_sec_iz{
	width:133px;
	height:auto;
	float:left;
}
#cuartos_container_all{
	/*width:400px; ike */ 
	height:auto;
	margin-top:20px;
	margin-right:20px;
	float:left;
}
.uncuarto_container{
	/*width:370px;*/
	height:auto;
	float:left;
	/*margin-right: 30px;
	margin-bottom: 10px;*/
}
.uncuarto_titles_container{
	/*width:370px;*/
	height:60px;
	float:left;
	font-size: 12px;
	font-weight: bolder;
	color: #797A7D;
}
.uncuarto_titles_img{
	width:50px;
	height:52px;
	float:left;
}
.uncuarto_titles_text{
	width:310px;
	height:12px;
	float:left;
	padding-top:40px;
	padding-left:10px;
}
.uncuarto_content{
	/*width:370px;*/
	height:auto;
	float:left;
	margin-top:10px;
}
.uncuarto_link{
	width: 99%
	/*width:370px;*/
	height:auto;
	/*float:left;*/
	font-size: 12px;
	font-weight: bolder;
	text-align: right;
	margin-top:5px;
}
#subfooter{
	width:420px;
	height:auto;
	float:left;
	margin-left:247px;
	margin-right:248px;
	margin-top:10px;
}
#footer{
	width:915px;
	height:auto;
	float:left;
	margin-top:30px;
}
#face_ini{
	width: 49px;
	height: 49px;
	margin-left: 305px;
	position: absolute;
	left: 50%;
	top: 545px;
	border: 0;
}
#tweet_ini{
	width: 49px;
	height: 49px;
	margin-left: 355px;
	position: absolute;
	left: 50%;
	top: 545px;
	border: 0;
}
#face_in{
	width: 49px;
	height: 49px;
	margin-left: 305px;
	position: absolute;
	left: 50%;
	top: 320px;
	border: 0;
}
#tweet_in{
	width: 49px;
	height: 49px;
	margin-left: 355px;
	position: absolute;
	left: 50%;
	top: 320px;
	border: 0;
}

/* SLIDES */
#slides {
	position:absolute;
	top:92px;
	left:1px;
	z-index:100;
}
.slides_container {
	width:912px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container a {
	width:912px;
	height:404px;
	display:block;
}
.slides_container a img {
	display:block;
}
#slides .next,#slides .prev {
	position:absolute;
	top:0px;
	left:0px;
	width:376px;
	height:426px;
	display:block;
	z-index:101;
}
#slides .next {
	left:560px;
}
.pagination {
	margin:5px auto 0;
	width:100px;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(https://trasuesa.com.mx/images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}
/* END SLIDES */

/* CONTACTO */
#map{
	width:390px;
	height:250px;
	margin-right:10px;
	float:left;
}
.formulario{
	width:300px;
	height:auto;
	float:left;
}
/* CONTACTO END */

/*
     FILE ARCHIVED ON 00:41:25 Feb 14, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:38:39 Nov 14, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 140.925
  exclusion.robots: 0.093
  exclusion.robots.policy: 0.08
  cdx.remote: 0.074
  esindex: 0.012
  LoadShardBlock: 77.224 (3)
  PetaboxLoader3.datanode: 107.626 (5)
  load_resource: 288.464 (2)
  PetaboxLoader3.resolve: 189.782 (2)
*/
/* --- CONFIGURACIÓN PARA MÓVILES --- */

/* --- CONFIGURACIÓN PARA MÓVILES --- */
@media only screen and (max-width: 768px) {
    
    /* 1. Resetear el contenedor principal */
    #centerDiv {
        width: 100%;
        margin-left: 0;
        left: 0;
        position: relative; /* Quitamos el position absolute para evitar desbordes */
        padding-top: 0;
    }

    /* 2. Ajustar el encabezado y logo */
    #menu_head {
        width: 100%;
        padding-left: 10px; /* Reducimos el padding gigante */
        padding-top: 80px; /* Dejamos espacio para el logo si está de fondo */
        background-position: center top; /* Centramos el logo */
        text-align: center;
        box-sizing: border-box;
    }

    /* 3. Hacer que las imágenes y sliders sean fluidos */
    img {
        max-width: 100%;
        height: auto;
    }

    #banner_top, #banner_top_indx, 
    #slides, .slides_container, .slides_container a {
        width: 100%;
        height: 250px;
        background-image: none; /* Quitamos fondos fijos si estorban */
    }

    /* 4. Ajustar los contenedores de contenido para que ocupen toda la pantalla */
    #menu_productos_holder, #menu_productos, 
    #info_index, #info_container, .info_intern {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    /* 5. Apilar las columnas en lugar de ponerlas lado a lado */
    .uncuarto_container, #untercio_iz, #cuartos_container_all {
        width: 100%;
        float: none; /* Quitamos el float para que bajen en bloque */
        margin-right: 0;
        padding: 10px;
        box-sizing: border-box;
    }
    
    .uncuarto_titles_container {
        width: 100%;
    }
    
    .uncuarto_titles_text {
        width: auto; /* Permitir que el texto fluya */
    }

    hr {
        width: 100%; /* Las líneas divisorias no deben salirse de la pantalla */
    }

    /* 6. Ajustar el pie de página */
    #subfooter, #footer {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    /* 7. Ajustar el mapa y formularios si están en la misma página */
    #map, .formulario {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}