@font-face {
    font-family: 'bryantbold';
    src: url('../fonts/bryant-bold-webfont.eot');
    src: url('../fonts/bryant-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bryant-bold-webfont.woff2') format('woff2'),
         url('../fonts/bryant-bold-webfont.woff') format('woff'),
         url('../fonts/bryant-bold-webfont.ttf') format('truetype'),
         url('../fonts/bryant-bold-webfont.svg#bryantbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bryantlight';
    src: url('../fonts/bryant-light-webfont.eot');
    src: url('../fonts/bryant-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bryant-light-webfont.woff2') format('woff2'),
         url('../fonts/bryant-light-webfont.woff') format('woff'),
         url('../fonts/bryant-light-webfont.ttf') format('truetype'),
         url('../fonts/bryant-light-webfont.svg#bryantlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bryantmedium';
    src: url('../fonts/bryant-medium-webfont.eot');
    src: url('../fonts/bryant-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bryant-medium-webfont.woff2') format('woff2'),
         url('../fonts/bryant-medium-webfont.woff') format('woff'),
         url('../fonts/bryant-medium-webfont.ttf') format('truetype'),
         url('../fonts/bryant-medium-webfont.svg#bryantmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bryantregular';
    src: url('../fonts/bryant-regular-webfont.eot');
    src: url('../fonts/bryant-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bryant-regular-webfont.woff2') format('woff2'),
         url('../fonts/bryant-regular-webfont.woff') format('woff'),
         url('../fonts/bryant-regular-webfont.ttf') format('truetype'),
         url('../fonts/bryant-regular-webfont.svg#bryantregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.pr0{
	padding-right: 0;
}
.pl0{
	padding-left: 0;
}

body {
	font-family: verdana!important;
}

p {
	line-height: 25px;
}

.top-menu {
	height: auto;
	background-color: #0083a9;
	color: white;
    z-index: 1000;
    width: 100%;
}

.top-menu button {
	/*background: white;*/
	margin-left: 20px;
	margin-top: 20px;
}

.top-menu span.icon-bar {

    background-color: #fff;
    height: 4;
    width: 34px;
    border-radius: 0;

}

.nav>li {
	width: 100%;
}

.nav>li>a {
	padding: 10px 5px;
}

.nav>li>a:focus, .nav>li>a:hover {
	background: none!important;
	color: #b0cedc;
}

.top-menu a {
	color: white;
}

.top-menu img {
	margin-left: 20px;
	margin-top: 7px;
	margin-bottom: 10px;
}

.menu-asiste {
	font-family: 'bryantmedium';
	font-size: 20px;
	/*padding-top: 15px;
	padding-bottom: 15px;*/
	width: 100%;
}

.cmenu {
	font-size: 0.8em;
	margin-top: 4px;
	margin-bottom: 30px;
}


li.contacto-link strong{
	padding: 15px 5px 10px 5px;
	float: left;
	font-size: 75%;
}
li.contacto-link {
	width: auto;
	/*font-family: verdana;*/
	
}

a.links-menu.link-contacto {
	/*font-family: verdana;*/
    /*margin-top: 5px;*/
    
    /*margin-right: -10px;*/
}

.nav>li.separador {
	display: none;
	margin-top: 10px;

}
.logo-prod{ 
	margin-top:  20px;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	-webkit-animation-duration: 2s;
  	-moz-animation-iteration-count: 1;
  	-o-animation-iteration-count: 1;
  	-webkit-animation-iteration-count: 1;
  	z-index: 2;
  	position: relative;
  	max-width:100%;
}


.logo1:before{
	z-index: 1;
	content: "";
	width: 2px;
	height: 316px;
	background: #0083a9;
	position: absolute;
	top: 50px;
	left: 50%;
}

.logo2:before,
.logo4:before {
	z-index: 1;
	content: "";
	width: 50%;
	height: 2px;
	background: #0083a9;
	position: absolute;
	top: 50%;
	right: 0;
}

.logo3:before,
.logo5:before {
	z-index: 1;
	content: "";
	width: 50%;
	height: 2px;
	background: #0083a9;
	position: absolute;
	top: 50%;
	left: 0;
}



.prueba0 {
  	-webkit-animation-delay: 0s;
}

.prueba1{
	-webkit-animation-delay: 0.3s;
  	}

.prueba2 {

  	-webkit-animation-delay: 0.6s;
}

.prueba3 {
  	-webkit-animation-delay: 0.9s;
}

.prueba4 {
  	-webkit-animation-delay: 1.2s;
}

.banner {
	background: grey;
	min-height: 557px;
	/*overflow: hidden;*/
	background-image: url(../images/banner.jpg);
	background-size: cover;
	background-position: center bottom; 
}



.slogan {
    margin-top: 28px;
    font-family: 'bryantbold';
    font-size: 36px;
    color: #006084; 
}

.slogan p{
    line-height: 0.9em;
    margin-bottom: 0;
}

.slogan2 {
	/*margin-top: 18px;*/
}

.formulario {
	height: auto;
	background-color: rgba(238, 238, 238, 0.62);
	margin-top: 24px;
	border-radius: 5px;
	padding: 20px;
}

.titulo-form {
	font-weight: bold;
	color: #0083a9;
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
}

.placa {
	text-align: right;
}

.seguir {
	width: 100%;
	background: none!important;
	background-color: #0083a9!important;
	padding: 5px 10px;
	border-radius: 5px;
	border: none;
	color: white;
	font-size: 26px;
}



/*   tipos   */

.tipos {
	background: #eeeeee;
	min-height: 240px;
}

.paquetes {
	background-color: #eeeeee;
	padding: 5px 30px 0 30px;
	border-radius: 5px;
	top: -70px;
	text-align: center;
	color: #7f7f7f;
}

.bloque-paquetes {
	background-color: #d5d5d5;
	margin: 20px 20px -10px 20px!important;
	border-radius: 5px;
	padding: 30px 20px;
}

.linea {
	border-top: solid 1px white;
}

.alineacion {
	margin-top: 30px;
	line-height: 40px;
}

.titulo {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 50px;
	color: white;
	margin-bottom: 20px;
	font-family: 'bryantbold';
}

.titulo-tipos {
	color: #0083a9;
	font-weight: bold;
}

.titulo-tipos2 {
	color: #0083a9;
	font-size: 28px;
	text-align: left;
    margin-left: 19px;
    margin-top: 15px;
}


/*   quienes  */


.quienes {
	background: white;
}

.quienes .row {

	position: relative;
}

.texto-quienes {
	font-size: 18px;
	line-height: 1.8em;
	text-align: right;
	text-align: left; 
	margin-right: 40px;
	margin-left: 40px;
}

.area-texto {
	margin-top: 10px;
	margin-bottom: 30px;
    color: grey;
}

.vision {
	z-index: 1;
    /*position: absolute;
    bottom: 35px;
    left: 145px;*/
    padding: 0 20px;
    display: none;
}

.vision img{
	max-width: 100%;
	margin-top: 100px;
}

.titulo-mobile{  
	color: #006084;
    padding-top: 40px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 28px;
    margin: 0 auto;
    font-family: 'bryantbold';
}


/*   opiniones  */

.opiniones {
	background: #e0f0f5;


}
.opiniones .fa.fa-star,
.opiniones .fa.fa-star-o {
	color: #fdb72b;
}

.opinion-cliente {
	padding-top: 18px ;
	padding-bottom: 18px ;
	color: #7f7f7f;
}

.nombre-opinion {
	font-style: italic;
	color: #adadad;
}



.titulo-seccion {
	color: #0083a9;
	font-family: 'bryantmedium';
	font-size: 30px;
	margin-top: 25px;
	margin-bottom: 35px;
	display: block;
}


.texto-opinion {
    margin-left: 20px;
    margin-right: 20px;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 50px;
}

.feedback {
	background-image: url(../images/feedback.png);
	background-position: center;
	background-size: cover;
	min-height: 425px!important;
}



/*   productos  */

.productos {
	background: #ffffff;
	height: auto;
	text-align: center;
	padding-bottom: 30px;
}

.productos-img {
	margin-bottom: 50px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.titulo-productos {
	color: #0083a9;
	padding-top: 30px;
}

.area-productos {
	padding-bottom: 40px;
}


/*   contactenos  */

.contactenos {
	background: #0083a9;
	padding-top: 35px;
	padding-bottom: 35px;
}

.contactenos form {
	color: white;
}

.enviar {
	width: 100%;
    background: none!important;
    background-color: #fdb72b!important;
    border-radius: 5px!important;
    border: none!important;
    color: white!important;
    font-size: 26px!important;
    height: 74px;
    font-family: 'bryantbold';
}

.captcha {
	height: 150px;
	background-color: rgba(255, 255, 255, 0.51);
	border-radius: 5px;
	padding: 10px;
}


/*   footer   */
.footer {
	background: #003a5c;
	min-height: 50px;
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0!important;
	font-family: bryantmedium;
}

.footer a,
.footer a:hover,
.footer a:active {
	color: white;
}

.creditos {
	padding-top: 6px;
	font-size: 16px;
}

.social {
	text-align: right;
	color: #7e909f;

}
.social .fa {
	font-size: 32px;
} 
.icono-social {
	margin-right: 10px;
}





/* Large desktop */







/* Portrait tablet to landscape and desktop */ 

 
/* Landscape phone to portrait tablet */

 
/* Landscape phones and down */


	li.contacto-link strong{
		padding: 15px 5px 10px 5px;
		float: left;
		font-size: 75%;
    }
	
	li.contacto-link {
		width: auto;
		margin-top:0px;
		font-family: 'bryantmedium';
		/*font-family: verdana;*/
	
	}

    li.ubicacion-link strong{
		padding: 15px 5px 10px 5px;
		float: left;
		font-size: 75%;
    }

	li.ubicacion-link {
		margin-top:10px;
        font-family: 'bryantmedium';
		/*font-family: verdana;*/
	
	}

	li.telefono-link strong{
		padding: 15px 5px 10px 5px;
		float: left;
		font-size: 75%;
    }

	li.telefono-link{
		margin-top:0px;
        font-family: 'bryantmedium';
		/*font-family: verdana;*/
	
	}

	.formulario {
		float: right;
		max-width: 400px;
	}
	
	body {
		padding-top: 74px;
	}

	.banner {
		min-height: 640px; 
	}
	
	.menu-left{
		float: left;
	}
	.menu-right{
		float: right;
	}
	.top-menu {
		position: fixed;
		top: 0px;
	}

	.menu-asiste,
	.menu-asiste .nav>li{
		width: auto;
	}

	.cmenu {
		margin-bottom: 0;
		margin-top: 3px;
	}

	.menu-asiste {
		font-size: 19px;
	}

	.menu-asiste ul.nav{
	    margin-top: 19px;
	}

	.slogan{
		margin-top: 57px;
	}

	.nav>li.separador {
		display: block;
		margin-left: 4px;
    	margin-right: 4px;
	}

	.contacto-link.separate {
		margin-left: 25px;
	}

	.opiniones {
		min-height: 425px;
	}

	.titulo-seccion{
		margin-top: 8px;
		margin-bottom: 6px;
		text-align: left;
	}
	.titulo-seccion.text-center{
		text-align: center;
	}
	
	.texto-opinion{
		margin-bottom: 0;
		text-align: left;
	}

	.foto-quienes {
		min-height: 420px;
	}

	.texto-quienes {
		font-size: 20px;
	}

	.linea{
		padding-bottom: 10px;
	    padding-top: 10px;
		border-top: 0;
		border-left: 1px solid white;
	}
	
	.slogan{
		font-size: 47px;
		
	}
	.slogan,
	.titulo-mobile,
	.texto-quienes,
	.formulario {
		margin-top: 40px;
	}

	.foto-quienes {
		padding-left: 0!important;
	}

	.foto-quienes {
		background-image: url(../images/quienes.jpg);
		background-size: cover;
		background-position: right center;
		background-repeat: no-repeat;
		min-height: 405px;
		position: relative;
	}

	.vision img{
		margin-top: 290px; 
		margin-bottom: 20px; 
	}
	
	.titulo-mobile {
		display: none;
	}
	
	.texto-quienes {
		margin-top: 60px;
		margin-right: 40px;
	}

	.area-productos.title {
	}

	.logo1:before{
		    z-index: 1;
		    content: "";
		    width: 75.2%;
		    height: 2px;
		    background: #0083a9;
		    position: absolute;
		    top: 50%;
		    left: 12.5%;
	}

	.logo2:before,
	.logo4:before,
	.logo3:before,
	.logo5:before  {
		z-index: 1;
		content: "";
		width: 2px;
		height: 169px;
		background: #0083a9;
		position: absolute;
		bottom: 50%;
		top: auto;
		left: 50%;
	}
	.vision {
		display: block;
	}