@font-face {
font-family:'OpenSans';
src:url('/themes/fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
font-family:'OpenSans';
src:url('/themes/fonts/OpenSans-Bold.ttf') format('truetype');
font-weight: bold;
}
@font-face {
font-family:'OpenSans';
src:url('/themes/fonts/OpenSans-Italic.ttf') format('truetype');
font-style:italic;
}
@font-face {
font-family:'OpenSansExtraBold';
src:url('/themes/fonts/OpenSans-ExtraBold.ttf') format('truetype');
}
@font-face {
font-family:'OpenSansExtraBold';
src:url('/themes/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
font-style:italic;
}

body, html {
	font-Family:'OpenSans' !important;
}
.oseb { font-Family:'OpenSansExtraBold' !important; }

h5, h4, h3 { font-style: italic; font-Family:'OpenSansExtraBold' !important; text-transform: uppercase;}

.navbar-fixed-top { border:0; padding-top:6px; }
#main-nav.nav>li>a { font-weight: bold; color:#f07c00; text-transform: uppercase;  }

#main-nav>li>a:hover {
	color:#2f2f93;
}
#main-nav.nav>li.active>a, #main-nav.nav>li.active>a:focus, #main-nav.nav>li.active>a:hover
{
	background: transparent;
	color:#2f2f93;
}
.fc-orange { color:#f07c00;}
.fc-blue { color:#2f2f93;}
.bg-blue { background-color:#2f2f93; color:white;}
.bg-orange { background-color:#f07c00; color:white;}

.btn-default.bg-blue {
	border:1px solid #2f2f93;
}
.btn-default.bg-orange {
	border:1px solid #f07c00;
}
.pad { padding-left:50px;padding-right:50px;}
.navbar-nav.navbar-center { display: inline-block; margin:0 auto; float:none;}

.pad-bot h2 { text-transform: uppercase;}
.slider-caption3 { font-style: italic; text-align:right;}

#sucursales { margin-bottom:40px;  }
#sucursales ul>li { text-shadow:1px 0px 0px #999; }
#sucursales ul>li>i { color:#f07c00; font-size:20px;}

#flota [data-balloon]:after {
	background: rgba(230, 230, 230, 0.9);
}
#flota  [data-balloon]:before {
	background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(230, 230, 230, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
}
#flota [data-balloon][data-balloon-pos='down']:before {
	background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(230, 230, 230, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
}
#flota .nav-justified [data-balloon] {
	font-style: italic !important;
	color:#FF7D00 !important;
	font-weight: bold;
}
.other_banner {
	background-color:#2f2f93;
	color:white;
}
.floating_contact a:hover {
	text-decoration:none;
	color:#000;
}
.floating_contact a { color:#999; }
.floating_contact {
	font-size:14px;
	position: fixed;
	right: 30px;
	bottom: 35px;
	z-index: 1000;
	padding:5px 10px;
	text-align: center;
	background-color: #fff;
	border: 4px solid #666;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}

.other_banner i.fa { color: orange;}
.bg_seguridad {
	background-image:url('../images/bg_seguridad.jpg');
}
#servicios .nav-justified [data-balloon] {
	font-family: 'OpenSansExtraBold';
	text-transform: uppercase;
	font-weight: bold !important;
	font-style: italic !important;
	font-size: 15px !important;
	color:#2f2f93;
}
#servicios .nav-justified [data-balloon]:first-line, #servicios .nav-justified a *:first-line {
	color:#FF7D00 !important;
}


.nav-justified >li>a:focus, .nav-justified >li>a:hover {
	background-color: transparent;
}

#flota .nav-justified >li{
	position:relative;
}
#flota .nav-justified >li.activo>a>span {
	color:white;
	text-shadow:1px 0px 5px #333;
}
#flota .nav-justified >li>a>span {
	position:absolute;
	left:0;
	line-height: normal;
	vertical-align:top;
	width:100%;
	display: inline-block;
	color:#000;
	font-style: italic;
	font-weight:bold;
}

#flota li [data-balloon]:hover:before, #flota li [data-balloon]:hover:after {
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#flota li.activo [data-balloon]:before, #flota li.activo [data-balloon]:after {
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

#flota .nav-justified >li>a>img {
	display: inline-block;
	margin:0 auto;
}
#flota .nav-justified >li.activo img{
	filter: invert(100%);
}
#flota .nav-justified >li.activo {
	background: #f07c00;
	background: -moz-radial-gradient(center, ellipse cover, #f07c00 52%, #fef5eb 53%, #fef5eb 69%, #ffffff 70%);
	background: -webkit-radial-gradient(center, ellipse cover, #f07c00 52%,#fef5eb 53%,#fef5eb 69%,#ffffff 70%);
	background: radial-gradient(ellipse at center, #f07c00 52%,#fef5eb 53%,#fef5eb 69%,#ffffff 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07c00', endColorstr='#ffffff',GradientType=1 );
}
#servicios .nav-justified >li:hover {
	background-image: url('/themes/images/item_select.png');
	background-position: bottom;
	background-repeat: no-repeat;
}
#servicios {
	background: #23236e;
	background: -moz-linear-gradient(top, #23236e 0%, #2f2f93 30%);
	background: -webkit-linear-gradient(top, #23236e 0%,#2f2f93 30%);
	background: linear-gradient(to bottom, #23236e 0%,#2f2f93 30%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23236e', endColorstr='#2f2f93',GradientType=0 );
}

#flota {
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 30%);
	background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 30%);
	background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 30%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
}

.bloque:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.bloque {
	height:100%;
	position:absolute;
	width:100%;
	z-index:9;
}

.slider-mask, .home-mask {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:bottom;
	z-index:1;
	mix-blend-mode: multiply;
	top:0;
}
.home-mask { background-image:url('/themes/images/slide_banner.png'); }
.slider-mask { background-image:url('/themes/images/slide_mask.png'); }
.main_banner, .other_banne {
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
}
.pad-bot { display:inline-block; vertical-align: bottom;color:white; }
.pad-bot.slider-caption3 { vertical-align: middle }
.section { padding-top:40px; padding-bottom:40px; }

footer .container { position:relative; padding-top:15px; padding-bottom:15px;}
footer .transporte { position:absolute;bottom:2px;}
footer .bg-blue .navbar-nav>li>a { padding:0; }
footer .navbar-nav>li>a:hover, footer .navbar-nav>li>a:focus {
	background-color: transparent !important;
}
footer .navbar-nav>li>a {
	color:white;
	background-color: transparent;
	text-transform: uppercase; font-weight: bold;
}

footer .bg-orange .navbar-nav>li>a:hover,
footer .bg-orange .navbar-nav>li>a:focus { color:#2f2f93; }
footer .bg-blue .navbar-nav>li>a:hover,
footer .bg-blue .navbar-nav>li>a:focus { color:#f07c00; }
#servicios .nav-justified >li>a>img,
#flota .nav-justified >li>a>img {  text-align: center; }

@media (min-width: 360px) {
	.slider-caption { width:77%;  padding-left:2%;}
	.slider-caption2 { width:20%;  }
	.slider-caption3 { width:92%; margin-left:3%;  }
	.main_banner { min-height:300px; 	background-image: url('/themes/images/home_banner_small.jpg');}
}

@media (max-width: 780px) {
	.navbar-brand { padding-top:5px;}
	.navbar-brand img { height:34px;}
	.navbar-fixed-top { background-color:rgba(255,255,255,1); }
	.navbar-fixed-bottom, .navbar-fixed-top { position:relative; margin-bottom:0;}
	#servicios .nav-justified >li>a>img { max-width:80px; max-height:80px;}
	#sucursales .row>div  { margin-top:30px;}
	footer .bg-blue .nav>li {
		display: inline-block;
	}
	.pad-bot h2 { font-size:20px; }
	.flota_items>div { min-height:140px; padding-top:25px;}
	.flota_items>div img { height:70px; margin:0 auto;}
	.flota_items>div>p { text-align:center;}
	.pad-bot { padding-bottom:10px; }
	.section h3 { margin-top:0;}
	footer { padding-top:50px;}
	footer .transporte { width:120px;right:20px; top:-50px;}
	.other_banner .bloque { position:relative; padding-bottom:15px;}
}


@media (min-width: 780px) {
	.navbar-fixed-top { background-color:rgba(255,255,255,0.7); }
	.navbar-brand { height:80px;}
	.navbar-brand img { height:40px;}
	#servicios .nav-justified >li>a>img { max-width:80px; max-height:80px;}
	.slider-caption { width:40%;  padding-left:3%;}
	.slider-caption2 { width:58%;  }
	.slider-caption3 { width:85%;  margin-left:12%; }
	.main_banner { overflow:hidden; }
	.pad-bot { padding-bottom:30px; }
	footer .transporte { width:230px;right:20px}
	footer { padding-top:130px;}
	.flota_items>div { min-height:140px; padding-top:25px;}
	.flota_items>div img { height:70px; margin:0 auto;}
	.flota_items>div>p { text-align:center;}
}

@media (min-width: 990px) {
	#main-nav.nav>li>a:after {
		content: '';
		height: 30%;
		width: 2px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top:-7px;
		background-color: #f07c00;
	}
	#main-nav.nav>li:last-child>a:after {
		width: 0px;
	}
	.navbar-brand { height:100px;}
	.navbar-brand img { height:60px;}

	.pad-bot.slider-caption h2 { font-size:44px; }
	.pad-bot.slider-caption3 h2 { font-size:34px; line-height:32px;}
	.pad-bot  p :first-child { font-size:18px; line-height:18px; }
/*	.pad-bot p:last-child { font-size:16px; line-height:16px;}*/

	.slider-caption3 { width:35%;  margin-left:62%; }

	#sucursales .row>div { min-height:120px; border-right:1px solid #d4d4d4; padding-right:0;}
	#sucursales .row>div:last-child { border:0;}

	#servicios .nav-justified >li>a>img { max-width:110px; max-height:110px;}
	#flota .nav-justified >li>a>img { max-width:90px; max-height:70px;}

	#flota .nav-justified >li{
		height:170px;
		min-width:190px;
	}
	#flota .nav-justified >li>a {
		line-height: 170px;
		max-width:190px;
	}
	#flota .nav-justified >li>a>span {
		top:140px;
	}
	#servicios { padding-top:90px;}
	#servicios .nav>li:after {
		background-color:#060767;
		left: 0;
	}
	#servicios .nav>li:before {
		background-color:#4343B4;
		right: 0;
	}

	#servicios .nav>li:after, #servicios .nav>li:before {
		content: '';
		height: 75%;
		width: 2px;
		position: absolute;
		top: 15%;
	}
	#servicios .nav>li:first-child::after,
	#servicios .nav>li:last-child:before {
		width: 0px;
	}

	footer .bg-orange .nav>li>a:after {
		content: '';
		height: 30%;
		width: 2px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top:-7px;
		background-color: #fff;
	}
	footer .bg-orange .nav>li:last-child>a:after {
		width: 0px;
	}
}


@media (min-width: 1440px) {
	.container {
		width: 1380px !important;
	}
	.navbar-fixed-top {
		padding-left:25px; padding-right:25px;
	}

	#servicios .nav-justified >li>a>img { max-width:120px; max-height:120px;}
	#flota .nav-justified >li>a>img { max-width:110px; max-height:90px;}
	#flota .nav-justified >li{
		height:200px;
		min-width:220px;
	}
	#flota .nav-justified >li>a {
		line-height: 200px;
		max-width:220px;
	}
	#flota .nav-justified >li>a>span {
		top:170px;
	}
	.pad-bot h2 { font-size:48px; line-height:44px;}
	.pad-bot  p :first-child { font-size:22px; line-height:20px; }
	.pad-bot p:last-child { font-size:16px; }
}
