@import url(../../external.html?link=http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,800italic,400,300,700,800);

@import url(../../external.html?link=http://fonts.googleapis.com/css?family=Montserrat:400,700);

@import url(../../external.html?link=http://fonts.googleapis.com/css?family=Kaushan+Script);

@font-face {
    font-family: 'socicon';
    src: url('../eot/socicon.eot');
    src: url('../eot/socicond41d.eot?#iefix') format('embedded-opentype'),
         url('../woff/socicon.woff') format('woff'),
         url('../ttf/socicon.ttf') format('truetype'),
         url('../svg/socicon.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}


::selection {
    text-shadow: none;
    background: #eb2931;
    color: #fff;
}

body{
	font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
}


h1, h2, h3, h4, h5, h6{
	font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
	/* -webkit-transform: translateZ(0px);*/
}

 

hr{
	border-width: 2px;
	margin-top: 70px;
	margin-bottom: 30px;
	border-color: #dadada;
}
.separacionN hr {
	border-width: 2px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-color: #dadada;
}
p{
	font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
	text-align: justify;
	/* -webkit-transform: translateZ(0px);*/
}

.btn-primary {
    border-color: #016AB2;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #016AB2;
    -webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;

}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #eb2931;
    border-color: #eb2931;
    -webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}

/* @group Basics */

.mt{margin-top: 50px;}
.mb{margin-bottom: 50px;}
.mtb{margin-top: 50px; margin-bottom: 50px;}
.mtb2 { margin-top: 100px; margin-bottom: 100px;}
.ptb {padding-top: 80px; padding-bottom: 80px;}

.space{
	padding: 30px 0;
}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}

.blanco{
	color: #FFF !important;
}

.azul{
	color: #016AB2 !important;
}

.rojo{
	color: #eb2931 !important;
}


/* @end */



/* @group navbar */

/* @group sm collapse */

@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* @end */



.brand{
	float: left;
  	padding: 15px 15px;
  	font-size: 18px;
  	line-height: 20px;
}


.navbar{
	margin-bottom: 0;
}

.navbar-top{
	margin-bottom: 0;
	text-align: center;
}

.nav-bar-top> li {
      float: none;
      display: inline-block;
}

.navbar-top .nav li a{
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
	text-transform: uppercase;
	color: #016AB2 !important;
	font-size: 13px;
	padding: 7px 15px;
}

.navbar-header{
	min-height: 100px;
}

.navbar-default{
	background-color: #016AB2;
	min-height: 100px;
}

.navbar-default .nav{
	margin-top: 35px;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #d6d6d6;
}

.navbar-right .dropdown-menu{
	right:auto;
	left:0;	
}

ul.dropdown-menu{
	color: #bbb;
}

a.dropdown-toggle:focus{
	background-color: #FFF !important;
}

.navbar-toggle {
	background-color: #016AB2 !important;
	border: 1px solid #FFF;
	border-bottom: 2px solid #FFF;
	margin: 33px 20px 10px 10px;
}

.navbar-toggle:hover {
	background-color: #003d6b !important;
	border: 1px solid #003d6b;
	border-bottom: 2px solid #003d6b;
}

.icon-bar{
	background-color: #FFF !important;
}

.navbar-collapse{
	border-top: none !important;
}

/* @group yamm-content */

.yamm-content a{
	text-transform: uppercase;
	color: #016AB2 !important;
	font-size: 13px;
}

.yamm-content a:hover{
	text-transform: uppercase;
	color: #ff2600 !important;
	font-size: 13px;
	background: none !important;
}


/* @end */

/* @end */



/* @group main slider */

/* @group Contenedor video */

.contenedor-video {
	position: relative;
	padding-bottom: 56.25%;
	box-shadow:0px 0px 30px #000;
}
.contenedor-video iframe,.contenedor-video object,.contenedor-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99 !important;
}

/* @end */


#main-slider {
  position: relative;
}
#main-slider .carousel h2 {
  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #fff !important;
}
#main-slider .carousel p {
  font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: #fff !important;
}
#main-slider .carousel .btn {
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
  color: #fff;
  border-radius: 5;
  margin-top: 5px;
  background-color: rgba(1,47,121,0.7);

}
#main-slider .carousel .btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 650px;
  -webkit-transition: opacity ease-in-out 300ms;
  -moz-transition: opacity ease-in-out 300ms;
  -o-transition: opacity ease-in-out 300ms;
  transition: opacity ease-in-out 300ms;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 300ms;
  -moz-transition: opacity ease-in-out 300ms;
  -o-transition: opacity ease-in-out 300ms;
  transition: opacity ease-in-out 300ms;
  z-index: 1;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 5px;
  z-index: 5;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}

.carousel-indicators li{
	cursor: default !important;
}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeIn 300ms linear 1200ms both;
  -moz-animation: fadeIn 300ms linear 1200ms both;
  -o-animation: fadeIn 300ms linear 1200ms both;
  -ms-animation: fadeIn 300ms linear 1200ms both;
  animation: fadeIn 300ms linear 1200ms both;
}



/* @end */

/* @group content */

.content{
	position: relative;
	padding: 20px 0 50px;
}

.content h1{
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #016AB2;
	font-size: 2em;

	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: 700;
	margin: 30px 0;
}

.content h2{
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #eb2931 !important;
	font-size: 1.5em;
	font-weight: 700;
	margin: 20px 0;
}

.content h3{
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #666 !important;
	font-size: 1.250em;
	font-weight: 700;
	margin: 20px 0;
}

.content ul{
	list-style: square;
	color: #666;
}

.content li{
	color: #666;
}

.content p{
	font-size: 1em;
	color: #666;
}

.sidebar-row{
	padding: 30px 0;
}

.back-top{
	text-align: right;
	padding: 10px 0;
}

.nav-pills a{
	color: #016AB2;
	background-color: #FFF;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background-color: #016AB2;
}

/* @group Gray */

.gray{
	background-color: #eee;
}

.gray h1{
	color: #BBB !important;
}

/* @end */

.space{
	padding: 30px 0;
}

.servicehome{
	margin-bottom: 30px;
}

/* @end */

/* @group Envíanos */

.envianos{
	text-align: center;
	padding: 50px 0;
	margin: 20px 0;
	background: #000 url(../jpg/flotillas_bg.jpg) center center;
	background-size:cover;
}

.txtContact h2{
	font-size: 1.675em;
	text-transform: uppercase;
}
.txtContact p{
	text-align: left;
}

.text-danger ul li{
	color: #eb2931;
	text-align: left;
	list-style-type: none;
	margin-left: -30px;
	font-size: 0.875em;
}

.alert-success{
	background-color: #9ae85f;
}

/* @end */

/* @group Directorio */

.titleBar{
	text-align: center;
	padding: 50px 0;
	margin-bottom: 50px;
	background: #000 url(../jpg/map-black.jpg) center center;
	background-size:cover;
	margin-top: -20px;
}

.titleBar h1{
	color: #fff;
	text-align: left;
}

.titleBaricon .glyphicon{
	color: #fff;
	font-size: 7em;
}

.titleBar .subtitle{
	color: #fff;
	font-size: 1.4em;
	margin-top: -20px;
}


/* @end */



/* @group Contacto */

.titleBarContacto{
	text-align: center;
	padding: 50px 0;
	margin-bottom: 50px;
	background: #000 url(../jpg/blur-bg.jpg) center center;
	background-size:cover;
	margin-top: -20px;
}

.titleBarContacto h1{
	color: #fff;
	text-align: left;
}

.titleBarContacto p{
	color: #fff;
}

.titleBaricon-c .glyphicon{
	color: #fff;
	font-size: 7em;
}

.titleBarContacto .subtitle-c1{
	color: #fff;
	font-size: 1.4em;
	margin-top: -20px;
}

.col-md-2 .contacto-tmbn{
	padding-top: 25px;
}


/* @end */

/* @group Bottom */

.bottom{
	background-color: #016AB2;
	padding: 40px 0;
	-webkit-transform: translateZ(0px);
}

.bottom h5{
	color: #FFF;
	text-transform: uppercase;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
	font-size: 1.125em;
}

.bottom h6{
	color: #FFF;
	text-transform: uppercase;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
	font-size: 0.875em;
}

.bottom ul{
	list-style: square;
	color: #bbb;
	margin-left: -20px;

}

.bottom li a{
	color: #FFF;
	font-size:1em;
	font-weight: 40000;
}

.bottom li a:hover{
	color: #eb2931;
}



.socicon{
	color: #FFF;
	font-family: 'socicon' !important;
	font-size: 20px;
	margin-right: 10px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
	
}

.socicon:hover {
	color: #BBB;
	-webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  text-decoration: none;

}

/* @end */

/* @group Footer */

footer{
	padding: 20px 0;
}

footer p{
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:0.875em;
}


/* @end */

/* @group Quienes somos */

.bgBluePhoto{
	color: #FFF;
	background: #f5f5f5 url(../jpg/poligan_bg.jpg);
	background-size:cover;
	padding-top: 90px;
	padding-bottom: 60px;
	margin-bottom: 30px;
}

.panel-title span{
	color: #fff !Important;
	font-style: normal;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
}
.panel{
	border: 1px solid #fff;
}

.listas li{
	text-align: justify;
	color: #fff;
}
.listas{
	margin-bottom: 50px;
}

.promesa{
	text-align: justify;
}
.promesa li{
	margin-bottom: 20px;
	font-size: 1.1em;
}
.historyIcon .glyphicon{
	font-size: 2em;
	padding-left: 30px;
}

/* @end */

/* @group Servicios */

.blueRow{
	background-color: #016AB2;
}

.grayRow{
	background-color: #eaeaea;
}

.speedeetip{
	background-color: #016AB2;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.speedeetip h4{
	font-style: italic;
	color: #fff !Important;
	font-weight: 300 !Important;
}

.speedeetip p{
	font-style: italic;
	color: #fff !Important;
	font-weight: 300 !Important;
}

/* @end */

/* @group flotillas */

.specialItem{
	color: #016AB2 !Important;
	font-size: 1em;
	list-style-type: none;
	margin-bottom: 10px;
	margin-left: -35px;
}
.specialItem span.glyphicon{
	font-size: 1em !Important;
}

/* @end */

/* @group Home */

.promosHome{
	background-color: #eb2931;
}
.centeredTitle{
	text-align: center;
}

.servicioshome{
	margin-top: -19px;
}

.servicehome{
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;

}


.servicehome:hover{
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.sliderNav{
	margin: 10px 5px;
	text-align: right;
}

#specialNotes{
	padding-top: 50px;
}

/* @end */

/* @group Promociones */
.promociones{margin-bottom: 30px;}/* @end */

/* @group Convenios */

.vigencia{
	text-align: right;
	font-weight: 400;
	margin-top: 5px;
	margin-bottom: 20px;
}

.tarjetas{
	text-align: center;
}
/* @end */
/* @group llantas */


/*.llantas-pirelli{
	background-color: #222;
}*/

/*.llantas-pirelli h2{
	color: #fee102 !Important;
}*/

/*.llantas-pirelli p{
	color: #eaeaea;
}*/

.llantas-pirelli blockquote{
	background-color: #414141;
	border-left: 5px solid #d5d5d5;
}

.llantas-pirelli blockquote p{
	color: #eaeaea;
	font-style: italic;
}

.panel-body {
	padding: 0;
}

.llantasInfo{
	padding: 50px 0;
	margin: 20px 0;
	background: #000 url(../jpg/tyres_bg.jpg) center center;
	background-size:cover;
}

.pSpecialBar{
	font-size: 1.375em !Important;
	font-style: italic;
}

/* @end */