::-webkit-scrollbar {
    width: 10px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(222,0,0,0.8); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(222,0,0,0.4); 
}
html { margin: 0; padding: 0; border: 0; background-color:none!important }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block }
table { border-collapse: separate; border-spacing: 0 }
caption, th, td { text-align: left; font-weight: normal; float: none!important }
table, th, td { vertical-align: middle }
blockquote:before, blockquote:after, q:before, q:after { content: '' }
blockquote, q { quotes: "" "" }
a img { border: 0; vertical-align: middle; }
:focus { outline: 0 }
html { font-size: 100.01% }
body { font-size: 75%; color: #222; font-family: Arial, Helvetica, sans-serif; width:auto!important; background: rgb(234, 234, 234) !important}
h1, h2, h3, h4, h5, h6 { font-weight: normal!important; color: #111 }
h1 { font-size: 3em; line-height: 1; margin-bottom: .5em }
h2 { font-size: 2em; margin-bottom: .75em }
h3 {  line-height: 1; margin-bottom: 1em }
h4 {  line-height: 1.25; margin-bottom: 1.25em }
h5 { ; font-weight: bold; margin-bottom: 1.5em }
h6 { font-size: 1em; font-weight: bold }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0 }
.left { float: left!important }
p .left {  padding: 0 }
.right { float: right!important }
p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0 }
a:focus, a {  text-decoration: none }
a:hover { text-decoration: underline }
blockquote { margin: 1.5em; color: #666; font-style: italic }
strong, dfn { font-weight: bold }
em, dfn { font-style: italic }
dfn { font-weight: bold }
sup, sub { line-height: 0 }
abbr, acronym { border-bottom: 1px dotted #666 }
address { margin: 0 0 1.5em; font-style: italic }
del { color: #666; text-decoration: none!important }
pre { margin: 1.5em 0; white-space: pre }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5 }
li ul, li ol { margin: 0 }
ul { list-style-type: none }
dl { margin: 0 0 1.5em 0 }
dl dt { font-weight: bold }
dd { margin-left: 1.5em }
table { margin-bottom: 1.4em; width: 100% }
th { font-weight: bold }
thead th { background: #c3d9ff }
th, td, caption { padding: 4px 10px 4px 5px }
tbody tr:nth-child(even) td, tbody tr.even td { background: #e5ecf9 }
tfoot { font-style: italic }
caption { background: #eee }
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em }
.hide { display: none }
.quiet { color: #666 }
.loud { color: #000 }
.highlight { background: #ff0 }
.added { background: #060; color: #fff }
.removed { background: #900; color: #fff }
.first { margin-left: 0; padding-left: 0 }
.last { margin-right: 0; padding-right: 0 }
.top { margin-top: 0; padding-top: 0 }
.bottom { margin-bottom: 0; padding-bottom: 0 }



.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 { float: left; margin-right: 10px }
.last { margin-right: 0!important }
.span-1 { width: 30px }
.span-2 { width: 70px }
.span-3 { width: 110px }
.span-4 { width: 150px }
.span-5 { width: 190px }
.span-6 { width: 230px }
.span-7 { width: 270px }
.span-8 { width: 310px }
.span-9 { width: 350px }
.span-10 { width: 390px }
.span-11 { width: 430px }
.span-12 { width: 470px }
.span-13 { width: 510px }
.span-14 { width: 550px }
.span-15 { width: 590px }
.span-16 { width: 630px }
.span-17 { width: 670px }
.span-18 { width: 710px }
.span-19 { width: 750px }
.span-20 { width: 790px }
.span-21 { width: 830px }
.span-22 { width: 870px }
.span-23 { width: 910px }
.span-24 { width: 950px }
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 { border-left-width: 1px; border-right-width: 1px; padding-left: 5px; padding-right: 5px }
input.span-1, textarea.span-1 { width: 18px }
input.span-2, textarea.span-2 { width: 58px }
input.span-3, textarea.span-3 { width: 98px }
input.span-4, textarea.span-4 { width: 138px }
input.span-5, textarea.span-5 { width: 178px }
input.span-6, textarea.span-6 { width: 218px }
input.span-7, textarea.span-7 { width: 258px }
input.span-8, textarea.span-8 { width: 298px }
input.span-9, textarea.span-9 { width: 338px }
input.span-10, textarea.span-10 { width: 378px }
input.span-11, textarea.span-11 { width: 418px }
input.span-12, textarea.span-12 { width: 458px }
input.span-13, textarea.span-13 { width: 498px }
input.span-14, textarea.span-14 { width: 538px }
input.span-15, textarea.span-15 { width: 578px }
input.span-16, textarea.span-16 { width: 618px }
input.span-17, textarea.span-17 { width: 658px }
input.span-18, textarea.span-18 { width: 698px }
input.span-19, textarea.span-19 { width: 738px }
input.span-20, textarea.span-20 { width: 778px }
input.span-21, textarea.span-21 { width: 818px }
input.span-22, textarea.span-22 { width: 858px }
input.span-23, textarea.span-23 { width: 898px }
input.span-24, textarea.span-24 { width: 938px }
.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #ddd }
div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eee }
.box { padding: 1.5em; margin-bottom: 1.5em; background: #e5ecf9 }
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: 0 }
hr.space { background: #fff; color: #fff; visibility: hidden }
.clearfix:after, .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden }
.clearfix, .container { display: block }
.clear { clear: both }
label { font-weight: bold }
fieldset { padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc }
legend { font-weight: bold; font-size: 1.2em; margin-top: -0.2em; margin-bottom: 1em }
fieldset, #IE8#HACK { padding-top: 1.4em }
legend, #IE8#HACK { margin-top: 0; margin-bottom: 0 }
input[type=text], input[type=password], input.text, input.title, textarea { background-color: #fff; border: 1px solid #bbb }
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus { border-color: #666 }
select { background-color: #fff; border-width: 1px; border-style: solid }
input[type=text], input[type=password], input.text, input.title, textarea, select { margin: .5em 0 }
input.text, input.title { width: 300px; padding: 5px }
input.title { font-size: 1.5em }
textarea { width: 390px; height: 250px; padding: 5px }
form.inline { line-height: 3 }
form.inline p { margin-bottom: 0 }
.error, .alert, .notice, .success, .info { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd }
.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4 }
.notice { background: #fff6bf; color: #514721; border-color: #ffd324 }
.success { background: #e6efc2; color: #264409; border-color: #c6d880 }
.info { background: #d5edf8; color: #205791; border-color: #92cae4 }
.error a, .alert a { color: #8a1f11 }
.notice a { color: #514721 }
.success a { color: #264409 }
.info a { color: #205791 }



/* Baseline rhythm */
body { font-size: 12px; line-height: 1.5em;  }
html{ background:none!important}
h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; }
h2 { font-size: 2em; line-height: 1.5em; margin-bottom: 0.75em; }
h3 { font-weight:normal!important; font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.2500000000000002em; margin-bottom: 1.2500000000000002em; }
h5 { font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; }
h6 { font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; }
/**/
h1, h2, h3, h4, h5, h6 { color: #000; }
h1 { font-family: 'Georgia', Times New Roman, Times, serif; font-size: 30px; }
h2, h3 { font-family: 'Georgia', Times New Roman, Times, serif; }
h2 { font-size: 25px; line-height: 120%; }
h3 { font-size: 20px; line-height: 130%; }
h4, h4 a { line-height: 125%; margin: 0; }
h2 a, h4 a { text-decoration: none; }

/**/

/*fuentes*/

@font-face {
    font-family: 'AtrapaloDisplayBold';
    src: url('../fnt/atrapalodisplay-bold-webfont.eot');
    src: url('../fnt/atrapalodisplay-bold-webfont.eot?iefix') format('eot'),
         url('../fnt/atrapalodisplay-bold-webfont.woff') format('woff'),
         url('../fnt/atrapalodisplay-bold-webfont.ttf') format('truetype'),
         url('../fnt/atrapalodisplay-bold-webfont.svg#webfontO6fD8SOs') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AtrapaloRoundedDisplayBold';
    src: url('../fnt/atrapaloroundeddisplay-bold-webfont.eot');
    src: url('../fnt/atrapaloroundeddisplay-bold-webfont.eot?iefix') format('eot'),
         url('../fnt/atrapaloroundeddisplay-bold-webfont.woff') format('woff'),
         url('../fnt/atrapaloroundeddisplay-bold-webfont.ttf') format('truetype'),
         url('../fnt/atrapaloroundeddisplay-bold-webfont.svg#webfonttfSigY18') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AtrapaloScrBold';
    src: url('../fnt/atrapaloscr-bold-webfont.eot');
    src: url('../fnt/atrapaloscr-bold-webfont.eot?iefix') format('eot'),
         url('../fnt/atrapaloscr-bold-webfont.woff') format('woff'),
         url('../fnt/atrapaloscr-bold-webfont.ttf') format('truetype'),
         url('../fnt/atrapaloscr-bold-webfont.svg#webfontxqeiJ2kp') format('svg');
    font-weight: normal;
    font-style: normal;

}
.container{
	width: 1070px;
	position: relative;
	margin: 0 auto;
}

/***-----------------------------------*/

/*estatica*/
#header-atrapalo{ height:50px; width: 100%; margin: 0 auto;   color: #ffffff; background-color: #de0000;	text-decoration: none;}

#header-atrapalo .logo-atrapalo{ float:left; background:url(../imagenes/atrapalo_tx_logo_1.png); width:169px; height:50px; text-indent:-9999px; display:block}
#header-atrapalo .redes-social{ float:right; width:145px;}


#wrapper{ width:1070px;  margin:0 auto 0px; padding-bottom:25px; background-color: rgb(234, 234, 234) !important; overflow: hidden;}
header{ max-height:270px;  background-color: #D50100; width: 100%; margin: 0 auto; text-align:center; position:relative}


.interna #wrapper{ padding-bottom:30px}


/* nav */

#submenu{ width: 100%;    display: block;    margin: 0;    padding: 4px 0;    background: #252525;    overflow: hidden;}
#submenu ul{padding:0;  margin:0 auto}
#submenu ul li{ display:block; float:left; padding-top:7px; position:relative  }
#submenu ul li span{ display:block; position:absolute; width:15px; height:9px; bottom:-14px; left:43%; }

#submenu ul li a{ color: #fff;font: 600 14px/20px 'Open Sans', sans-serif;padding: 5px 25px 3px;text-align: center;border-right: 1px solid #999;display: block;
}
#submenu ul li a:hover{ text-decoration:underline; color:#fff;-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;}
#submenu ul li a.last{  border:none!important}
#submenu .btn-todo{ height:32px; margin-left:38px    }
#submenu .btn-todo a{ padding-right:25px; padding-left:25px;}

#submenu .btn-todo span{width: 0;height: 0;border-style: solid;border-width: 9px 7.5px 0 7.5px;border-color: #FFFFFF transparent transparent transparent; display: none;}


#submenu ul li.active{background: #fff;color: #000;}
#submenu ul li.active a {color: #DE0000;}
#submenu ul li.active a{ border-right:0;}
#submenu ul li.active span{ bottom:-8px; width: 0;height: 0;border-style: solid;border-width: 9px 7.5px 0 7.5px;border-color: #ffffff transparent transparent transparent;}





h2.copy_line{ height: auto;	font-family: 'AtrapaloRoundedDisplayBold';	font-size: 24px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);	color: #555;	text-decoration: none; padding:0 5px 0; text-align:left; margin:15px 0 15px; display:block; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);}
h2.copy_line span{font:400 13px/20px 'Open Sans', sans-serif; color:666;  text-align:right; text-transform: none; float:right; margin-top:8px;}
h2.copy_line span a{ color:#666; text-decoration:underline}
h2.copy_line span a:hover{ color:#555 }
.interna h2.copy_line{ text-align:center; font-size:21px}

.interna .container{ margin:0 auto; width:960px}

/*box prods*/
.box-prod{ background:#fff;	width: 310px;	height: 385px;	margin-right: 10px;	margin-top: 10px;	float: left;/*	border-bottom-width: 1.5px;	border-bottom-color: #999;	border-bottom-style: dotted;*/ padding-bottom:10px}

#tipo2 .box-prod{ float:right}
.titulo_producto_slot{	width: 287px;	height: auto;	color: #ffffff;
		padding-left: 10px;	padding-top: 5px;	}
.img_slot_producto{	width:100%;	height:auto; position:relative}
.img_slot_producto a{/* background:url(../imagenes/vale_marco.png); display:block;*/
	width: 310px;
	height: 210px;
	position: absolute;
	top: -1px;
	z-index: 99;
	left: -3px;
}
.titulo_ppp{font-family:'AtrapaloRoundedDisplayBold'; font-size: 21px;	color: #666; line-height:90%;	margin-top: 3px;}
.titulo_ppp span{ }

.descripcion_oferta{font:11px/125% Arial, Helvetica, sans-serif; color: #666666;	
	margin-top: 6px;}
.descripcion_del_plan{font:11px/125% Arial, Helvetica, sans-serif; color: #666666;	
	margin-top: 6px;}
.descripcion_del_plan p{font:11px/125% Arial, Helvetica, sans-serif;}
.cont_precio_btn{width: 292px; padding:8px 0 12px; margin-bottom: 6px;
	margin-left: 7px;	}
.slot_contenido{ width:289px; height:137px;	margin-left:12px;	margin-right:14px;
	padding-top:25px;}
	
.titulo_slot_destino{	width: 295px
	background-image: url(../imagenes/contenido/bg_img.png);	background-repeat: repeat; 	
	
}

.interna .box-prod{ margin-top:15px; height:380px;}

.btn-vermas{ width:250px; color:#FFF; background:#222; display:block; line-height:30px; text-align:center; font:20px/40px 'AtrapaloRoundedDisplayBold',sans-serif; text-transform:uppercase; border-radius:5px; margin:30px auto;  }
.btn-vermas:hover{ background:#666; text-decoration:none}
	
/*precio y reserva*/
	
.precio_slot{		height: auto;	font-family: 'AtrapaloRoundedDisplayBold';
	font-size: 24px;	color: #333333;	text-align: center;	
	margin-bottom: 5px; 
}	
.precio_slot_2{		
	font:13px/120% "open_sansregular",sans-serif;
    color:#333;
   text-align:center;	margin-bottom: 8px;
}

.boton_reserva_slot{
	width: 100%;
	height: 25px;
	text-align: center;

	padding-top: 8px;
}
.reserva {background-color: #de0000; color: #FFF; font:21px 'AtrapaloRoundedDisplayBold';	text-align: center;	border-radius: 3px;	padding: 5px 12px 5px 12px; background-image:none
}
.reserva:hover {	background: #bb0101;	color: #ffffff;	text-decoration: none;}

.reserva.agotado{ background:#222}





		microsite-bg
/*datos slot*/
	
.titulos_slot{
	width:100%;
	height:auto;
	font-family:'AtrapaloRoundedDisplayBold';
	font-size: 20px;
	color: #FFF;
}

.ubicacion_slot{	width:100%;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aaa9af;
	text-decoration: none;
}
.description_slot{	width:100%;	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	line-height: normal;
	margin-top:8px;	
}
.menu_slot{
	width:100%;
	height:auto;
	font-family:'AtrapaloRoundedDisplayBold';
	font-size: 17px;
	color: #DAB839;
	margin-top:12px;
}
.descripcion_menu{
	width:auto;
	height:auto;
	float:left;
	margin-right:7px;}
	

/* vuelos*/
.granjasin{
	width:440px; background-color: #fff;
	height:auto; margin-left:10px;
	float:left; padding:10px 15px 20px; margin-top:20px}
	
	.granjasin.last{ margin-right:0}

.granjasin h3{
	width:99%;	font-family:'AtrapaloRoundedDisplayBold';
	font-size: 18px;	color:#666;	
	margin-top:10px;	float:left;	text-decoration: none;
	text-align: center;	background-color:#CCCCCC;	padding-top:5px;
	padding-bottom:5px; margin-bottom:20px;}


#tipo2 .granjasin{		 width:570px; margin-top:10px	}
	
.link_granjas{
	width:48%;
	height:auto;
	float:left;
	border-left-color:#666666;
	border-left-width:thin;
	border-left-style:dotted;
	border-right-color:#666666;
	border-right-width:thin;
	border-right-style:dotted;
	border-bottom-color:#666666;
	border-bottom-width:thin;
	border-bottom-style:dotted;
	padding-bottom:5px;
	padding-left:2px;
	padding-right:2px;
	padding-top:8px;

}
#tipo2 .link_granjas{	width:32%;}


.granjasin.anchof { width:95%}
.granjasin.anchof .link_granjas{ width:24%}


.link_granjas:hover{	
	height:auto;	background-color:#efefef; }
.link_granjas2:hover{
	width:48%;
	height: auto;
	background-color: #efefef;

}
.descript_granja{
	width:100%;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #252525;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding-top:0px;

}
.titulo_granjas_destino{
	width: 100%;
	height: auto;
	font-family: 'AtrapaloRoundedDisplayBold';
	font-size: 18px;
	color: #7F7F7F;
	text-align: center;
	vertical-align: middle;
}



.precio_desde_granja{
	width: 100%;	
	font:19px/87% 'AtrapaloRoundedDisplayBold';	
	color: #211915;
	text-align: center;	
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;}
.precio_desde_granja_vc{
	width: 100%;
	height: auto;
	font-family: 'AtrapaloRoundedDisplayBold';
	font-size: 16px;
	color: #211915;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}
	

.contenedor_slidecampana {
	height: 272px;
	width: 972px;
	background-repeat: no-repeat;
	 margin:20px auto}

.contenedor_slidecampana h2{ text-align:center}

.terminos{ display:block; color:#de0000; font:11px Arial, Helvetica, sans-serif; text-decoration:underline; margin:20px 0;  padding-left:60px}
.portada .terminos{ margin:20px 60px 0 }

#footer{ margin-bottom:0px!important; width:auto!important}

.scrollToTop{
	width: 50px;
    height: 50px;
    color: transparent;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    position: fixed;
    bottom: 10%;
    right: 40px;
    background: url(../imagenes/arrowup.png) 0 0 no-repeat;
}
.scrollToTop:hover{
	text-decoration:none;
}
header.interior{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	max-height: 320px;
}
img.laptop{
	display: none;
}
div.bannerbcp{
	position:absolute; 
	right:350px; 
	margin-top:10px;
}

@media (max-width: 1367px) {
	img.laptop{
		display: block;
	}
	img.pc{
		display: none;
	}
	.cd-hero-slider li:first-of-type {
		background-image: url("../assets/1laptop.jpg");
	}
	.cd-hero-slider li:nth-of-type(2) {
		background-image: url("../assets/2laptop.jpg");
	}
	.cd-hero-slider li:nth-of-type(3) {
		background-image: url("../assets/3laptop.jpg");
	}
	.cd-hero-slider li:nth-of-type(4) {
		background-image: url("../assets/4laptop.jpg");
	}
	.cd-hero-slider li:nth-of-type(5) {
		background-image: url("../assets/5laptop.jpg");
	}
	.cd-hero-slider li:nth-of-type(6) {
		background-image: url("../assets/6laptop.jpg");
	}
	.cd-hero-slider li:nth-of-type(7) {
		background-image: url("../assets/7laptop.jpg");
	}
	.cd-hero-slider li:nth-of-type(8) {
		background-image: url("../assets/8laptop.jpg");
	}
	.cd-hero-slider li:nth-of-type(9) {
		background-image: url("../assets/9laptop.jpg");
	}
		.cabezote_semana_hallazgos { 
		background: url(../imagenes/bgpreparate1366.jpg);
		height: 499px;
		overflow: hidden;
		margin-bottom:-2px;
	}
	ul.countdown {
		margin: 270px 0 0 0;
	}
	div.bannerbcp{
		right:60px; 
	}	
}