﻿/*/////////////////////////// HISPANIC //////////////////////////////////*/

/* General */
html { min-height:100%; position:relative; }
body { height:100%; min-width:1024px; }
.clear { clear:both; }
.clear:after { display:block; clear:both; content:""; }
.white { background:#FFFFFF }
.homeCatalogo .grid.autoSegmento .module.thirdheight .body .main h3 { font-size: 1.25em; color: #0668b3; text-align: left; line-height: 1.1em; }

/* Site */
#site { height:auto; overflow:hidden;}
#site .wrapper,
#layer .wrapper,
#footer .wrapper { width:100%; max-width:1260px; padding:0; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

/* MODULE GRID*/
.grid .module { font-family: 'roboto_condensedregular', sans-serif; float:left; width:300px; height:304px; margin:10px; position:relative; overflow:hidden; background-color:#ffffff; text-decoration:none; }
.grid .module a, .listing .module a { display:block; height:100%; width:100%; }
.grid .module figure { float:left; height:225px; overflow:hidden; width:300px; }
.grid .module figure img { height:auto; width:100%; }
.grid .module .body { float:left; height:100%; left:0; overflow:hidden; position:absolute; top:0; width:100%; z-index:10; }
.grid .module .body .crest {float:left; height:20px; padding:2px 10px 0; background-color:#ffffff; color:#595959; font-size:.75em; text-align:left; }
.grid .module .body .crest .category { text-transform:uppercase; }
.grid .module .body .crest .category:before { content:" · "; }
.grid .module .body .main { bottom:0; height:79px; left:0; padding:15px 10px 0; position:absolute; width:100%; color:#595959; }
.grid .module .body .main h3 { color:#595959; font-size:1.5em; text-align:left; }
.grid .module .body .summary { display:none; }
.grid .module.with-shadow:hover { -moz-box-shadow:0 0 6px 0 #323232; -moz-box-shadow:0 0 6px 0 rgba(50, 50, 50, .75); -webkit-box-shadow:0 0 6px 0 #323232; -webkit-box-shadow:0 0 6px 0 rgba(50, 50, 50, .75); box-shadow:0 0 6px 0 #323232; box-shadow:0 0 6px 0 rgba(50, 50, 50, .75); }

/* MODULE LISTING*/
.listing .module { float:left; height:88px; margin:10px; overflow:hidden; width:300px; text-decoration:none; }
.listing .module figure { width:118px; height:88px; float:left; overflow:hidden; background-color:#ffffff; }
.listing .module figure img { height:auto; width:100%; }
.listing .module .body {float:left; height:88px; width:182px; background-color:#ffffff; }
.listing .module .body .crest { height:16px; margin:8px auto 0; width:173px; color:#595959; font-size:.75em; text-align:center;}
.listing .module .body .main { padding:0 10px; }
.listing .module .body .main h3 {margin:4px auto 0; color:#595959; font-size:0.9em;text-align:center;  }
.listing .module.with-shadow:hover { -moz-box-shadow:0 0 6px 0 #323232; -moz-box-shadow:0 0 6px 0 rgba(50, 50, 50, .75); -webkit-box-shadow:0 0 6px 0 #323232; -webkit-box-shadow:0 0 6px 0 rgba(50, 50, 50, .75); box-shadow:0 0 6px 0 #323232; box-shadow:0 0 6px 0 rgba(50, 50, 50, .75); }
.listing.slides { background-color:#efefef; }

/*HALFHALF NO TIENE TEXTO*/
.grid .module.halfHalf { width:140px; height:142px; }
.grid .module.halfHalf figure { width:140px; height:142px; }
.grid .module.halfHalf figure img { width:70px; height:auto; margin:35px; }

/*HALFHALF TIENE TEXTO*/
.grid .module.halfHalf.withText { width:140px; height:142px; }
.grid .module.halfHalf.withText figure { width:140px; height:112px; float:left; }
.grid .module.halfHalf.withText figure img { width:90px; height:auto; margin:11px 25px; }
.grid .module.halfHalf.withText .body { width:140px; height:30px; float:left; position:relative; }
.grid .module.halfHalf.withText .body .main { padding:0 10px; position:relative; }
.grid .module.halfHalf.withText .body .main h3 {margin:6px auto 0; font-size:0.9em; text-align:center; }

.grid .module.wide { height:142px; }
.grid .module.wide figure { width:190px; height:142px; }
.grid .module.wide figure img { width:auto; height:142px; }
.grid .module.wide .body { width:110px; height:142px; float:left; overflow:hidden; position:relative;}
.grid .module.wide .body .crest { display:none; }
.grid .module.wide .body .main { height:100%; position:relative; color:#595959; font-size:0.9em; }
.grid .module.wide .body .main h3 { font-size:1em; }
.grid .module.wide .body p { font-size:1em; margin:10px 0 0; text-align:center; }

/*HALFHEIGHT*/
.grid .module.halfheight { height:142px; }
.grid .module.halfheight figure { width:190px; height:142px;text-align: center; }
.grid .module.halfheight figure img { width:auto; height:142px; }
.grid .module.halfheight .body { width:110px; height:142px; float:left; overflow:hidden; position:relative;}
.grid .module.halfheight .body .crest { display:none; }
.grid .module.halfheight .body .main { height:100%; position:relative; color:#595959; font-size:0.9em; text-align:center;  }
.grid .module.halfheight .body .main h3 { font-size:1em; }
.grid .module.halfheight .body p { font-size:1em; margin:10px 0 0; text-align:center; }

/* THIRDHEIGHT */
.grid .module.thirdheight { height:88px; }
.grid .module.thirdheight figure { float:left; height:88px; overflow:hidden; width:114px; display:block; }
.grid .module.thirdheight figure img { height:88px; width:auto; }
.grid .module.thirdheight .body { float:left; height:88px; width:186px; position:relative; background-color:#ffffff; display: flex; flex-direction: column; justify-content: center; }
.grid .module.thirdheight .body .crest { height:16px; margin:8px auto 0; width:173px; color:#595959; font-size:.75em; text-align:center; display:none; }
.grid .module.thirdheight .body .main { padding:0 10px; position:relative; height:auto; }
.grid .module.thirdheight .body .main h3 { margin:4px auto 0; color:#595959; font-size:0.9em; text-align:center;  }
/*COMPARADOR*/



/* Menu */
.header { margin:0 auto; max-width:1280px; position:relative; }
.header .collapse-button-container { float:left; margin-top:17px; max-width:70px; }
.header .logo { display:none; float:left; }
.header .facebook-like { display:none; }
.header .publish,
.header .publish:hover,
.header .publish:focus {background-color:#06acc4; color:#FFF; font-weight:normal; text-align:center; padding:0.3em 0; font-family:robotoregular, sans-serif; width:70%; margin-left:1.5em; }

@media screen and (min-width: 768px)
{
	.header .publish,
	.header .publish:hover,
	.header .publish:focus {width:100%; margin-left:0; }
}

@media screen and (min-width: 768px) {
	.header .sections-list { margin-top:17px; }
}
@media screen and (min-width: 980px) {
	.header .facebook-like { display:block; float:left; margin:40px 0 0 15px; width:auto; }
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#000; color:#FFF; }
/* Hack: sobreescribe un estilo de bootstrap para que entre el menú */
@media screen and (min-width: 768px) and (max-width: 780px) {
	.nav > li > a { padding-left:9px; padding-right:9px; }
}
@media screen and (min-width: 781px) and (max-width: 832px) {
	.nav > li > a { padding-left:10px; padding-right:10px; }
}

/*HEADER*/
.headerHeight { height:97px; }
.header .logo-small {display: none;}
.navbar-header { width:100%; }
.header .ribbon { z-index:0; border-color:transparent; border-radius:0; display:block; float:left; height:auto; margin-left:5px; margin-right:0; margin-top:0.3em; padding:0; width:3em; }
.header .ribbon .btn { background-color:#FFFFFF; border:solid 1px #CCC; border-radius:0; height:100%; width:100%; min-height: 2.7em; padding:.25em 2em; position:relative;  }
.header .ribbon.open .btn { background-color:#414143; }
.header .ribbon .icon-bar { background-color:#414143; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; display:block; height:3px; margin-left:3px; width:80%; }
.header .ribbon.open .icon-bar { background-color:white; }
.navMenu { display:none; background-color:#414143; border-radius:0; height:auto; width:100%; position:relative; border:0; font-size:14px; padding-top:5px; padding-bottom:5px; -moz-box-shadow:0 3px 10px 0 rgba(0, 0, 0, 1); -webkit-box-shadow:0 3px 10px 0 rgba(0, 0, 0, 1); box-shadow:0 3px 10px 0 rgba(0, 0, 0, 1); z-index:10; margin:10px 0 0 0; top:0; left:0; }
.navMenu a{ display: block;white-space: nowrap;}
.navMenu a:hover { text-decoration: underline; }
.navMenu .seccion { margin-bottom:.5em;padding: 5px;}
.navMenu .seccion>a { font-size:1.2em; text-transform:uppercase; color:#FFF; font-family:'robotobold', serif;padding: 3px 20px; }
.navMenu .seccion>a:hover{ background-color: black;text-decoration: none;}
.navMenu .subseccion { margin-left:1em; padding:5px;font-family:'robotoregular', serif; }
.navMenu .subseccion a { color:#EEE; font-size:1em; font-weight:normal; text-transform:none; }
.highlighted{background-color:#06acc4; color:#FFF; font-weight:normal; text-align:center; padding:0.3em 0; font-family:'robotoregular', sans-serif; width:100%;margin: 0;}
.highlighted:hover{color:#FFF;}
.header .search-full { display:none; width:0; float:left; padding:0; background-color:#FFF; border:solid 1px #CCCCCC; color:#424142; height:2.4em; margin-top:1.3em; }
.header .search-full input { width: 100%;border: none;font-family:'robotoregular', sans-serif; padding:.5em; height:2.2em; }
.header .search-full input:focus {border: none; height:2.3em; padding:0 .5em; }
.header .text, .header .text-nav { display:none; font-family:'robotoregular', sans-serif; }
.search-takeover{ display: none;z-index: 5999900;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);padding-top: 1em;}
.search-takeover>div{ width: 95%;margin-left: 2.5%;color:#424142;font-family:'robotoregular', serif;}
.search-takeover.shown{ display: block;}
.search-takeover > div > input { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.header .search { background-color:#FFF; border:solid 1px #CCCCCC; color:#424142; cursor:pointer; display:block; float:left; height:3em; margin-right:0.2em; margin-top:0.3em; padding-top:.5em; text-align:center; width:4em; }
.header .user { background-color:#FFF; border:solid 1px #CCCCCC; cursor:pointer; display:block; height:3em; margin-left:5px; margin-right:0; margin-top:0.3em; text-align:center; width:4em; float:left; }
.header .search a { color:#424142; }
.header .user a { color:#424142; width:100%; height:100%; padding-top:0.5em; }
.header .search:hover, .header .user:hover, .header .ribbon:hover { border:1px #414143 solid; }
.header .search a:hover, .header .user a:hover, .header .ribbon a:hover { text-decoration:none; }
.header-container { padding-left:0; padding-right:0; }
.header .logo-mobile { width:145px; }
.header .logo-mobile img { width:100%; }
.header .devbeta { left:0; position:absolute; top:3em; }
.header .userContainer {display:block; float:right; margin-right:0.5em;width: 90px;}
.header .userContainer .loginDate {margin:1.1em 0 0 -2.4em; float:left; cursor:pointer; position:relative; z-index:1111111111; }
.header .userContainer .loginDate img {width:35px; vertical-align:middle }
.header .userContainer .loginDate span {display:none; font-family:'roboto_condensedregular', sans-serif; }
.header .userContainer .loginDate ul {border:0; border-radius:0; margin-top: 0.9em;-moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75); -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75); left:-7.7em}
.header .userContainer .loginDate ul li a {color:#0668B3;}
.header .userContainer .loginDate ul li a:hover {background-color:transparent; text-decoration:underline}
.navbar-default { background-color:transparent; }
.breadcrumbsFull {background-color:rgba(255,255,255,.9)}
.breadcrumbs {max-width:1280px; width:100%; margin:0 auto; font-size:.8em; padding:.2em 0 .2em 1em; color:#333}
.modal-dialog.bandera {font-family:'robotoregular', sans-serif; width: 320px; }
.modal-content {border-radius:0}
.modal-content .modal-body {margin:0 auto; text-align:center; /*padding:30px 0;*/}
.modal-content .modal-body p a:first-child {margin-right:2%; margin-bottom:4%; display:inline-block; }
header .logoPartner {float:left;}
.header .partnerTop .powerby {font-family:'robotoregular',sans-serif; }

/*MODAL SELECCIONAR PAIS HISPANIC*/
.modal-content .modal-body.hispanic {padding-top: 13px; padding-bottom: 62px; margin-top:20px;}
.textModalHispanic {font-size: 1.2em; color: #06acc4; font-style: italic; padding-bottom: 5px; }
.btn-primary.paisHispanic{margin-bottom: 10px; width: 38%;}
.modal-content .modal-body.hispanic a:hover {text-decoration: none;}
.modal-header.banderaHeader { min-height: 16px; padding: 15px 15px 0 15px;border: none; }
.modalTextoBandera {clear: left; font-size: 1.2em;}
.container-button { height: 27px;  border: none; width: 200px;  background-color: #06ACC4;  color: #FFF;  font-family:"robotobold",sans-serif;  font-size: 1em;  line-height: 1.8em;  text-transform: uppercase;  text-align: center; padding: 0 1em; margin: 0 auto; margin-top: 31px; margin-bottom: 22px;}
.botonConsultarModelo{color: #fff;}
.botonConsultarModelo:hover {color: #fff;}
a .textoPais {clear: left; font-size: 1em;}
a .textoPais:hover { color: #000;}

/*.modal-dialog {font-family:'robotoregular', sans-serif; }
.modal-content { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.modal-content .modal-body {margin:0 auto; text-align:center; padding:30px 0;}
.modal-content .modal-body p a:first-child {margin-right:2%; margin-bottom:4%; display:inline-block; }
header .logoPartner {float:left;}
.header .partnerTop .powerby {font-family:'robotoregular',sans-serif; }*/

.listaPaises {width: 60px;margin: 0 auto;}
.pais {width: 60px; height: 40px; float: left; margin: 10px 0; line-height: 1.3em; font-size: .9em; background-repeat: no-repeat; color: #000;}

#argentina {background-image: url(../../Master/Images/banderasModal.png); background-position: 0 0; }
#chile {background-image: url(../../Master/Images/banderasModal.png); background-position: -50px 0; }
#colombia {background-image: url(../../Master/Images/banderasModal.png); background-position: -100px 0;}
#ecuador {background-image: url(../../Master/Images/banderasModal.png); background-position: -150px 0; }
#estadosUnidos {background-image: url(../../Master/Images/banderasModal.png); background-position: -200px 0;}
#mexico {background-image: url(../../Master/Images/banderasModal.png); background-position: -250px 0; }
#peru {background-image: url(../../Master/Images/banderasModal.png); background-position: -300px 0;}
#uruguay {background-image: url(../../Master/Images/banderasModal.png);background-position: -350px 0; }
#venezuela {background-image: url(../../Master/Images/banderasModal.png); background-position: -400px 0;}

/* Register Modal */
.registerModal {top: -35%;}
.registerModal form {text-align: left; margin-top:1em; padding-top:1em; border-top:1px solid #CCC;}
.registerModal div.form-group{padding-left: 15px; padding-right: 15px;}
.registerModal div.form-group label{margin-bottom: 5px; font-family:'robotoregular', serif; font-size:.9em; font-weight:100;}
.registerModal input.form-control{width: 90%;}
.registerModal form .loginButton {width:100%; text-align:center; margin:1em auto; }
.registerModal form .loginButton p {font-size:.9em; margin:0.5em auto; text-align:center; }
.registerModal form button{width: 60%; font-family:'robotoregular', serif; border: none; background-color:#06acc4; color:#ffffff !important; font-size:1em; padding:0.5em 0; text-align:center; text-transform:uppercase;}
.registerModal form button:hover, .registerModal div[role=form] button:focus{ background-color:#06acc4 !important;}
.registerModal .requeridos{font-family:'robotoregular', serif;font-size: 0.8em;color: red;margin-left: 15px;}
.registerModal .error{font-family:'robotoregular', serif;font-size: 0.8em;color: red;}


.modal { z-index: 10000000; }
.modal-backdrop { z-index: 5999960;}

/*CARTEL MODIFICAR DATOS MI CUENTA*/
.layout .modal-title {font-size:16px; margin-bottom:0;}




@media screen and (min-width: 300px)
{
	.header .ribbon {width: 2.5em; margin-left: 0.5em; margin-top: 0.8em; }
	.header .ribbon .btn {padding-left:0.2em; padding-right:0.2em; }
	.header .logo-mobile {position:relative;float: left; }
	.header .user { width:2.5em; height:2.5em; margin-top:1em; }
	.header .partnerTop {display:none;}
	.header .user, .header .search { width:2.5em; height:2.5em; margin-top:0.8em; }


	.modal-dialog {width:300px; margin:22em auto; z-index:5999960;}
}
@media screen and (min-width: 480px)
{

	.modal-dialog {width:400px}
	.header .ribbon .dropdown-menu {width:480px; }
}
@media screen and (min-width: 657px) {
	.header .devbeta { left:0; position:absolute; top:60px; }
	.header .logo-mobile { display:none; }
	.header .logo { clear:none; display:block; width:auto; }
	.header .ribbon { margin-right:15px; height: 3em;  }
	.header .ribbon .btn { padding:0.25em; min-height: 0; }
	.header .user { width:3em; }
	.header .user, .header .search, .header .ribbon { height:2.4em; margin-top:1.3em; width:2.4em; margin-left:0.5em; }
	.header .userContainer {width: auto;}
	.header .userContainer .loginDate {margin:1.6em 1em 0 -2.15em;}
	.header .userContainer .loginDate span {display:inline-block}
	.header .userContainer .loginDate img {width:30px; margin-right:0.5em; }
	.header .userContainer .loginDate ul {left:0}
	.header .search-full{ display:block; width: 10em; }
	.search-takeover.shown{ display: none;}
	.navbar-default {position:fixed; z-index: 99999; }
	.btn-primary.paisHispanic{width: 38%;}
}
@media screen and (min-width: 768px) {
	.header .partnerTop {display:block;}
	.header .partnerTop .powerby {color:#000; margin:3.2em 0 0 1em; font-size:.7em; text-align:center; float:left; }
	.header .partnerTop .logo {margin-left:1em;}
	.header .partnerTop .logo img {width:160px; }
	.header .search-full { width:16em; }
	.header .text-nav { display:block; height:2.4em; margin-top:1.3em; width:5.4em; margin-left:-2.1em; float:left; font-size:.9em; padding:.9em 0; cursor:pointer; text-align:right; }
	.header .text { display:block; font-size:.9em; text-align:right; margin-left:.4em; margin-right:.5em; padding-top:.8em; width:auto; height:2.4em; margin-top:1.3em; float:right; cursor:pointer; }
}
/* Sugerencias Modal */
.sugerenciasModal { position:absolute;}
.sugerenciasModal form {text-align: left; margin-top:1em; padding-top:1em; border-top:1px solid #CCC; }
.sugerenciasModal figure { width:100%; float:left; text-align:center;}
.sugerenciasModal .row { margin: 10px 0;}
.sugerenciasModal .sugerenciaDescripcion { width:100%; float:left; }
@media screen and (min-width: 980px) {
	.sugerenciasModal figure { width:50%;}
	.sugerenciasModal .sugerenciaDescripcion { width:50%; }
}
.sugerenciasModal .sugerenciaDescripcion h3 { margin:5px; }
.sugerenciasModal .sugerenciaDescripcion span { margin:5px; clear:right; display:block;}
.sugerenciasModal div.form-group{padding-left: 15px; padding-right: 15px;}
.sugerenciasModal div.form-group label{margin-bottom: 5px; font-family:'robotoregular', serif; font-size:.9em; font-weight:100; }
.sugerenciasModal textarea.form-control{width: 95%;}
.sugerenciasModal .precio { font-size:1.2em; line-height:1.2em; color:#0668b3; }
.sugerenciasModal .formActions { height:1.2em; padding-right:1em;}

@media screen and (min-width: 1024px)
{
	header .band-container .powerby {margin-left:35px;}
	.header .search-full { width: 30em; }
}
@media screen and (min-width: 1280px) {
	.header-container { padding-left:15px; padding-right:15px; }
	.header .search-full{ width: 40em; min-width: 40em;}
}
@media screen and (min-width: 1366px) {
	.header .ribbon { margin-left:-2.1em; }
	.header .userContainer { margin-right:-2.1em; }
	.header .text-nav { text-align:left; }
}

/* HEADERBAND */

header .band { background-color: #414143; height: 2.2em; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; overflow: hidden; }
header .band-container { margin-left:auto; margin-right:auto; max-width:1280px; }
header .band .social { padding-top:0.2em; text-align:center; width:100%; }
header .band .social li { display:inline; margin-left:1em; }
header .band .social li:first-child {margin-left:0; }
header .band .publish a { background-color:#06acc4; color:#ffffff !important; font-size:0.9em; padding:0.3em 4em; text-align:center; text-transform:uppercase; }
header .band .band-nav { display:none; font-family:robotoregular, sans-serif }
header .band .band-nav .links { display:none; }

@media (min-width: 300px)
{
	header .band-container .partnerBand {display: block; width: 100%; margin: 0 auto; text-align: center; position: relative;}
	header .band-container .partnerBand .powerby {position:absolute; color:#FFF; margin-right:1em; font-size:.7em; text-align:center; top:1.4em; }
	header .band-container .partnerBand .logo-mobile img {width:160px; margin:-5px auto 0 10px}
}
@media (min-width: 480px)
{
	header .band .social {width:50%; }
	header .band .social li {margin-left:0.3em; }
	.btn-primary.paisHispanic{width: 25%;}
}
@media (min-width: 657px) {
	.headerHeight { height:112px; }
	header .band .social { float:left; margin-left:2em; width:auto; }
	header .band .band-nav { display:block; float:right; }
	header .band .publish { float:right; padding:0.5em; }
	.navMenu{ width: auto;position: fixed;min-width: 320px;z-index: 1000000;margin-top: 78px;}
	.header .ribbon.open:after { content:""; position: absolute; right: 0.5em; top: 2.3em; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #414143; border-left: 10px solid transparent; }
	#header.scrolled .ribbon.open:after {top: 1.8em;}
	.navMenu.scrolled{ margin-top: 61px;}
}
@media screen and (min-width: 768px)
{
	header .band-container .partnerBand {display:none;}

}
@media (min-width: 1024px) {
	header .band .publish { padding:0; }
	header .band .band-nav .links { display:block; float:right; margin-right:1em; font-family: robotoregular, sans-serif }
	header .band .band-nav { padding:0.5em .1em; width:81%; }
	header .band .band-nav .links li { margin-right:1em; display:inline; min-width:8em; }
	header .band .band-nav .links li + li::before { content:" | "; margin-right:1em; color:#CCC }
	header .band .band-nav .links a { color:white; font-size:0.9em; }
}
@media (min-width: 1280px) {
	header .band .social {margin-left:1em; }
	header .band .band-nav .links li { margin-right:2em; }
	header .band .band-nav .links li + li::before { margin-right:2em; }
}

/* SUPER HEADERBAND*/
/*-------HEADER SCROLL-DOWN*/
#header.scrolled .band{-ms-transform: translateY(-80%);-webkit-transform: translateY(-80%);-o-transform: translateY(-80%);-moz-transform: translateY(-80%);transform: translateY(-80%);height: 5px;top: 5px;}
#header.scrolled .band .band-nav, #header.scrolled .band .social, #header.scrolled .logo-big, #header.scrolled .devbeta{display: none;}
#header.scrolled .logo-mobile {display: none;}
#header.scrolled { border-color: transparent; }

@media screen and (min-width:300px)
{
	#header.scrolled .logo {display: block;width: 145px;}
	#header.scrolled .ribbon {margin-top:0.5em; margin-left:0.5em; }
	#header.scrolled .userContainer .loginDate {margin-top:0.6em; }
	#header.scrolled .user,#header.scrolled .search {margin-top:0.5em; }
	#header.scrolled .logo-small {display: block; width:100%; margin-top:0.2em; }
}

@media screen and (min-width:657px) {
	#header.scrolled .logo-small {width:auto; }
	#header.scrolled .ribbon .btn {padding: 0.25em;}
	#header.scrolled .text-nav, #header.scrolled .text { margin-top:.7em; }
	#header.scrolled .ribbon, #header.scrolled .search, #header.scrolled .user{width: 2.4em;margin-top: 0.7em; margin-left:0.5em; }
	#header.scrolled .search-full{margin-top: 0.7em; margin-left:0; }
	#header.scrolled .userContainer .loginDate {margin-top:1em; }
}
@media screen and (min-width:1350px)
{
	#header.scrolled .ribbon {margin-left:-2.1em; }
}
/*-------/HEADER SCROLL-DOWN*/
/* CIERRE HEADER*/

/* Footer */
.footer-container { margin:0 auto; max-width:1280px; }
.footer h6 { color:#cccccc; cursor:default; font-family:'Trebuchet MS', Verdana, Tahoma, sans-serif; font-size:.9em; font-weight:bold; margin:1em 0 .5em; padding:0; }
.footer h6 span { padding-right:5px; }
.footer ul { list-style:none; }
.footer li { color:#cccccc; font-size:.8em; line-height:2em; margin:0; padding:0; }
.footer a { color:#999999; cursor:pointer; text-decoration:none; }
.footer a:hover { color:#cccccc; }
.footer .blue { background-color:#0668b3; }
.footer .grey { background-color:#414042; padding-bottom:1em;}
.footer .footer-social .btnPublicar { background-color:#06acc4; color:#ffffff; float:right; margin:.6em 0; text-align:center; padding:.5em 4em; font-family:Roboto, sans-serif; text-transform:uppercase; font-size:.9em; font-weight:300; }
.footer .footer-social .btnPublicar a { color:#ffffff; }
.footer .footer-social ul li { float:left; line-height:0; }
.footer .footer-links ul li { border-bottom:1px solid #666666; }
.footer .footer-links ul li:last-child { border:0; }
.footer .footer-links .company-info { margin:1em 0; }
.footer .footer-links .copyright p { color:#ffffff; font-size:.7em; text-align:center; }
.footer .footer-links .flags-container,
.footer .footer-links .copyright { clear:both; padding-bottom:1em; }
.footer .footer-links .flags-container li { border:none; float:left; font-size:.8em; letter-spacing:0.02em; padding-right:0.1em; }
.footer .footer-links .flags-container li a { color:#ffffff; }
.footer .footer-links .icons li { border:0; float:left; margin:1em 1em 0 0; }
.footer .footer-links .icons li .iab { background:transparent url(/Content/Master/Images/sprite.png) no-repeat -39px -45px; float:left; height:30px; margin:0; text-indent:-9000px; width:59px; }
.footer .footer-links .icons li .amipci { background:transparent url(/Content/Master/Images/sprite.png) no-repeat -149px -16px; float:left; height:60px; text-indent:-9000px; width:101px; }
.footer .footer-links .icons li .DataFiscal { float:left; padding:0; }
.footer .footer-links .icons li .DataFiscal img { height:75px; width:55px; }
.footer .note {color: #999999; font-size: .8em; line-height:1.3em;}

@media (max-width: 400px) {
	.footer .footer-links .icons li { display:none; }
	.footer .footer-links .icons li.datafiscalcontainer { display:block; }
}

@media (min-width: 768px) {
	.footer .footer-links .company-info { clear:both; margin:1em 0 3em; }
	.footer .footer-social ul li { float:left; }
	.footer .footer-links .company-info li { border-bottom:0; border-right:1px solid #999; float:left; line-height:1em; margin-bottom:10px; margin-right:.5em; padding:0 .5em 0 0; }
	.footer .footer-links .icons li { margin-right:1em; }
	.footer .footer-links .copyright p { text-align:left; }
}

@media (min-width: 992px) {
	.footer .footer-links .icons { margin-top:3em; }
}

@media (max-width:1024px) {
	/*.breadcrumbs { margin-top:26px }*/
}
/* Layer */
.layer { position:fixed; z-index:2000000; top:0; left:0; width:0; height:0; overflow:hidden; }
.layer.visible { width:100%; height:100%; opacity:1; }
.layer .layerInfo { position:absolute; top:0; left:100%; width:100%; height:100%; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.layer.visible section.visible { left:0; opacity:1; }
.layer section.off { display:none; }
#fotos.layerInfo .column { margin-top:0; }
.layer section .columns, .layer section .fixed, .layer section .flexible, .layer section .column { height:100%; }
.layer section.content { overflow:auto; }
.layer nav.close { position:absolute; z-index:10; width:100%; }
.layer nav.close a { float:right; padding:.25em .5em; border-width:1px; border-top:none; }
.layer section iframe { display:block; width:100%; height:100%; }
.layer #contactar.visible .squareButton.contactar,
.layer #contactar.visible .boton.contactar { display:none; }
.layer .infoVendedor { padding:0 0 .75em 1em; border-left-width:1px; }
.layer .infoVendedor h5 { margin-bottom:.2em; }
.layer .infoVendedor p { padding-top:0; }
.layer .infoVendedor .vendedor { margin:1.5em 0 .5em 0; }
.layer .infoVendedor img { width:155px; }
.layer .datosVendedor p { padding-top:0; }
.layer.auto section .flexible .column table p { padding:.5em 0; }

/* Popup del layer */
.popup .title { margin-left:12%; }
.popup .title .vendedor { float:right; }
.popup .title .vendedor img { width:90px; }
.popup .imgStroke { padding:2px; border-width:1px; display:inline-block; float:left; margin-right:20px; }
.popup .imgStroke img { width:100px !important; }
.popup .vendedor nav { display:none; }
.popup fieldset .editor-field .text-box.multi-line { height:100px; }
.popup fieldset .editor-actions { margin-top:1%; padding-top:1%; }
.popup .boton[href="#contacto"] { display:none; }

.layer.popup .title p { padding-top:.2em; }

/* Content */
#content { width:100%; position:relative; clear:both; min-width:991px; }

/* Superbanner */
.superbanner { min-height:112px; }
.superbanner .wrapper { padding:10px !important; }
.superbanner .wrapper div { padding:10px 0; }
.superbanner .wrapper,
.superbanner .wrapper div,
.superbanner .wrapper div div,
.superbanner .wrapper div div div { margin:auto !important; }
.superbanner .wrapper * { margin:0 auto; }
.superbanner .wrapper .publicidad { display:inline; }
.rectangulo { float:left; width:300px; margin-bottom:1em; clear:left; }

/* Columns */
#site .columns { padding:0 .5em; }
#site .columns .flexible { float:left; width:100%; padding:1.5em .5em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#site .columns .fixed { float:left; width:316px; }
#site .columns .fixed p { margin-bottom:1em; }
#site .columns .flexible .column { float:left; padding:0 .5em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#site .layer .columns .flexible .column { padding:0; }
#site .columns .flexible .noPadding { padding:0; }
#site .columns .fixed .column { position:relative; float:left; width:300px; padding:1.5em .5em; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box; }
#site .layer .columns .fixed .column, #site .layer .columns .flexible .column { padding-bottom:0; }

.column h1 { padding-bottom:.25em }
.column p { padding-top:1em; }
.column h3 { padding-top:.75em; }
.column h3.filtrar { padding-bottom:.75em; border-bottom-width:1px; }
.column p.masFiltros {border-top-width:1px; padding-top:0; }
.column h5 { padding-top:.5em; }
.column ul { padding:1em 0; }
.column li { padding-bottom:.5em; }
.column li h6 { padding-bottom:.5em; }
.column li figure { padding-top:1em; }
.column li figure a { display:block; padding:.25em; }
.column li figure a img { display:block; width:100%; }

/* New containers 2013 */
.mainContent { float:left; width:72%; padding:1.5em 0; }
.mainContentTable,
.mainContentFull { float:left; width:100%; padding:1.5em 0; }
.mainContent h1 { padding-bottom:.28em; }
.leftColumnContent { float:left; width:26%; margin-right:3%; }
.rightBannerContent { float:right; width:300px; margin-left:3%; padding:1.5em 0; }

/* SAC Form */
.ac-sac-form { height:550px; }

/* Buttons */
.button { display:block; clear:both; border-top-width:1px; padding-top:1em; }
a.asbutton,
a.asbutton.enabled,
a.asbutton.disabled { height:18px; padding:4px; width:80px; }

/* Social Plugins */
.socialPlugins { float:left; clear:both; width:100%; }
.socialPlugins .socialItem { float:right; padding:0 8px 0 0; }
.teaserNew.mini .socialPlugins { position:absolute; right:10px; bottom:15px; }

.facebookLike { float:left; /*width:auto; margin:40px 0 0 16px;*/ position:absolute; left:320px; top:43px }
.facebookLike .facebookLikeItem { float:left; width:auto; overflow:hidden; padding:0; }

/* PUBLICIDAD de servicios relacionados */
.clasificados .servicioslist p { padding-top:0; }
.servicioslist .advertise { float:left; width:47%; display:block; margin:0 3% 3% 0; }
.servicioslist .advertise:nth-child(2n) { margin-right:0; }
.servicioslist .advertise:nth-child(3n) { clear:left; }
.servicioslist .advertise h1 { display:none; }
.servicioslist .advertise img { float:left; margin:1em 1.5em 1.5em 0; width:80px; }
.servicioslist .advertise em,
.servicioslist .advertise p a { height:22px; padding:0 8px; display:block; float:left; clear:right; margin-top:1em; }

/* seccion servicios */
.homeServicios .advertise { width:50%; float:left; }

/********************************************************************************************************
Ojo que los tamaños de los thumbnails están también en el cálculo del tamaño del UL en PhotosGalleryLayer.cshtml
*********************************/
ul.thumbnails { float:left; padding:0 8px 8px 0; }
ul.thumbnails > li { float:left; width:20%; padding:8px 0 0 8px; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
ul.thumbnails > li > .thumb { display:block; width:100%; height:100%; }
ul.thumbnails > li img { display:block; }
.photospage { overflow:hidden; float:left; width:94%; padding:2px 0; }
.photospage .thumbnails { padding:0 2px; }
.photospage .thumbnails li { width:126px; height:72px; padding:0; margin:0; float:left; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box; }

/* representa navegador de fotos anterior y siguiente viendo una foto fullscreen*/
nav.photos.fullscreen { position:absolute; left:0; width:100%; height:100%; }
nav.photos.fullscreen a { height:100%; display:block; position:absolute; }
nav.photos.fullscreen a.left { left:0; }
nav.photos.fullscreen a.right { right:0; }
nav.photos.fullscreen a span { height:70px; width:70px; display:block; position:absolute; top:40%; }
nav.photos.fullscreen a.left span { left:0; }
nav.photos.fullscreen a.right span { right:0; }
.layer nav.photos.fullscreen { z-index:1; }

/* representa paginador de fotos */
.photopicker { border-top-width:1px; bottom:0; left:0; position:absolute; width:100%; z-index:1; }
.photopicker .slider { width:100%; }
.photopicker .slider a { float:left; width:3%; height:72px; }
.layer .column.slider { margin:0; }
.photopicker > .header { float:left; width:100%; }
.photopicker > .header > .photos-counter { display:none; float:left; padding:0 12px; }
.photopicker > .header > .size-set-button { float:left; height:22px; padding:0 8px; }
.photopicker > .header > .showhide { float:right; padding:0 12px; }
.photopicker .advertise { width:300px; height:75px; }

/*Editor*/
.editor-label { margin:0 0 .5em 0; }

.paginador { clear:both; padding:16px 0; border-top-width:1px; min-width:0; }
.paginador:after { content:''; display:block; clear:both; width:0; height:0; }
.paginador .prev { float:left; }
.paginador .next { float:right; }

#auto #summary .texto h2 small { display:block; }
#auto .layer nav .wrapper a.close { float:right; padding:.25em .5em; border-width:1px; border-top:none; }

/* publicidades en layers invisibles (rectangulo) */
.layer section aside { width:316px; }

/* Titulos con líneas en formularios */
.contactarEmbebido h2 { margin:0 0 1% 0; padding:0 0 1% 0; border-bottom-width:1px; }

/* Listado de Autos */
.autos { width:100%; }
 ul.autos { padding-bottom: 0 }
.autos li.autoItem { border-top-width:1px; padding:1em 0; width:100%; clear:both; display:inline-block; }
.autos li.autoItem.twoCols:nth-last-child(2n) { margin-right:0; }
.related .autos {border-bottom-width:1px; }

.autos li.autoItem.nuevo .modelo { min-width:0; }
.autos li.autoItem a { display: block }
.autos li.autoItem a:hover { text-decoration: none; }
.autos li.autoItem .imgStroke { border:1px solid #CCC;background-color: #FFF; padding: 2px; float: left; margin-right: 1em; width:auto; }
.autos li.autoItem .imgStroke:hover,
.autos li.autoItem a:hover .imgStroke { border-color: #000 }
.autos li.autoItem a:hover p { cursor:pointer }
.related .autos li.autoItem .imgStroke, .autoslist .autos li.autoItem .imgStroke, .autos li.autoItem.nuevo .imgStroke { margin-bottom: 0}
.autos li.autoItem figure { width:145px; height:100px; padding:0 !important; overflow:hidden; position:relative; }
.autos li.autoItem figure img { width:100%; position:absolute; margin:auto 0 !important; top:0; bottom:0; left:0; right:0; }
.autos li.autoItem .autoFoto { float:left; clear:left; }
.autos li.autoItem .autoInfo { float:left; clear:right; margin-bottom:3%; }
.autos li.autoItem h2 { padding:5px 0; }
.autos li.autoItem h2 strong { margin-bottom:.2em; }
.autos li.autoItem p,
.autos li.autoItem .information { margin:0 0 10px 0; padding:0; }
.autos li.autoItem .price, .layer.popup .price { margin:0; padding-left:165px; float:left; padding:0; }
.autos li.autoItem .precio.lista,
.autos li.autoItem .precio.bonificacion { clear:both; display:block; }
.autos li.autoItem .noPrice { float:left; padding:0; }
.autos li.autoItem .contactSeller { float:right; clear:right; width:100%; }
.autos li.autoItem .vendedor { position:relative; float:right; margin-right:.6em; height:36px; }
.autos li.autoItem .vendedor h5 strong { display:block; }
.autos li.autoItem .vendedor a { float:right; }
.autos li.autoItem .vendedor nav { display:none; }
.autos li.autoItem .vendedor nav a { display:inline; float:none; padding:0; border:none; }
.autos li.autoItem ul.versiones li { clear:both; display:inline-block; width:100% }

.autoslist .autos li.autoItem.nuevo { width:100%; }
.autoslist .autos li.autoItem h1 small { display:block; clear:both; }
.autoslist h1 { padding-bottom:.25em; }
.autoslist p { padding-top:1em; }
.autoslist h3 { padding-top:.75em; }
.autoslist h5 { padding-top:.5em; }
.autoslist ul { padding:1em 0 0 0; border-bottom-width:1px; }
.autoslist li h6 { padding-bottom:.5em; }
.autoslist li figure { padding-top:1em; }
.autoslist li figure a { display:block; padding:.25em; }
.autoslist li figure a img { display:block; width:100%; }

.column .autos li.autoItem a.contact { display:inline-block; float:right; margin:0; }

.autos .show,
.autos .hide { width:10px; height:5px; text-indent:-9999em; position:absolute; top:50%; right:5% }
.autos .show { background-position:0 0; }
.autos .hide { background-position:0 -5px; }
.autos .versiones li { border-top-width:1px; padding:.7em 0 1em; }

.ofertas .autos li.autoItem .vendedor { margin-right:0; }

#site .layer .columns .flexible { padding:0; }
.layer.auto section .flexible, .layer.auto section .fixed { height:70%; }
.layer.auto section .column { height:100%; }
.layer.auto section .column .content { height:100%; overflow:auto; }
.layer.auto section .column .content .contentWrapper { padding:1em .5em; }
.layer.auto section .flexible .column h4 { margin-top:1em; margin-bottom:.5em; padding-bottom:.25em; }
.layer.auto section .flexible .column h4:first-child { margin-top:0; }
.layer.auto section .flexible .column table { width:100%; }
.layer.auto section .flexible .column table tr { border-bottom-width:1px; }
.layer.auto section .flexible .column table th { width:33%; }
.layer.auto section .flexible .column table td { width:67%; }
.layer.auto section .flexible .column table th, .layer.auto section .flexible .column table td { padding:.25em; }
.layer.auto section .flexible .column iframe { width:100%; height:100%; }
.layer.auto section .fullSizeImage { position:absolute; top:0; left:0; width:100%; height:100%; }
.layer.auto section .fullSizeImage::before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:50%; }
.layer.auto section .fullSizeImage img { position:absolute; }
.layer.auto section#fotos .contentWrapper { position:absolute; z-index:1; left:0; bottom:0; width:100%; padding:.5em 0; }
.layer.auto section#fotos .contentWrapper li { float:left; height:3.5em; padding-right:.5em; }
.layer.auto section#fotos .contentWrapper li img { display:block; height:100%; }
.layer.auto .note { display:block; clear:both; padding:2em 0 1em 0; border-top-width:1px; }

/* Botones */
.boton { height:26px; padding:0 8px; display:inline-block; border:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.boton.grande { height:36px; width:auto; padding:0 14px; float:right; }
.boton.grande.fijo { border-width:1px; }
.column .boton { margin:15px 0 20px 0; }
.unavailable { float: right; margin-top:-10px; }

/* Responsive */
@media (max-width:1280px) {
    .layer.auto section .flexible,
    .layer.auto section .fixed { height:68%; }
    .layer.auto section .flexible.full { height:80%; }
    .mainContent { width:69%; }
}

@media (max-width:1200px) {
    .autos li.autoItem .autoFoto { width:30%; }
    .autos li.autoItem .autoInfo { width:70%; }
	.mainContent { width:66%; }
}

@media (max-width:1100px) {
    .autos li.autoItem .autoFoto { width:33%; }
    .autos li.autoItem .autoInfo { width:67%; }
}

@media (max-width:1024px) {
    .headerYahoo nav.users { right:21.5%; width:26.5%; }
    .layer.auto section .fixed,
	.layer.auto section .flexible { height:56%;}
    .layer.auto section .flexible.full { height:80%; }
    .autos li.autoItem.usado .price { clear:left; }
    .popup .title { margin-left:10%; }
    .mainContent { width:65%; }
    .autos li.autoItem .autoFoto { width:38%; }
    .autos li.autoItem .autoInfo { width:62%; }
	body.lte7 #site .columns .flexible .column { width:47%; }
}

/* Estilos para internet explorer */
body.lte10 .breadcrumbs { margin-top:72px; }

body.lte8 #site { margin-bottom:0; }
body.lte8 #header nav.menu li {font-weight:100}
body.lte8 .filtros .layer .contentSlide li label,
body.lte8 .filtros .layer header,
body.lte8 .filtros .layer header a { border-width:1px; }
body.lte8 #header { min-width:952px; }

body.lte7 .threeCol .column { width:32%; }
body.lte7 #header nav.menu { width: 50% }
body.lte7 #header nav.menu ul { width: 100% }
body.lte7 .autos li.autoItem .contactSeller { clear:none; }

/**************************************************************************************************************************************************
	Pruebas para cuando rotan los dispositivos (no borrar) **************************************************************************/

/*@media (orientation:landscape) {
	#site,
	#site .wrapper,
	#layer .wrapper,
	#footer .wrapper { width:1024px; }
}*/


/*	Pruebas para cuando rotan los dispositivos ****************************************************************************************************
 **************************************************************************/
