@font-face {

	font-family:'Dodgv2ci';

	src: url('../fonts/Dodgv2ci.ttf');

}



@font-face {

	font-family:'bahnschrift';

	src: url('../fonts/bahnschrift.ttf');

}



@font-face {

	font-family:'AvenirLTStd-Light';

	src: url('../fonts/AvenirLTStd-Light.otf');

}



#btn_float{

	width: 60px;

    z-index: 100;

    position: fixed;

    top: 12em;

    left: auto;

    right: 0em;

}

header{ border-bottom: 10px solid #f70302;  }

.no-padding{ padding: 0; }

.red{ color: #f70302; }

#menu-header{ background-color:#f70302; }

#menu-header .navbar {  padding: 21px 0px 0px 50px; }

#head-info{ background: url('../imagenes/header-info-back.png') no-repeat left center; }

#head-info{ color: white; text-transform: uppercase; padding: 10px 0px 12px 23px; }

#head-info p a,#head-info p a:focus, #head-info p a:hover{ color: white; }

#head-info p{ padding: 9px 0px 10px 9px; margin: 0; font-family:'bahnschrift'; font-style: italic; font-size: 1.5em; font-weight: bold; background-color: black; }

.navbar-inverse{ background-color:transparent; border-color: transparent;}

header{ display: flow-root; } header #logo{ float: right; }

h1{ text-align: center; font-family:'Dodgv2ci'; }

section p , footer p{ font-family:'AvenirLTStd-Light'; font-size: 1.5em; }

section h1 {  color: #f70302; } section h1 ,footer h1 { margin: 1.5em 0em; }

footer h1 , footer p{ color: white; text-align: center;  } footer p{ margin: 25px 0px; line-height: 1.5em; } footer p a , footer p a:hover, footer p a:focus{ color: #ffcc00; }

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color: black; }

.navbar-default{ background-color: transparent; border-color: transparent; } .navbar{ border: transparent; }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color:transparent; }

.navbar-default .navbar-nav>li>a{ font-family:'Dodgv2ci'; color: white; font-size: 1.5em; }



.carousel-control.left, .carousel-control.right {  background-image: none; }

.carousel-caption{ width: 100%; right: 0%; left: 0%; background-color: rgba(0,0,0,0.7); bottom: 0px; }

.carousel-inner .item img { width: 100%; }



.carousel-caption h2{ font-family:'bahnschrift'; font-style: italic; font-weight: bolder; font-size: 2.7em; }



#informes{ background: url('../imagenes/back-informes.jpg'); background-repeat: no-repeat; background-size: cover; color: white; text-align: center; }



#informes h1{ color: white; }



#servicios h3{ text-align: center; font-family:'Dodgv2ci'; color: white; }



#servicios{ display: flow-root; }



#eventos{ background-color:#f70302 ; } #traslados{ background-color: #a60201; } #capacitacion{ background-color: #480502; }


#servicios a:hover,#servicios a:focus, #servicios a:active { text-decoration: none; }

.box-servicio{ padding: 5em 0; }



.box-servicio img{ margin: 0 auto; display: table; }



#nosotros, #informes{ padding:5em 0; } #nosotros p{ text-align: center; font-weight: bold; line-height: 2em; }



#nosotros img{ margin: 30px auto; display: table; }



#nosotros h4{ font-family:'Dodgv2ci'; text-align: center; margin: 30px 0px;  font-size: 2em; }



#informes h4{ font-size: 3.5em; font-family:'bahnschrift'; text-align: left; font-weight: bolder; }



#informes p{ line-height: 2em; margin-bottom: 5%; }



footer{ background-color: #f70302; padding: 3em;  }



#footer-form .form-control{ border-radius: 0px; margin: 0px 0px 20px 0px; }



#footer-form input[type="submit"]{ margin: 25px auto; display: table; background-color: #ffcc00; border: 0; padding: 5px 15px; font-weight: bold; font-size: 1.3em;  }



#fondo{ background-color: black; padding: 10px 0px; } #fondo p{ font-family:'AvenirLTStd-Light'; margin: 0; text-align: center; } #fondo p, #fondo p a{ text-transform: uppercase; color: white; }



#footer-form textarea{ height: 130px; }



.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: black!important; 

}



.form-control::-moz-placeholder { /* Firefox 19+ */

  color: black!important; 

}



.form-control:-ms-input-placeholder { /* IE 10+ */

  color: black!important;

}



.form-control:-moz-placeholder { /* Firefox 18- */

  color: black!important; 

}

#galeria{ display: flow-root; }

.zoom-gallery{
	position: relative;
    width: 100%;
    height: 22vh;
    overflow: hidden;
}

.zoom-gallery a img {  	position: relative; }

.modal-title , .modal-body p{ text-align: center; }


@media (max-width: 1100px){

	#head-info p{ font-size: 1.3em; padding: 11px 0px 10px 9px; }

	#menu-header .navbar{ padding: 12px 0px 0px 50px; }

	.zoom-gallery { height: 10vh; }

}



@media (min-width: 769px){

	.carousel-inner>.item {  max-height: 70rem; }

}



@media (max-width: 768px){

	#menu-header .navbar{ padding: 20px 0px 0px 0px; }

	.carousel-caption h2{ font-size: 1.8em; } 

	.navbar-default .navbar-nav>li>a { font-size: 1.3em; }

	#head-info p{ font-size: 1em; }

	.navbar{ margin-bottom: 0; }

	#head-info{ padding: 0px 0px 0px 23px; }

}

#pago{background: #f70302; padding: 30px 0px;}
#pago h2{color: #FFF; font-family:'Dodgv2ci'; text-align: center; font-size: 36px; padding-bottom: 1em;}
#pago img{display: block; margin: 30px auto;}
#pago p{color: #FFF; text-align: center;}



@media (max-width: 767px){

	.navbar { margin-top: 40px; }

	.navbar-toggle .icon-bar{ width: 35px; height: 5px; }

	#solicita-movil{ background-color: #1fa923; }

	#solicita-movil a h3{ padding: 10px 0px;  font-size: 1.3em; text-align: center; color: white; margin: 0;  font-family:'bahnschrift'; }

	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background-color:transparent;}

	.navbar-inverse .navbar-toggle{ border-color:transparent;}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color: transparent; }

	.navbar-inverse .navbar-nav>li>a{ text-align: center; color: white; font-family: 'Dodgv2ci';  font-size: 1.4em; }

	.navbar-brand{ float: none; padding: 0;  }

	.no-padding-form{ padding: 0; }

	header #logo{ float: left; width: 50%; }

	#head-info{ background: transparent; padding: 0;  }

	#head-info p{ text-align: center; font-size: 1.2em; }

	.navbar-toggle{  padding: 30px 10px; }

	#menu-header .navbar{ padding: 0; }

	#nosotros, #informes{ padding: 2em 0; }

	.carousel-caption h2{ font-size: 0.9em; }

	section h1, footer h1{ font-size: 25px; }

	#informes h4{  font-size: 2.5em; }

	.carousel-caption{ padding: 0; }

	header{ background: #f70302; }

	.navbar-toggle .icon-bar{ background-color:white; }

	.navbar-default .navbar-nav>li>a{ text-align: center; }

	.zoom-gallery {  height: 28vh; }

}

@media (min-width: 1500px){
	.zoom-gallery { height: 28vh; }
}