* { font-family: 'Montserrat', 'Gotham Ronunded', Tahoma, Arial, sans-serif;  outline: none; }

body { background: #E3E3E3; }

a, a:hover, a:active, a:focus, a:visited { cursor: pointer; text-decoration: none; }

header { position: relative; z-index: 6; }
header:before { border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 100px solid #EFEFEF; content: ""; display: block; height: 0px; position: absolute; top: 0; width: 100%; z-index: 0; }
header a#logo { background: url(../img/logo.png) no-repeat center center; display: block; float: left; height: 72px; margin: 15px 40px 0 65px; position: relative; text-indent: -9999px; width: 219px; }
header nav { float: left; font-weight: 300; margin-top: 35px; position: relative; }
header nav a { color: #666; font-size: 14px; }
header nav a:hover { color: #FC0; }
header button { background: transparent; border: none; display: none; margin: 0 auto; position: relative; width: 45px; }
header button span { background: #000; display: block; height: 3px; margin-bottom: 2px; width: 100%; }
header .phone { background: #545360; color: #FFF; height: 100px; margin-right: 30px; padding: 25px 30px 0; position: absolute; right: 0; -webkit-transform: skew(-31deg); -moz-transform: skew(-31deg); -ms-transform: skew(-31deg); -o-transform: skew(-31deg); transform: skew(-31deg); }
header .phone p { font-size: 30px; font-weight: 600; line-height: .8; margin: 0; text-align: right; -webkit-transform: skew(31deg); -moz-transform: skew(31deg); -ms-transform: skew(31deg); -o-transform: skew(31deg); transform: skew(31deg); }
header .phone p span { font-size: 18px; }
header .phone .social { bottom: 20px; position: absolute; -webkit-transform: skew(31deg); -moz-transform: skew(31deg); -ms-transform: skew(31deg); -o-transform: skew(31deg); transform: skew(31deg); }
header .phone .social a { background: #FFF; border-radius: 50%; color: #52515F; display: block; height: 21px; float: left; font-size: 12px; line-height: 21px; margin-right: 4px; text-align: center; width: 21px; }
header .phone .social a.wpp { background: none; color: #33ea33; font-size: 21px; }
header a.xs-visible { color: #41ca41; font-size: 24px; position: absolute; right: 45px; top: 4px; }

#carousel-first { background: url(../img/fondo.jpg) no-repeat center center; background-size: cover; height: auto; margin: 0 -15px; padding-bottom: 50px; }
.carousel-control { width: 100px; }
.carousel-control.left, .carousel-control.right { background: transparent; }
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control { z-index: 2; }

#titTop { height: 100px; margin-top: -50px; position: relative; }
#titTop h1 { background: rgba(255,255,0,.75); font-size: 24px; font-weight: 200; padding: 12px 0; margin: 0; text-align: center; text-transform: uppercase; }
#titTop h1:before, #titTop h1:after { border-bottom: 100px solid #E3E3E3; content: ""; display: block; height: 0px; position: absolute; top: -50px; width: 6%; z-index: 0; }
#titTop h1:before { border-right: 60px solid transparent; left: 0; }
#titTop h1:after { border-left: 60px solid transparent; right: 0; }

#flota { margin-bottom: 30px; position: relative; z-index: 3; }
#flota .col-md-4 { margin-bottom: 20px; position: relative; }
#flota .col-md-4:nth-child(4n+1) { clear: both; }
#flota .bx { box-shadow: 0 0 3px rgba(0,0,0,.1); margin-bottom: 20px; }
#flota a { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; overflow: hidden; }
#flota img { float: left; max-width: 100%; width: 100%; }
#flota h2 { background: #FF0; font-size: 14px; font-weight: 300; margin: 0; padding: 12px; position: relative; text-align: center; }
#flota h2 span { position: relative; z-index: 2; }
/*#flota h2:after { border-left: 55px solid transparent; border-bottom: 55px solid #E3E3E3; bottom: 0; content: ""; display: block; height: 0px; position: absolute; right: 0; top: 0; width: 55px; z-index: 0; }*/
#flota p { background: #FFF; font-weight: 300; margin: 0; padding: 12px; }

#servicios { background: #52515F; margin-top: -70px; position: relative; z-index: 2; }
	#servicios:before { border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 100px solid #E3E3E3; content: ""; display: block; height: 0px; left: 1%; margin-bottom: 30px; position: relative; top: 0; width: 98%; z-index: 0; }
	#servicios h1 { color: #FFF; font-size: 24px; font-weight: 300; margin: 0 0 30px; position: relative; text-align: center; text-transform: uppercase; }
	#servicios h1 span { background: #52515F; padding: 0 50px; display: inline-block; position: relative; z-index: 2; }
	#servicios h1:after { background: #feffad; content: ""; display: block; height: 2px; position: absolute; top: 50%; width: 100%; }
	#servicios .col-sm-6:first-child { border-right: 1px dotted #FFF; }
	#servicios h3 { color: #FF0; font-size: 18px; font-weight: 300; margin: 0 0 25px; text-transform: uppercase; }
	#servicios p, #servicios ul { color: #FFF; font-size: 18px; font-weight: 200; line-height: 1.3; margin: 0 0 50px; }
	#servicios ul { list-style: none; margin: 0; padding: 0; }
	#servicios form label { color: #FFF; display: inline-block; font-size: 18px; font-weight: 200; line-height: 34px; margin: 0; text-align: right; width: 130px; }
	#servicios form .submit:before { border-right: 30px solid transparent; border-top: 42px solid #000; content: ""; display: block; height: 0px; position: relative; width: 140px; z-index: 0; }
	#servicios form input[type="submit"] { background: transparent; border: none; color: #FFF; float: left; font-size: 18px; font-weight: 200; height: 42px; margin-top: -42px; padding-left: 20px; position: relative; text-align: left; text-transform: uppercase; width: 140px; }
	#servicios .social { margin-top: 30px; }
	#servicios .social a { background: #FFF; border-radius: 50%; color: #52515F; display: inline-block; height: 35px; font-size: 18px; line-height: 37px; margin-right: 10px; text-align: center; width: 35px; }

footer { background: #FF0; margin-top: -90px; position: relative; z-index: 1; }
	footer:before { border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 100px solid #E3E3E3; content: ""; display: block; height: 0px; left: 1%; margin-bottom: 30px; position: relative; top: 0; width: 98%; z-index: 0; }
	footer.index { margin-top: 0; }
	footer.index:before { border-top-color: #52515F; }
	footer h1 { color: #000; font-size: 24px; font-weight: 300; margin: 0 0 30px; position: relative; text-align: center; text-transform: uppercase; }
	footer h1 span { background: #FF0; padding: 0 50px; display: inline-block; position: relative; z-index: 2; }
	footer h1:after { background: #000; content: ""; display: block; height: 2px; position: absolute; top: 50%; width: 100%; }
	footer .col-md-4 { height: 220px; }
	footer .col-md-4:first-child { border-right: 1px dotted #000; }
	footer .col-md-4:last-child { border-left: 1px dotted #000; }
	footer p { font-size: 16px; font-weight: 300; line-height: 2; }
	footer p i { font-size: 20px !important; text-align: center; width: 25px; }
	#bottomFoot { background: #000; padding-bottom: 20px; }
	#bottomFoot:before { border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 100px solid #FF0; content: ""; display: block; height: 0px; left: 1%; position: relative; top: 0; width: 98%; z-index: 0; }

#aluga, #tarifas, #servicios_int, #flota_int, #contacto_int, article { position: relative; z-index: 3; }
#aluga { padding-bottom: 30px; }
	#aluga .col-sm-6 { margin-bottom: 50px; }
	#aluga .col-sm-6 img { width: 100%; }
	#aluga .col-sm-6 p { font-size: 16px; font-weight: 300; }

#tarifas { padding-bottom: 70px; }
	#tarifas .table { font-size: 16px; font-weight: 300; }
	#tarifas .table > thead > tr > th { padding-left: 0; padding-right: 0; }
	#tarifas .table th span { background: #FF0; display: block; font-size: 16px; font-weight: 200; padding: 5px 10px; position: relative; text-shadow: 1px 1px 0px rgba(0,0,0,.5); text-transform: uppercase; }
	#tarifas .table th span:after { border-bottom: 42px solid #E3E3E3; content: ""; display: block; height: 0px; position: absolute; right: 0; top: 0; width: 40px; border-left: 30px solid transparent; }
	#tarifas .table tbody { background: #D3D3D3; }
	#tarifas .table tbody td { border-right: 1px dotted #000; padding: 15px; }
	#tarifas .table-striped > tbody > tr:nth-of-type(odd) { background-color: #DBDBDB; }
	#tarifas .table a { color: #666; font-size: 14px; font-weight: 200; }

#servicios_int .row { margin-bottom: 50px; }
	#servicios_int .row .col-md-6:last-child { border-left: 1px dotted #000; }
	#servicios_int img { max-width: 100%; }
	#servicios_int h3 { font-weight: 24px; font-weight: 300; }
	#servicios_int p { font-size: 16px; font-weight: 300; }
	#servicios_int p img { margin-right: 15px; }

#flota_int { margin-bottom: 70px; }
#flota_int p { font-size: 16px; font-weight: 200; margin: -20px 0 30px; }
#flota_int .col-md-4 { margin-bottom: 20px; position: relative; }
#flota_int .col-md-4:nth-child(4n+1) { clear: both; }
#flota_int .bx { box-shadow: 0 0 3px rgba(0,0,0,.1); margin-bottom: 20px; }
#flota_int a { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; overflow: hidden; }
#flota_int img { float: left; max-width: 100%; width: 100%; }
#flota_int h2 { background: #FF0; font-size: 14px; font-weight: 300; margin: 0; padding: 12px; position: relative; text-align: center; }
#flota_int h2 span { position: relative; z-index: 2; }
/*#flota_int h2:after { border-left: 55px solid transparent; border-bottom: 55px solid #E3E3E3; bottom: 0; content: ""; display: block; height: 0px; position: absolute; right: 0; top: 0; width: 55px; z-index: 0; }*/
#flota_int .col-md-4 p { background: #FFF; font-size: 14px; font-weight: 300; padding: 12px; margin: 0; }

#contacto_int { margin-bottom: 70px; }
#contacto_int h3 { border-bottom: 3px solid #ff0; font-size: 24px; font-weight: 300; margin: 0 0 30px; padding-bottom: 15px; }
#contacto_int .wpp, p .wpp { background: #67c15e; border-radius: 5px; color: #FFF; display: inline-block; font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 20px; padding: 10px 20px; }
#contacto_int .wpp i { float: left; font-size: 24px; font-weight: 100; margin-right: 9px; }
#contacto_int form label { color: #000; display: inline-block; font-size: 16px; font-weight: 200; line-height: 34px; margin: 0; text-align: right; width: 130px; }

article { margin-bottom: 70px; }
article .box { background: #FFF; position: relative; }
article .box span { background: #FF0; display: block; font-size: 16px; font-weight: 200; left: 0; padding: 10px 70px 10px 20px; position: absolute; top: 20px; }
article .box span:after { border-bottom: 42px solid #FFF; content: ""; display: block; height: 0px; position: absolute; right: 0; top: 0; width: 40px; border-left: 60px solid transparent; }
article .box span a { color: #000; line-height: 1; }
article .box img { width: 100%; }
article a { background-position: center center; background-repeat: no-repeat; background-size: cover; display: inline-block; overflow: hidden;}
article a img { float: left; }
article h1 { border-bottom: 1px solid #999; font-size: 24px; font-weight: 300; margin: 30px 0; padding-bottom: 10px; }
article h2 { font-size: 21px; font-weight: 300; }
article h3 { font-size: 24px; font-weight: 300; }
article ul { list-style: square; font-size: 16px; font-weight: 200; }
article h4 { border-bottom: 3px solid #ff0; font-size: 24px; font-weight: 300; margin: 0 0 30px; padding-bottom: 15px; }
article form label { color: #000; display: inline-block; font-size: 16px; font-weight: 200; line-height: 34px; margin: 0; text-align: right; width: 130px; }



.modal button.close { margin: -15px -15px 0 0; }
.modal .modal-body { padding: 0; }
.modal .modal-body .row { margin: 0; }
.modal .row .col-md-6 { position: relative; }
.modal .col-md-6:first-child { background: url(../img/popup2.jpg) no-repeat center center; background-size: cover; height: 100%; position: absolute; }
.modal .col-md-6:last-child { padding: 50px; }
.modal p { font-size: 18px; margin: 0; }
.modal p span { display: inline-block; font-size: 30px; margin: 10px 0; }
.modal p a { background: #67c15e; border-radius: 5px; color: #FFF; display: inline-block; font-size: 30px; line-height: 24px; margin-top: 10px; padding: 10px 20px; }
.modal p a i { float: left; font-size: 24px; font-weight: 100; margin-right: 9px; }
.modal .modal-content { border-radius: 0; box-shadow: none; }



@media (max-width: 1199px) {
	header a#logo { background-size: 100% auto; margin-right: 20px; width: 180px; }
	header nav a { font-size: 12px; }
	header .phone { padding-top: 32px; }
	header .phone p { font-size: 18px; line-height: 1; }

	#flota { margin-bottom: 50px; }
	#tarifas .table th span { line-height: 1; }
}


@media (max-width: 991px) {
	header a#logo { height: 44px; width: 130px; }
	header nav { clear: both; margin: 10px 0 0 65px; }
	header nav a { font-size: 11px; }
	header .phone p { font-size: 16px; }

	.carousel-control { width: 50px; }

	#servicios form label, #contacto_int form label, article form label { text-align: left; }

	footer .col-md-4:last-child { border: none; overflow: hidden; }
	footer iframe { display: block; margin: 10px auto 0; }

	#aluga .col-sm-6 img { margin-bottom: 20px; }

	#servicios_int p { overflow: hidden; }
	#servicios_int p img { float: left; }

	#tarifas .table th span { font-size: 14px; padding-right: 30px; }
	#tarifas .table th span:after { border-bottom-width: 40px; border-left-width: 20px; width: 32px; }
	#tarifas .table tbody td { font-size: 13px; }
}


@media (max-width: 767px) {
	header { float: left; width: 100%; }
	header:before { border-top-width: 70px; }
	header a#logo { float: none; height: 36px; margin: 5px auto 8px; width: 110px; }
	header .phone { display: none; }
	header button { display: block; }
	header nav { display: none; float: none; margin: 3px 0 0; padding: 0 60px; position: absolute; width: 100%; }
	header nav a { background: #EFEFEF; display: block; padding: 5px; text-align: center; text-align: center; }
	header nav span { display: none; }

	#titTop { height: 70px; margin-top: -39px; }
	#titTop h1:before, #titTop h1:after { border-bottom-width: 50px; top: -11px; }
	#titTop h1:before { border-right-width: 40px; }
	#titTop h1:after { border-left-width: 40px; }
	#titTop h1 { font-size: 14px; }

	#servicios:before, footer:before, #bottomFoot:before { border-top-width: 50px; border-left-width: 40px; border-right-width: 40px; }
	#servicios .col-sm-6:first-child, #servicios_int .row .col-md-6:last-child { border: none; }
	#servicios h1, footer h1, article h1 { font-size: 18px; }
	#servicios h1 span, footer h1 span { padding: 0 10px; }
	#servicios h3 { font-size: 15px; margin-bottom: 15px; }
	#servicios p, #servicios ul, #servicios form .form-control, footer p, #aluga .col-sm-6 p, #servicios_int p, #flota_int p, article p, article ul { font-size: 13px; }
	#servicios .col-sm-6:last-child { margin-top: 30px; }
	#servicios form label, #contacto_int form label, article form label { font-size: 13px; line-height: inherit; }
	#servicios form input[type="submit"] { font-size: 14px; }

	#tarifas .table th span:after { border-bottom-width: 30px; }

	footer p i { font-size: 15px !important; width: 20px; }
	footer .col-md-4 { height: auto; margin-bottom: 30px; }

	#servicios_int { padding-bottom: 30px; }

	#contacto_int h3, article h4 { margin-top: 30px; }

	.fancybox img { width: 32.33333%; }

	.modal .col-md-6:last-child { padding: 30px; }
	.modal p { font-size: 16px; }
	.modal p span { font-size: 24px; }
	.modal p a { font-size: 18px; padding: 15px; }
}