@charset "utf-8";
/* CSS Document */


@font-face {
font-family:Raleway;
src: url("../fonts/Raleway-Medium.ttf") format("truetype");
}

@font-face {font-family:OpenSans;
src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
}


/*--------*/
* {outline:0; padding:0; margin:0;}

body {outline:0; padding:0; margin:0; font-family:OpenSans; overflow-x:hidden !important;  }
a {color:#121bc6; text-decoration:none;}
a:hover {color:#455ff4; }
strong {color:#fff; text-shadow:0 2px 2px rgba(0,0,0,.5); }
b {color:#121bc6; font-weight:bold;  }
p {padding: 10px; color:#707070; text-align: justify; font-size: 15px; }

h1 { font-size:2.5em; color:#1114e7; text-align:center !important; font-family:Raleway; line-height:50px; padding:1em 0;  } 
h1 { font-size:2.5em; color:#1114e7; text-align:center !important; font-family:Raleway; line-height:50px; padding:1em 0;  } 
h2 {font-size:1.6em; color:#4b4a4b; padding:1em ; text-align: center; border:solid 1px rgba(255,255,255,0); font-family:Raleway; line-height:40px;} 
h3 {font-size:1.2em;  color:#121bc6; font-weight:normal; text-align:center !important; line-height:25px; padding:.7em 0;} 
h4 {font-style:normal;  color:#1114e7; font-size:1em; text-align: center; padding:.5em 0; font-family:Raleway; }
h5 {font-size: 1em;  color:#000; font-weight:bold; padding:0 .8em;  }
h6 {font-size: 1em;  color:#fff;  padding:0 .8em;  }
h8 {text-align: center; color:rgba(255,255,255,.9); position: absolute; z-index:500; width:1016px; left:50%; margin-left:-508px; font-size:3em; margin-top:2em; text-shadow:0 3px 3px rgba(0,0,0,.5); font-style: italic; }

.telefono {font-size: 1.2em; line-height:30px;}
.nota { color:#666; font-style: italic; }

.btn { background-color:#121bc6; color:#fff; padding:0.8em 1em; border-radius: 6px; font-weight: 200; } 
.btn:hover { background-color:#F2A60F; color: #000 !important; font-weight: 500;  }
.btn:hover i { color: #121BC6 !important; }


.call { background:url("../images/bg-call-nuevo.png") fixed #fff ; background-position: center ; padding: 3em; height: auto; }
.call-2 { background:url("../images/bg-call-2.jpg") fixed #fff ; background-position: center ; padding: 3em; height: 285px; }
.call-3 { background:url("../images/bg-call-3.jpg") fixed #fff ; background-position: center ; padding: 3em; height: 285px; }
.call-4 { background:url("../images/bg-call-4.jpg") fixed #fff ; background-position: center ; padding: 3em; height: 285px; }
.call-5 { background:url("../images/bg-call-5.jpg") fixed #fff ; background-position: center; padding: 3em; height: 285px; }

.suscripcion {background: #E4E4E4; border: solid 1px 0px #A5A5A5; align-content: center; text-align: center;  }

.frases, #formulario { padding:3em 0; color:#fff; width:100%; background:url("../images/bg-umaiad.jpg") fixed #C30409 repeat-y ; background-position: center right; }
.frases h1 {color: #fff; font-size: 1.6em;}


ul { padding:1em;}
#contenido ul li  { list-style: none; color: #707070; padding-left:25px; line-height:20px;  }
#contenido ul li:before { color: #1114e7; font-weight: bold; display: inline-block; width: 1em; margin-left: -20px; }
#contenido-m  ul li { list-style: none;   }
#contenido ul li i, #contenido-m ul li i {margin-left:-27px;}


i { color:#F2A60F; }
p i {margin-left:-.5em;} 

#arriba { display: none; position: fixed; bottom:0; right: 30px; z-index:3000; background:#455FF4; color:#fff; cursor: pointer; padding: 10px; border-top-right-radius:10px; border-top-left-radius:10px; border:none; box-shadow:0 3px 3px 0 rgba(0,0,0,0.5); line-height:18px;}
#arriba:hover {color:#F2A60F;}

/*--------------------- clientes banner -----*/

.columna-cliente { width:100%; min-height:80px; overflow:hidden;  margin-top:-1px; padding:1em; max-height:200px;}
.cliente { width:167px;  margin-left:-.3em; }


/*-------------------------Slider---------------*/

#slider { text-align:center; background:#fff; height:700px;  z-index:0; top:0; }
#slider img {width:100%; min-height:550px; min-width:1100px;  }

.btn-floating1, .btn-floating2  {color:#1114e7; padding:0; font-size:30px; z-index:11; cursor:pointer !important; position:absolute; bottom:.5em; }

.btn-floating1:hover, .btn-floating2:hover {color:#F2A60F; cursor:pointer;}
.btn-floating1 { margin-left:-50px; margin-right:50px; }


#slider h7 { color:#fff; font-family:Raleway; font-weight:normal; z-index:1000; position:absolute; text-align:right; right: 20px; top: 20px; text-shadow:0 2px 2px rgba(0,0,0,.8); background: rgba(0,0,0,0.5); }
#slider h7 b { color:#455ff4; font-weight:bold; }
#slider h7 strong {  padding:.8em 1em; color:#fff; font-size:.8em; background: #121bc6; border-radius: 1em; text-shadow:none; border:solid 1px rgba(255,255,255,0); } 
#slider h7 strong:hover {border:solid 1px #fff; background: #F2A60F; }

@media screen and (min-width: 1200px){ #slider h7{ font-size:1.4em;}}
@media screen and (max-width: 1200px){ #slider h7{ font-size:1.2em;}}


/*------------------Slider-------------*/

#header { width:100%; height:auto; overflow: hidden; min-height:550px;  }  

#top { background:#000; color:#fff; text-align:right; width:100%;  padding:0;  z-index:2099; height:30px; font-size:1em;} #top i {color:#1114e7 !important;} 
#top ul { padding-right:5%; z-index:4000; position:absolute; right:0; top:-38px; }
#top li {display:inline; padding:.5em 0; }
#top a { padding:.5em 1em; color:#fff;  } #top a:hover i { color:#fff !important;  }
#top a:hover {  color:#1114e7; }

.menu-fixed {position:fixed; z-index:1000; width:100%; top:0; }

nav {height:35px; font-size:1.1em; font-family: OpenSans; position:absolute; right:0; width:100%; z-index:20; top:0px;  }
nav ul { text-align:right;  color:#3B5559; padding-top:3em; padding-right:1em;  background:rgba(0,0,0,.7); }
nav li { display:inline; border-right:solid 1px #ccc;  }
nav a { padding:1em .7em; color:#fff; text-decoration:none; font-size:.7em;  margin-left:-.4em; } 
#top i, nav i { color:#1114E7; font-size:1em;}
nav a:hover { color:#F2A60F; } 
nav a:hover i { color:#fff; }
.last {border:none;}


.active { color:#F2A60F !important; font-weight: 800; }

.menu_movil {top:0; right:0; width:auto; position:fixed; z-index:2000; padding:0; margin:0;  display:block; color:#fff; cursor:pointer; text-align:right;  }
.btn_menu { display:block; padding:12px;  color:#F2A60F; text-decoration:none; font-weight:normal; font-size:25px; text-shadow:0 2px 2px rgba(0,0,0,.9);}


/*--------------------------------------------Dropdown Button */

.dropbtn { color:#fff; cursor:pointer; }
.dropdown {  display: inline-block;  }

.dropdown-content { display:none; position:absolute; text-align:left; z-index:3000;  width:auto;  height:3.9em; margin-top:1em;     }

.dropdown-content ul {  padding:0;  }
.dropdown-content ul li { border-left:0;  list-style: none; float:left;  }
.dropdown-content a span, .dropbtn span {font-size:.9em !important;  }
.dropdown-content a {color:#000; background:rgba(255,255,255,.9);   text-decoration:none;  font-size:.7em; display:block;  text-align:left; border-top:0; padding:.8em 2em .8em .8em; border-bottom:1px solid #E1E1E1;  }
.dropdown-content a:hover, .dropdown-content a:hover span  {  color:#E02828;}
.dropdown-content span {color:#E02828;}

/*--------*/

#contenido { width:100%; clear:both;  position:relative; padding-top:1em; } 

.fotos, .titulos, .derecha, .fondo  { opacity:0; }
.foto { width:90%; margin-left:5%; box-shadow:5px 5px 5px rgba(0,0,0,.3); }


#block { padding:2em 0; color:#fff; width:100%; text-align:center; font-size:1.2em; line-height:1.2em; font-weight:normal; margin:2em 0; background-size:100%; }
#block p {padding:3em 1em; max-width:1004px; margin: 0 auto; color:#fff;  }
#block a {color:#fff;}
#block a:hover { color:#004372 ;}

.btn_head { margin-top:3.5em; color:#fff !important;  font-size:1.3em; background:#3BCC3B; padding:.5em 1em; position: absolute; z-index:500; right:0; text-align: center; width: auto;} .btn_head:hover { color:#000 !important; }

.columna { margin:0 auto; min-height:50px; }
.columna-2 {min-height:50px;  padding:1em 0; }
.columna-3 {min-height:50px;  padding:1em 0; } 
.columna-4 {min-height:50px;  padding:1em 0; text-align:center !important; align-content: center;}
.columna-5 {min-height:50px;  padding:1em 0; text-align:center !important; align-content: center;}
.columna-6 {min-height:50px;  padding:1em 0; text-align:center !important; align-content: center;} 

.fade {position:relative; z-index:-1; width:100%; top:0; left:0;  min-height:400px; min-width:1280px;    }

.servicio { width:80%; margin-left:5%;  background:#1C3461 ; color:#fff; text-align: center; padding:3em 1em; } .servicio i { color:#fff; font-size:4em; }

#form { width:100%; margin-top:1em;  }

.icon { width: 80px; height: auto }
.icon2 { width: 80%; height: auto }
.centrado { text-align: center;}
.separador {width:100%; height:80px; }

.slogan {font-size:1.2em; color: #455FF4; line-height:30px; font-style: italic; font-weight: bold; text-align: center; }


/*-------------------------------------- WEB--*/	

@media screen and (min-width: 600px){

.logo { height:130px; margin:0 3em; position: absolute; z-index:25;} 
.btn_head i::after { content:"55.42.22.81.02"; font-family: "avenirlt";} 	
	
#slider h7 { z-index:10; width:auto; top:13em;  padding:2em;  }	
#slider h7 b { font-size:2em;}	

.dropdown:hover .dropdown-content { display: block;}
	
.columna   {width:1020px; padding-left:16px;}
.columna-2 {width:478px; float:left; margin-right:16px;}
.columna-3 {width:318px; float:left; margin-right:16px;}
.columna-4 {width:235px; float:left; margin-right:16px;}
.columna-5 {width:184px; float:left; margin-right:16px;}
.columna-6 {width:151px; float:left; margin-right:16px;}


	
.formulario {max-width:500px; margin:0 auto;}

}

/*-------------------------------------- movil--*/ 

@media screen and (max-width:599px){

.logo { width:50%; margin-left:18%; top:3em;  z-index:11; position:relative;} 
	
nav {position: absolute; z-index:200;  }		
nav ul { width:100%; left:-100%;  border:none; position:fixed;  padding:.6em 0em; top:0; background:#000;}
nav li {display:block; float:none; text-align:left; border-bottom:1px solid #E1E1E1; width:100%; padding:.7em 0 !important ; border-right:none; background:#000;}
nav a { font-size:1em; width:100%; margin-left:0.5em; padding-right:4em; color:#fff !important; }
nav i { margin-left:-4px; color:#E02828; } 
.sub span {padding-left:1.5em !important;}

.dropdown-content { display:contents; text-align:left; z-index:3000;  }

.dropdown-content ul { padding:0;  }
.dropdown-content ul li { list-style: none;  }
.dropdown-content a {display:block; padding: 0.7em 0em 0.7em 1.2em; margin-left: -15px;  background: #000; text-decoration:none; font-size:.8em; text-align:left; height: 20px; border-bottom:1px solid #C4C4C4 ; }
.dropdown-content a:hover, .dropdown-content a:hover span  {  color:#E02828;}
.dropdown-content span {color:#545454;}
	
#slider { height:500px; }
#slider h7{width:90%; padding:1em; font-size:1.2em; top:280px; text-align:center!important;  position:absolute; z-index:1; left:0%; background: rgba(0,0,0,0.5); }
.btn-floating1, .btn-floating2  { left:50% !important; top:500px; }
#slider img { margin-left:-20px !important;}
	
.columna { width:92%; margin-left:6%; }	
.columna-2, .columna-3, .columna-4, .columna-5, .columna-6 {width:100%; margin:0 !important; padding-right:1em; padding-left:0;  }

.call { height: 340px; line-height:350px; }
.call-2 { height: 420px; font-size: 0.75em; line-height:350px; }
.call-3 { height: 420px; font-size: 0.75em; line-height:350px; }
.call-4 { height: 420px; font-size: 0.75em; line-height:350px; }
.call-5 { height: 420px; font-size: 0.75em; line-height:350px; }
	
.slogan {font-size:1em; line-height:35px; font-weight: bold; }	
	
.right {right:-80px; position: absolute;}	
.centro {left:-400px !important; position:relative; }		
	
}


.bg-a {width:100%; min-height:auto; background: url("../images/fondo_textutra_bco.svg") repeat; background-size:400px; padding-top:2em; } 
.bg-b {width:100%; min-height:600px; background: url("../images/fondo_textutra.svg") repeat; background-size:800px; padding-top:2em; } 



/*---------- transformaciones escala hover -----*/


.escala:hover h3 { 
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}


/*---------*/



/*---------------------contacto-----------*/


#contacto table {border:none; color:#FFF; margin:0; margin-bottom:3em;}
#contacto table td {border:none; margin-top:1em; }
.text-form { width:100%; padding:1em 0; font-size:1em;  border:solid #ccc 1px; padding-left:.5em; margin-top:-1px; }
.text-form2 { width:50%; padding:1em 0; font-size:1em;  border:solid #ccc 1px; padding-left:.5em;}
.link_extra {background-color:#4e74b9; padding:.5em; margin-top:1em;}


#map { border-top: solid 2px #087EBD;}

.caja {	border:solid #ccc 1px;  height:19px;  overflow:hidden; width:88.8%; position:relative; padding:.5em .5em; background:#fff; margin-left:1.6em; margin-top:-1px;}
select { border: none; font-size:16px; width:100%; color:#9E9E9E; background:rgba(0,0,0,0); height:19px;}
select:focus{ outline:none; color:#000;}
.caja::after{content:"\025be"; display:table-cell; text-align:center; width:35px; height:30px; background-color:#fff; position:absolute; top:0; right:0px;	pointer-events:none; cursor: pointer; padding-top:.5em; color:#000;}

.enviar { padding:0.5em 2em; cursor:pointer; color:#fff; font-size:1em;  text-align:center; border:solid 1px #fff;   }
.enviar:hover { text-shadow:0 1px 1px #000;  }
#cenviar { width:20%;  float:left; text-align: left;  }

.verifica { font-size:.9em; color:#22A44B; }



/*---------------------footer-----------*/



#footer { background:#0F1C93; width:100%; min-height:100px; clear:both; text-align:center !important;  font-size:1em;  line-height:20px; padding-bottom:2em; }
#footer p { text-align:left; color:#fff;} 
#footer a {color:#fff;  }
#footer a:hover {color:#F2A60F; }
#footer i {color:#F2A60F;} 
#footer b {color:#F2A60F;} 



/* ---------Social Footer -----*/

.icon-button {background-color:#455FF4; border-radius: 3em; cursor: pointer; display:inline-block; font-size:1em; width:3em; height:3em; line-height:3em; margin:0 5px; position: relative; text-align: center;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;  }

/* Circle */

.icon-button span {border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s;  -o-transition: all 0.3s; transition: all 0.3s; width: 0; background-color:#fff; }
	
.icon-button:hover span { width: 3em; height: 3em; border-radius: 3em; margin: -1.5em; }

/* Icons */
.icon-button i { background: none; color:#fff !important; width: 3em;  height: 3em; left: 0; line-height: 3em; position: absolute; top: 0; z-index: 10; padding-left:.5em;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.icon-button i:hover { color:#1114E7 !important; }



/*------------------Social Menu--------*/

.social { position: fixed; right: 0px; top:120px; z-index:3005;  }
.social ul {list-style:none; text-align:right; padding:0; margin:0;}
.social ul li a {display: inline-block; color:#fff; background:#4B4A4B; padding: 15px 10px; text-decoration: none; animation-direction: normal; -webkit-transition:400ms ease;-o-transition:400ms ease; transition:400ms ease;
border-bottom:solid 1px #FFF;  font-size:.9em;}
.social ul li a:hover {background:#1114E7; padding: 12px; font-size:large; color:#F2A60F;}
	
	
/*Contenido movil*/


/*-------------*/


@media (max-width:600px){.hide-small{display:none!important}}
@media (max-width:992px) and (min-width:601px){.hide-medium{display:none!important}}
@media (min-width:993px){.hide-large{display:none!important}}
.animate-fading{-webkit-animation:fading 4s infinite;animation:fading 4s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-opacity{-webkit-animation:opac 1.5s;animation:opac 1.5s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

.animate-left{position:relative;-webkit-animation:animateleft 0.4s; animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-1000px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-1000px;opacity:0} to{left:0;opacity:1}}

.animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.animate-input:focus{width:100%!important}