/*-------------------------------------------------------------------------------------*/
body ,html {margin: 0px; width:100%; height:100%; background: none; background: #ececec; position: relative;}
img { border:none; line-height:0;}
a { text-decoration:none; color:#007555;}
a:hover { text-decoration:none;}
a:focus { outline:none; text-decoration: none; color: inherit;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary, mark, fieldset { display:block;}
h1, h2, h3, h4, h5, h6, p, span { margin:0; padding:0;}

/* Fonts
================================================== */
@font-face {
	font-family: 'dinotregular';
	src: url('font/dinotregular.eot');
	src: local('☺'), url('font/dinotregular.woff') format('woff'), url('font/dinotregular.ttf') format('truetype'), url('font/dinotregular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'dinotbold';
	src: url('font/dinotbold.eot');
	src: local('☺'), url('font/dinotbold.woff') format('woff'), url('font/dinotbold.ttf') format('truetype'), url('font/dinotbold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Headlines P
================================================== */
h1 { text-decoration:none; font-family: 'dinotbold'; color:#007555; letter-spacing:0.0mm; font-weight: normal; text-align: left; line-height: 28px; font-size: 22px;}
h2 { text-decoration:none; font-family:'dinotbold'; font-size: 15px; line-height: 20px; color: #007555; text-align:left; letter-spacing:0mm; font-weight:normal;}
h3 { text-decoration:none; font-family:'dinotbold'; font-size: 16px;  line-height: 25px; color: #FFF; text-align:left; letter-spacing:0mm; font-weight: normal;}
h4 { text-decoration:none; font-family: 'dinotregular'; font-size: 20px; line-height: 22px; color: #444; text-align:left; letter-spacing:0mm;}
h5 { text-decoration:none; font-family: 'dinotregular'; font-size: 20px; line-height: 20px; color: #FFF; letter-spacing:0mm; font-weight: normal;}
p, label { font-family:'dinotregular'; font-size:14px; text-align:left; color:#444; line-height:22px; font-weight:normal;}
p strong { font-family: 'dinotregular';}


/* Contenido
================================================== */
.contenido { position:relative; z-index: 1; height: 100%;}
.inner { max-width: 1240px; margin: auto; width: 100%; overflow: hidden; padding: 0 30px;}
.container { position: relative;}
::-webkit-scrollbar { width: 10px;} 
::-webkit-scrollbar-thumb { background: #007555;}
::-webkit-scrollbar-thumb:window-inactive { background: #007555;}


/* Header
================================================== */
header { width: 100%; position: fixed; top: 0; z-index: 2; background: #eee; border-bottom: 5px solid #007555;}
header > div { height: 80px; margin: auto; padding: 0 30px;}
	header .logo { width: 265px; display: block; float: left; margin: 0 0 0px;}
		header .logo img { width: 100%; margin-top: 8px;}
	header nav { margin-right: 0px; height: 100%; position: relative;}
	header nav::after { content: ''; position: absolute; top: 0; left: -7px; height: 100%; width: 1000%; background: #007555; transform:skewX(55deg); -webkit-transform:skewX(55deg); -moz-transform:skewX(55deg);}
		header nav a, header nav > div, header nav > a:focus { font-family: 'dinotregular'; font-size: 13px; line-height: 16px; color: #FFF; height: 100%; padding: 0px 20px 0; display: table; float: left; position: relative; z-index: 1; margin-right: 20px;}
		header nav > a:hover, header nav > div:hover { color: #007555;}
		header nav > a:hover::after, header nav > div:hover::after { content: ''; position: absolute; top: 0; left: -10%; width: 120%; height: 100%; background: #ffd400; transform:skewX(55deg); -webkit-transform:skewX(55deg); -moz-transform:skewX(55deg); z-index: -1;}
		/*header nav > a:last-child { padding-right: 0;}*/
	header span { display: table-cell; vertical-align: middle; opacity: 1;}
	.sub { visibility: hidden; display: none; position: absolute; margin: 0; padding: 0; top: 100%; left: 0; background: #007555; box-shadow:0 2px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.2); width: 191%; border-top: 5px solid #ffd400;}
		.sub li { list-style: none;}
		.sub a { color: #FFF; display: block; padding: 10px 20px; margin: 0; font-size: 12px; width: 100%;}
		.sub a:hover { background: #ffd400; color: #007555;}
	header nav > *:hover .sub { visibility: visible; display: block;}
/*header.fx > div { height: 80px;}
header.fx .logo { width: 170px;}*/


/* Main
================================================== */
.btn-menu { display:none; font-family: 'dinotregularIta'; letter-spacing:0.1mm; color:#007555; font-size:14px; text-align:center; cursor:pointer; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; position:absolute; top:10px; right:15px!important; z-index:5;}
.btn-menu i { display:block; margin:auto;}
.btn-menu-open { display:block; padding:10px;}
.subMenu { position: absolute; top: 0!important; left: 0; z-index: 1000;}
.pd { padding: 20px;}
.trs { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s;}
.brs { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow: hidden; position: relative; z-index: 1;}
.scrollup, .scrollup:focus { width:60px; height:63px; color: #FFF; font-size: 44px; position:fixed; bottom:-74px; right:0px; transition:All 0.4s ease; -webkit-transition:All 0.4s ease; text-align:center; line-height:74px; background: #007555; z-index: 99999; font-family: 'dinotregular';}
.scrollup.show { bottom: 0;}
.scrollup:hover { color: #FFF;}
.pure-pusher-container { height: auto; padding-top: 80px;}
.btBack { position: absolute; right: 15px; top: 0px; background: #007555;}
.btBack span { z-index: 2; position: relative; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; color: #FFF;font-family: 'dinotregular'; padding: 5px 15px; font-size: 17px; font-weight: bold; display: block;}
.btBack:hover span { color: #007555;}
.btBack::after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 0%; height: 100%; background: #ffd400; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; z-index: 1;}
.btBack:hover::after { width: 100%;}
/*.wow { visibility: hidden;}*/
#main, #slider { padding: 40px 0;}
#main { background: #ececec; padding-bottom: 0;}
@media screen and (min-width: 1400px){
.container-fluid { padding-left: 100px!important; padding-right: 100px!important;}
}
.container-fluid { padding-left: 40px; padding-right: 40px;}


/* Slider
================================================== */
#slider { width: 100%; background: #FFF; position: relative;}
#slider::after { content: ''; position: absolute; top: 0px; z-index: 9; right: 0;  background: url(../images/bg1.png) top right no-repeat; height: 100%; width: 200px; background-size: contain;}
#slider img { width: 100%;}
#slider > .container { z-index: 10;}
.carousel, .carousel-inner, .item { height: 100%;}
.carousel-control { opacity: 1; background: none!important; width: 30px; height: 30px; bottom: 45%; top: inherit; left: inherit; right: 20px!important;}
.carousel-control:hover { color: #007555;}
.carousel-control.left { left: 20px!important;}
.carousel-indicators { left: inherit; right: 20px; text-align: right; margin-right: 0; bottom: 4px;}
.carousel-indicators .active { background: #93c01f; border: 0; margin: 0 10px 0 0; width: 13px; height: 13px;}
.carousel-indicators li { width: 13px; height: 13px; margin: 0 10px 0 0; background: #007555; border: 0;}
#slider .video > div { background: #444; height: 100%;}
#slider .item { overflow: hidden; margin-bottom: 0;}
#slider .item h1 { position: absolute; bottom: 10px; left: 30px; z-index: 2; color: #FFF; display: none;}
#slider .item::after { content: ''; position: absolute; bottom: -90px; left: -30px; width: 1500px; height: 145px; background: rgba(0,0,0,0.6); z-index: 0; border: 2px solid #ffd400; display: none;}


/* Home
================================================== */
.cat a { height: 450px; display: block; position: relative; overflow: hidden; background: #007555;}
.cat a:hover { background: #ffd400;}
.cat a:hover { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.cat h2 { z-index: 2; position: relative; color: #FFF;}
.cat a:hover h2 { color: #007555;}
h2 span, h1 span { font-size: 150%;}
.cat img { position: absolute; bottom: -20%; right: -100%; z-index: 1;}
.cat article { margin-bottom: 20px;}
.banners a { display: block; width: 100%; height: 100%; overflow: hidden; background-size: cover; position: relative;}
.banners article { margin-bottom: 2%; height: 32%;}
.banners article:last-child { margin-bottom: 0;}
.banners img { width: 100%; position: absolute; top: 0; left: 0;}
.banners h3 { position: absolute; bottom: 5px; left: 30px; z-index: 2;}
.banners h3::after { content: ''; position: absolute; bottom: -26px; left: -30px; width: 600px; height: 45px; background: #007555; transform:skewY(3deg); -webkit-transform:skewY(3deg); -moz-transform:skewY(3deg); z-index: -1; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s;}
.banners a:hover h3 { color: #ffd400; bottom: 10px;}
.banners a:hover h3::after { height: 60px;}
.usados { background: url(../images/usados.jpg) center center no-repeat;}
.conce { background: url(../images/concesionarios.jpg) center center no-repeat;}
.descargas { background: url(../images/descargas.jpg) center center no-repeat;}
#home .videos { margin-top: 40px;}



/* Empresa
================================================== */
#empresa { background: url(../images/bg2.png) no-repeat bottom left #007555; margin-top: 40px; padding: 40px 0;}
	#empresa p { color: #FFF; font-size: 14px; text-align: justify;}


/* Detalle
================================================== */
.desc { text-align: left; margin-top: 40px;}
	.desc span { color: #007555;}
.nav-tabs { margin: 20px 0 0; border-bottom: 0;}
.nav-tabs li { padding: 0; margin-bottom: 20px;}
.nav-tabs > li > a { padding: 0; border: 0!important; background: none; border-radius:0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; opacity: 0.5;}
.nav-tabs > li.active > a { opacity: 1; background: none!important;}
.down { margin-top: 40px;}
	.down a { overflow: hidden; position: relative; height: 70px; border-left: 5px solid #ffd400; background: #007555; display: block;}
	.down p { float: left; margin: 24px 0 0 67px; color: #FFF; font-family: 'dinotregular';}
	.down i { font-size: 3em; color: #FFF; position: absolute; top: 13px; left: 16px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; color: #ffd400;}
	.down .fa-angle-double-down { top: -40px; opacity: 0;}
	.down a:hover .fa-file-pdf-o { top: 40px; opacity: 0;}
	.down a:hover .fa-angle-double-down { top: 13px; opacity: 1;}
.det .row { margin-bottom: 20px;}
.det .row:last-child { margin-bottom: 0px;}
.det table.bsh { font-family: 'Gotham-Light'; font-size: 12px; color: #444; text-align: left; width: 100%; background: #FFF;}
.det table table { width: 100%;}
.det table table td { width: 50%;}
.det tr { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s;}
.det table.bsh > tbody > tr:first-child, .det table.bsh > tbody > tr:first-child:hover { color: #FFF; background: #007555!important; font-size: 13px; text-align: center;}
.det table.bsh > tbody > tr:nth-child(2) { background: #FCDBB4;}
.det table.bsh > tbody > tr > td { padding: 8px 10px;}
.det table.bsh > tbody > tr:nth-child(odd) { background: #EEE;}
.det table.bsh > tbody > tr:hover { background: #ffd400;}
.det figure { border-right: 5px solid #ffd400; min-height: 140px;}
.det p { margin: 15px 0; font-family: 'dinotregular';}
.det h3 { margin-top: 15px; color: #007555;}
.det article .col-sm-9 { background: #007555;}
.det article { margin-bottom: 20px;}
.det article:last-child { margin-bottom: 0px;}
.masonry {-webkit-column-count: 3; column-count: 3; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; -moz-column-fill: balance; -webkit-column-fill: balance; column-fill: balance; -moz-columns: 3 auto;}
.item { display: inline-block; margin: 0 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #FFF;}
.item img { width: 100%;}
.tolvas .masonry {-webkit-column-count: 4; column-count: 4; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; -moz-column-fill: balance; -webkit-column-fill: balance; column-fill: balance; -moz-columns: 4 auto;}
#detalle { padding-bottom: 40px;}
	#detalle.det img { width: 100%; margin-bottom: 20px;}
	#detalle h2 { text-align: center; font-family: 'dinotregular';}
		#detalle h2 strong { font-family: 'dinotbold';}
	#detalle h1 { font-family: 'dinotregular';}
		#detalle h1 span { font-family: 'dinotbold';}


/* Empresa
================================================== */
#empresa img { width: 100%;}
#empresa h1 { color: #FFF; margin-bottom: 20px;}



/* Contacto
================================================== */
#contacto .desc { margin-top: 0;}
#contacto h1 { margin-bottom: 20px;}
#contacto .col-md-5 iframe { min-height: 300px;}
iframe { border: 0;}
label.error { position: absolute; top: 0px; right: 10px; border: 2px solid #ff0000; color: #FFF; padding: 5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: rgba(186,33,38,0.7); z-index: 1; font-size: 11px; font-family: Tahoma; display: none!important;}
input[type="text"].error, textarea.error { border: 2px solid #FF0000;}
input[type="text"].valid, textarea.valid { border: 2px solid #00D27A;}
input[type="text"], textarea, select { width:100%; font-family: 'dinotregular'; padding:8px 3% 7px 3%; border:0px; color:#000; letter-spacing:0.1mm; font-size:14px; margin-bottom: 20px; background:#FFF; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; box-shadow:inset 0 3px 2px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0 3px 2px rgba(0,0,0,0.3); -moz-box-shadow:inset 0 3px 2px rgba(0,0,0,0.3);}
input[type="text"]:focus, textarea:focus { border:0px; background:rgba(255,255,255,0.6);}
textarea { width:100%; height:90px!important; resize:none; padding:8px 3% 7px;}
input[type="submit"] { cursor:pointer; display:block; border:0; font-family: 'dinotregular'; color: #FFF; font-size: 25px; float: right; width: 100%; text-align: center; background: #007555; font-size: 14px; padding: 8px 0 7px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #444;}
input:-moz-placeholder, textarea:-moz-placeholder { color: #444;}
fieldset { margin:0; padding:0; border:0; position: relative;}


/* Footer
================================================== */
footer { background: #dadad9; width: 100%; overflow: hidden; border-top: 10px solid #017555;}
	footer > iframe { position: relative; top: -46px; margin-bottom: -46px;}
	footer > div { overflow: hidden; position: relative; background: #ececec;}
	footer p { color: #444; margin: 10px 0; line-height: 40px;}
	footer p a { color: #444;}
	footer i { width: 40px; color: #007555;}
	footer > section { padding: 40px 0;}