@charset "UTF-8"; 

/*********************** GOOGLE FONTS ***********************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:300,400,600,700,800');


p, body, a, li, .primary { font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4 { font-family: 'Open Sans Condensed', sans-serif; }


p { color: #000; font-size: 16px; font-weight: 400; text-align: justify; }

/*********************** GENERAL ***********************/
:focus { outline: none; }
body { background:#fff; padding: 0; margin: 0; }
section { /*padding-top: 50px;*/ background: #fff;position: relative }
ul { padding: 0; margin: 0; list-style: none; }
img { display: block; width: 100%; border: none; }
a { text-decoration: none; color: inherit; display: block; }
.contenedor { width: 1200px; margin: 0px auto; position: relative; border: 0px solid red; }
p { color: #454545; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

::placeholder { color: #3d3f40; }
.principal { color: #35cd84; }
.secundario {color: #f34f98; }
.light { color: #fff; }
.justify { text-align: justify !important; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.mayus { text-transform: uppercase; }
.inline{ display: inline-block; }
.sombreado { text-shadow: 0px 0px 10px rgba(0,0,0,.6) }
.empty { width: 100%;height: 10px }
.hidden { opacity: 0;visibility: hidden;z-index: 0;background-color: #fff; }
.visible { opacity: 1;visibility: visible;z-index: 10;background-color: #fff; }
.movil { display: none; }
.desktop { display: block; }	
/*
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; 

-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); 

-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); 
*/

/**************** BOTONES FLOTANTES ****************/
.abrirFlotante { display: none;background-color: rgba(59, 63, 67, 0.6);width: 90px;height: 90px;position: fixed;right: 0;top: 150px;z-index: 801;cursor: pointer;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.abrirFlotante i { color: #f5b635;font-size: 50px;line-height: 50px;display: block;text-align: center;padding-top: 20px; }
.btnWhats { background: #009740;position: fixed;bottom: 40px;left: 40px;z-index: 10;width: 60px;height: 60px;border-radius: 50%;cursor: pointer; }
.btnWhats i { color: #fff;font-size: 40px;line-height: 40px;display: block;text-align: center;padding-top: 10px; }
.btnWhats:hover, .abrirFlotante:hover { opacity: 0.5; }

/*********************** CLEAR ***********************/

.clear { clear: both; height: 0px; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 40px; }
.clear50 { clear: both; height: 50px; }
.clear300 { clear: both; height: 50px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px 10px; }
.padding30 { padding: 30px 10px; }
			
/*********************** FORMULARIOS ERROR ***********************/

label.error { display:none !important; }
input.error { border:1px solid #F00!important; }
select.error { border:1px solid #F00!important; }
textarea.error { border:1px solid #F00!important; }

/*********************** COLUMNAS ***********************/

.col2 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3 li { float: left; width: 33.33%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col4 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col5 li { float: left; width: 20%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col6 li { float: left; width: 16.66%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col7 li { float: left; width: 14.28%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col8 li { float: left; width: 12.5%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col9 li { float: left; width: 11.1%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixto li:nth-child(even) { width: 75%;float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixto li:nth-child(odd) { width: 25%;float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixta li:nth-child(even) { width: 80%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixta li:nth-child(odd) { width: 20%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3foot li:nth-child(odd) { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3foot li:nth-child(even) { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.vertical-align { display: table; width: 100%; }
.vertical-align li { float: none; display: table-cell; vertical-align: middle; height: auto; }
.col2mix li:first-child { width: 33.33%; float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mix li:nth-child(2) { width: 66.66%; float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.full li { float: left; width: 100% !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.medio { width: 48%;margin: 0 1%;float: left; }

/*********************** HEADER ***********************/
header { width: 100%;position: fixed;top: 0px;background-color: rgba(59, 63, 67, 0);z-index: 90; }
.header_chico { background-color: rgba(59, 63, 67, 0.3) }
.TopHeader { background-color: #3b3f43;padding: 5px 0px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.TopHeader .col3 { width: 50%;margin-left: 50%; }
.TopHeader a { font-family: 'Open Sans Condensed' , sans-serif;font-size: 16px;color: #fff;text-align: right; }
.TopHeader a .fa { color: #5081cd }
.TopHeader a img { width: 20px;display: inline;margin: 0px 5px 0px 0px;position: relative;top: 3px; }
.logo { width: 30%;float: left; }
.logo img { width: 190px;margin: 10px 0px; }
.menu { width: 50%;float: left;margin-left: 20%;margin-top: 25px; }
.menu li a { text-align: center;font-size: 18px;color: #fff;font-weight: 600;text-transform: uppercase; }
.menu li a:before { content: '';width: 10%;margin: 0 45%;position: absolute;border: 2px solid #5081cd;bottom: -10px;left: 0px;opacity: 0;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.menu li:hover a:before { width: 60%;margin: 0 20%;opacity: 1 }
.btn_movil { width: 35px;float: right;margin-top: 20px }

/*********************** SLIDER ***********************/
.Slider { position: relative;height: 600px;background-size: cover;background-repeat: no-repeat;background-position: center center; }
.TextSlider { width: 70%;margin: 0 15%;top: 250px;position: absolute; }
.TextSlider h1 { font-size: 50px;color: #fff;line-height: 1; }

/*********************** FOOTER ***********************/
footer { background-color: #0e1012;padding: 40px 0px 10px 0px }
footer img { width: 250px;margin: 20px auto; }
.AvisoFoot, footer a { color: #fff;font-size: 18px;font-weight: 600;cursor: pointer; }
.Copy { margin-top: 15px; }
.Copy p { font-size: 12px;color: #fff;text-align: center; }
.Copy a { display: inline;font-size: 12px; }

/*********************** INICIO ***********************/
.MainLogo { padding: 30px 0px;margin: 0 auto;;width: 220px; }
.Casco { width: 90%;margin: 20px auto; }
.Inicio-01 p { width: 90%;margin: 20px auto; }
.Inicio-01 { background-image: url('../img/inicio/back-inicio.jpg');background-position: center center;background-size: cover;background-repeat: no-repeat; }
.Servicios-01 { background-image: url('../img/inicio/back-servicios.jpg');background-size: cover;background-repeat: no-repeat;background-position: center center;padding: 30px 0px;position: relative; }
.Servicios-01 h3 { font-size: 40px;text-align: center;line-height: 1;margin: 20px 0px;color: #fff;text-transform: uppercase; }
.Servicios-01 img { width: 120px;margin: 20px auto; }
.Servicios-01 h4 { text-align: center;color: #fff;line-height: 1;font-size: 22px;width: 220px;margin: 0 auto 30px auto; }
#Servicios > div > ul > li:nth-child(6) { margin-left: 12.5%; }
.Servicios-01:before { content: '';width: 290px;height: 200px;position: absolute;background-image: url('../img/inicio/raya-01.png');background-size: 100%;background-repeat: no-repeat;background-position: center center;bottom: -130px;left: 0;z-index: 9; }
.Servicios-01:after { content: '';width: 330px;height: 220px;position: absolute;background-image: url('../img/inicio/raya-02.png');background-size: 100%;background-repeat: no-repeat;background-position: center center;right: 0;top: 300px;z-index: 9; }

.Galeria-01 { padding: 20px 0px }
.Galeria-01 h3 { font-size: 40px;text-align: center;line-height: 1;margin: 20px 0px;color: #3b3f43;text-transform: uppercase; }

.BackCover { height: 400px;background-size: cover;background-repeat: no-repeat;background-position: center center; }
.text { background-color: #3b3f43;position: relative;height: 70px }
.text p { margin: 0;line-height: 1;font-size: 16px;text-align: center;color: #fff;padding: 15px 0px;text-transform: uppercase;width: 80%;margin: 0 auto }
.owl-prev { width: 30px;height: 30px;border: 2px solid #fff;border-radius: 50%;position: absolute;bottom: 250px;left: 20px; }
.owl-prev .fa { text-align: center;color: #fff;width: 27px;line-height: 30px;margin-right: 3px; }
.owl-next { width: 30px;height: 30px;border: 2px solid #fff;border-radius: 50%;position: absolute;bottom: 250px;right: 20px; }
.owl-next .fa { text-align: center;color: #fff;width: 27px;line-height: 30px;margin-left: 3px; }

.Contacto-01 { background-image: url('../img/inicio/back-contacto.jpg');background-size: cover;background-repeat: no-repeat;background-position: center center;padding: 50px 0px 0px 0px }
.Contacto-01 img { width: 500px;margin: 0 auto; }
.Contacto-01 h3 { font-size: 40px;line-height: 1;margin: 60px 0px 0px 0px;color: #fff;text-transform: uppercase; }
.Contacto-01 p { font-size: 16px;color: #fff;line-height: 1;font-size: 16px;width: 70%; }
#formContEN, #formCont { margin-top: 40px;width: 500px; }
#formContEN ::placeholder, #formCont ::placeholder { color: #666;font-weight: 600;  }
#formContEN input, #formCont input, #formContEN select, #formCont select { height: 30px;width: 485px;border: 1px solid #fff;padding-left: 10px;color: #666;font-weight: 600;font-family: 'Open Sans' , sans-serif;box-sizing: border-box; }
#formContEN textarea, #formCont textarea { height: 80px;width: 485px;border: 1px solid #fff;padding-left: 10px;padding-top: 10px;color: #666;font-weight: 600;resize: none;font-family: 'Open Sans' , sans-serif;box-sizing: border-box; }
input#submitformContEN, input#submitFormCont { width: 180px;cursor: pointer;background-color: #f5b635;float: right;border: 1px solid #f5b635;margin-top: 20px;margin-right: 15px;color: #0e1012;font-size: 14px;text-transform: uppercase;font-weight: 800;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
input#submitformContEN:hover, input#submitFormCont:hover, input#submitformContEN:disabled, input#submitFormCont:disabled { width: 200px; }
#formContEN label, #formCont label { width: 100%;float: left;margin-top: 20px; font-size: 16px;color: #fff;line-height: 1; }
#formContEN label .aviso, #formCont label .aviso { color: #f5b635;text-decoration: underline;padding-left: 26px;padding-top: 10px; }
#formContEN input.Acepto, #formCont input.Acepto { width: 16px;height: 16px; }

.AvisoPop { width: 90%;margin: 0 auto; }
.AvisoPop h3 { font-size: 30px;text-align: center;line-height: 1;margin: 20px 0px;color: #3b3f43;text-transform: uppercase; }
.AvisoPop p { font-size: 14px; }

/*********************** FLOTANTE ***********************/
.flotante { background-color: rgba(59, 63, 67, 0.6);width: 400px;padding: 20px;position: fixed;right: 0;top: 130px;z-index: 801; }
.cerrarFlotante { line-height: 30px;font-size: 30px;text-align: center;color: #f5b635;cursor: pointer;position: absolute;top: 10px;right: 10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.ventanaFlotante h3 { font-size: 40px;line-height: 1;margin: 0px 0px 5px;color: #fff;text-transform: uppercase;text-align: center; }
.ventanaFlotante p { font-size: 16px;color: #fff;line-height: 1;font-size: 16px;text-align: center; }
.ventanaFlotante form { width: 95%;margin: 10px auto 0px;position: relative; }
.ventanaFlotante form ::placeholder { color: #fff;font-weight: 600; }
.ventanaFlotante form input:not([type="submit"]), .ventanaFlotante select, .ventanaFlotante form textarea { width: 100%;position: relative;margin: 0px 0px 10px;box-sizing: border-box;font-size: 14px;background-color: transparent;border: 1px solid #fff;padding: 10px;color: #fff;font-family: 'Open Sans', sans-serif;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.ventanaFlotante select option { color: #454545;font-weight: 600; }
.ventanaFlotante form input[type="submit"] { width: 100%;cursor: pointer;background-color: #f5b635;border: 1px solid #f5b635;color: #fff;font-size: 14px;font-weight: 600;padding: 10px;margin: 0px 0px 10px;text-transform: uppercase;font-weight: 800;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.ventanaFlotante form label { width: 100%;float: left;font-size: 16px;color: #fff;line-height: 1;text-align: center; }
.ventanaFlotante form label .aviso { color: #f5b635;text-decoration: underline;padding-top: 5px;text-align: center; }
.ventanaFlotante form input.Acepto { width: 16px;height: 16px;top: 2px; }
.ventanaFlotante form input[type="submit"]:hover { opacity: 0.5; }
.cerrarFlotante:hover { transform: scale(1.3); }

/*********************** BLOG ***********************/
.Breadcrumbs { background-color: #000;padding-top: 120px; }
.Breadcrumbs p, .Breadcrumbs a { display: inline;font-size: 14px;color: #fff;text-transform: uppercase; }
.Breadcrumbs .titulo-categoria { font-size: 16px;color: #fff;text-transform: uppercase;text-align: right;font-family: 'Open Sans', sans-serif; }
.Breadcrumbs a:hover { color: #5081cd }
.conteCategoria { width: 18%;margin: 0 1%;float: left }
.listaBlog li { background-color: rgba(80, 129, 205,1);margin: 5px 0px;padding: 5px 10px;display:block;color: #fff;text-transform: uppercase;font-size: 13px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.listaBlog li:hover { padding: 5px 20px; }

.listaBlog2 li { background-color: rgba(80, 129, 205,1);margin: 5px 0px;padding: 5px 10px;display:block;color: #fff;text-transform: uppercase;font-size: 10px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.listaBlog2 li:hover { padding: 5px 20px; }

.conteBlog { width: 75%; margin: 0 1%; float: right; }
.conteBlog li { width: 48%;margin: 10px 1%;float: left; }
.descripcionPost h3 { font-size: 20px;text-transform: uppercase;color: #3b3f43; }
.seccion1 h2 { color: #3b3f43;font-size: 26px;text-transform: uppercase;line-height: 1;margin: 20px auto 10px auto;font-family: 'Open Sans', sans-serif }
.imgBlog { position: relative;height: 200px;background-position: center center;background-size: cover;background-repeat: no-repeat;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.tituloBlog { font-size: 20px;color:rgba(80, 129, 205,1);font-weight:600;text-transform: uppercase;margin: 10px 0px;line-height: 1;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.publicado { font-size: 12px;color: #fff;font-style: italic;text-align: right;width: 95%;background-color: rgba(80, 129, 205,.8);position: absolute;bottom: 0px;padding: 0% 5% 0% 0%;height: 30px;line-height: 30px; }
.descBlog { font-size: 16px; }
.CoverBlog:hover .tituloBlog { color: #bf182c }
.CoverBlog:hover .imgBlog { background-color: rgba(191, 24, 44, .6);background-blend-mode: multiply; }

/*********************** CATEGORIA BLOG ***********************/
.btnBlog { background-color: #bf182c;width: 150px;margin: 10px auto;text-align: center;padding: 5px 0px;color: #fff;text-transform: uppercase;font-size: 12px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.btnBlog:hover { width: 170px; }
.categoriaBlog .upper { font-size: 30px;text-align: center;text-transform: uppercase; }

/*********************** POST DE BLOG ***********************/
/*.imgPost { height: 300px;background-position: center center;background-size: cover;background-repeat: no-repeat;position: relative; }*/
.imgPost { height: auto;position: relative }
.tituloPost { text-align: center;line-height: 1;font-size: 24px; }
.publicado2 { text-align: center;font-size: 12px;color: #6a6a6a;font-style: italic;line-height: 1;margin-bottom: 10px; }
.share strong { text-align: center;display: block; }
.colSociales { background: #5081cd; border: 2px #5081cd solid; border-radius: 5px; max-width: 300px;margin: 0 auto; }
.colSociales li { color:#fff; float: left; width: 25% !important;margin: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;padding: 0 }
.colSociales li a { font-size: 14px; text-align: center; display: inline-block; line-height: 30px; width: 100%;padding: 0; }
.colSociales li:first-child:hover { background-color: #e6d75d; }
.colSociales li:nth-child(2):hover { background-color: #3b5998; }
.colSociales li:nth-child(3):hover { background-color: #1dcaff; }
.colSociales li:nth-child(4):hover { background-color: #34af23; }
.colSociales li:first-child:hover span, .colSociales li:first-child:hover i, .colSociales li .fa-whatsapp:hover, .colSociales li .fa-facebook:hover, .colSociales li .fa-twitter:hover { color: #fff }
.colSociales li span { padding-left: 5px; font-size: 12px; }
.noticias-recientes { background-color: #dadada;padding: 30px 0px }
.noticias-recientes h3 { font-size: 40px;line-height: 1;margin: 0; }
.noticias-recientes h3 span { font-size: 14px;letter-spacing: 2px; }
.back-blog-reciente { height: 250px;background-size: cover;background-repeat: no-repeat;background-position: center center;width: 95%;margin: 0 auto; }
.titulo-blog-reciente { text-align: center;text-transform: uppercase;font-size: 20px; }
.descripcionPost ul { margin: 20px 0px;padding: 0px 0px 0px 40px; }
.descripcionPost ul li { width: 100%;list-style: disc;list-style-position: inside;padding: 0;float: none !important; }
.descripcionPost ol li { width: 100%;list-style: decimal;list-style-position: inside;padding: 0;float: none !important; }
.descripcionPost a { display: inline-block;color:#5081cd; }
.noticias-recientes { padding: 30px 0px }
.noticias-recientes .col3 li a { width: 96%;margin: 0 auto }
.conteBlog li a:hover .imgBlog, .noticias-recientes .col3 li a:hover .imgBlog { background-color:rgba(0,0,0,.5);background-blend-mode: multiply; } 
.noticias-recientes h2 { text-align: center;font-size: 34px;margin: 0;line-height: 1;color: #010000; }
.noticias-recientes .detalle { width: 310px;margin: 20px auto; }
.tags a {padding: 5px 10px;display: inline-block;background-color: #0e1012;color: #fff;line-height: 1;font-size: 14px;margin: 2px;width: auto;text-transform: uppercase;}
.tags a:hover {background-color: #5081cc;}
.tags {width: calc(100% - 10px);margin: 5px;position: relative;}
.descripcionPost img { width: 100% !important;height: auto !important; }
.Vistas { width: 10%;
    text-align: left;
    color: #fff;
    position: absolute;
    bottom: 0px;
    line-height: 30px;
    padding-left: 10px;
    z-index: 9;
    font-size: 14px; }
/*********************** PAGINADOR BLOG ***********************/
.pagination { padding-left: 0; border-radius: 4px;margin: 20px auto;display: table;width: 100%; display: table; }
.pagination > li { display: inline;width: auto!important;padding: 0!important;float: none !important; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #1b171d; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #1b171d; background-color: #eee; border-color: #ddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #1b171d; border-color: #1b171d; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; }
.pager li { display: inline; }
.pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; }
.pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; }
.pager .next > a, .pager .next > span { float: right; }
.pager .previous > a, .pager .previous > span { float: left; }
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; }



/*********************** MEDIAS QUERIES ***********************/

@media screen and (min-width: 320px) and (max-width: 479px) {
	.col2 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col3 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col4 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col5 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col6 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col7 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col8 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col9 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.vertical-align { display: block; }
	.contenedor { width: 90%; }
	.movil { display: block }
	.desktop { display: none }
	p { font-size: 14px; }
	
	.abrirFlotante { width: 60px;height: 60px;top: 90px; }
	.abrirFlotante i { font-size: 30px;line-height: 30px;padding-top: 15px; }
	.btnWhats { bottom: 20px;left: 20px;width: 50px;height: 50px; }
	.btnWhats i { font-size: 30px;line-height: 30px; }

	header { background-color: rgba(59, 63, 67, 0.3); }
	.header_chico { background-color: rgba(59, 63, 67, 1) }
	.logo { width: 50%; }
	.logo img { width: 130px }
	.menu { display: none;width: 100%;margin-left: 0%;margin-top: 0%; }
	.menu li { width: 100%;float: left; }
	.menu li a { padding: 10px 0px;font-size: 14px; }
	.menu li a:before { display: none }
	.btn_movil { margin-top: 17px;width: 25px; }
	
	.Slider { height: 300px;margin-top: 70px; }
	.TextSlider { width: 90%;margin: 0 5%;top: 110px;display: block }
	.header_chico .TopHeader { display: none }
	.TopHeader a { text-align: center;font-size: 14px }
	.TopHeader .col3 { width: 100%;margin-left: 0%; }
	.TextSlider h1 { text-align: center;font-size: 24px; }
	
	.MainLogo { width: 150px; }
	.Casco { width: 250px; }

	.Servicios-01 .col4 li { width: 50%; }
	#Servicios > div > ul > li:nth-child(6) { margin-left: 0%;  }
	.Servicios-01 h3 { font-size: 30px;margin: 15px 0px }
	.Servicios-01:before, .Servicios-01:after { display: none }
	.Servicios-01 h4 { width: 90%;font-size: 16px;height: 70px;margin: 0px auto; }

	.Galeria-01 h3 { font-size: 30px;margin: 15px 0px }
	.BackCover { height: 250px; }
	.text p { width: 90%;margin: 0 auto;font-size: 14px; }
	.owl-prev, .owl-next { bottom: 230px; }
	
	.Contacto-01 { padding: 0px; }
	.Contacto-01 img { width: 270px; }
	#formContEN, #formCont { width: 270px;margin: 0 auto }
	#formContEN textarea, #formCont textarea, #formContEN input, #formCont input, #formContEN select, #formCont select { width: 255px; }
	input#submitformContEN, input#submitFormCont { width: 130px; }
	input#submitformContEN:hover, input#submitFormCont:hover, input#submitformContEN:disabled, input#submitFormCont:disabled { width: 150px }
	#formContEN label, #formCont label { font-size: 12px; }
	.Contacto-01 h3, .ventanaFlotante h3 { font-size: 30px;text-align: center; }
	.Contacto-01 p { margin: 15px auto;width: 270px;font-size: 14px;text-align: center; }
	
	footer img { width: 200px; }
	.AvisoFoot, footer a, footer .left { text-align: center;font-size: 16px; }
	.Copy p, .Copy a { font-size: 10px }
	
	.flotante { width: 320px;top: 30px;right: 50%;margin-right: -180px; }
	.ventanaFlotante form input:not([type="submit"]), .ventanaFlotante form select, .ventanaFlotante form input[type="submit"] { padding: 8px; }
	
	/*********************** BLOG ***********************/
	.Breadcrumbs { padding-top: 140px;text-align: center; }
	.Breadcrumbs .titulo-categoria { text-align: center;font-size: 14px; }
	.conteBlog, .conteCategoria { width: 98%;float: none;margin: 10px auto 30px auto; }
	.descripcionPost ul, .descripcionPost ol { padding: 0px 0px 0px 10px; }
	.descripcionPost ol li, .descripcionPost ul li { font-size: 14px;text-align: justify; }
	.conteCategoria h2 { text-align: center; }
	.listaBlog li { padding: 5px 20px;display: inline-block; }
	.listaBlog li:hover { padding: 5px 30px; }
	.noticias-recientes .col3 li:nth-child(1) { width: 100%; }
	.back-blog-reciente { height: 200px; }
	.titulo-blog-reciente { font-size: 18px; }
	.noticias-recientes h3 { font-size: 22px; }
	.noticias-recientes h3 span { font-size: 10px; }
	.conteBlog li { width: 98%; }
	.desktop { display: none; }
	.error404 h2 { font-size: 40px; }
	.error404 h2 span { font-size: 20px; }
	.error404 p { width: 80%; }


}
@media screen and (min-width: 480px) and (max-width: 599px) {
	.col2 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col3 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col4 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col5 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col6 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col7 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col8 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col9 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.vertical-align { display: block; }
	.contenedor { width: 90%; }
	.movil { display: block }
	.desktop { display: none }
	p { font-size: 14px; }
	
	.abrirFlotante { width: 60px;height: 60px;top: 90px; }
	.abrirFlotante i { font-size: 30px;line-height: 30px;padding-top: 15px; }
	.btnWhats { bottom: 20px;left: 20px;width: 50px;height: 50px; }
	.btnWhats i { font-size: 30px;line-height: 30px; }

	header { background-color: rgba(59, 63, 67, 0.3); }
	.header_chico { background-color: rgba(59, 63, 67, 1) }
	.logo { width: 50%; }
	.logo img { width: 130px }
	.menu { display: none;width: 100%;margin-left: 0%;margin-top: 0%; }
	.menu li { width: 100%;float: left; }
	.menu li a { padding: 10px 0px;font-size: 14px; }
	.menu li a:before { display: none }
	.btn_movil { margin-top: 17px;width: 25px; }
	
	.Slider { height: 280px;margin-top: 30px; }
	.TextSlider { width: 90%;margin: 0 5%;top: 110px;display: block }
	.header_chico .TopHeader { display: none }
	.TopHeader a { text-align: center;font-size: 14px }
	.TopHeader .col3 { width: 100%;margin-left: 0%; }
	.TopHeader .col3 li { width: 33.33% }
	.TextSlider h1 { font-size: 24px; }
	
	.MainLogo { width: 150px; }
	.Casco { width: 250px; }

	.Servicios-01 .col4 li { width: 50%; }
	#Servicios > div > ul > li:nth-child(6) { margin-left: 0%;  }
	.Servicios-01 h3 { font-size: 30px;margin: 15px 0px }
	.Servicios-01:before, .Servicios-01:after { display: none }
	.Servicios-01 h4 { width: 90%;font-size: 16px;height: 70px;margin: 0px auto; }

	.Galeria-01 h3 { font-size: 30px;margin: 15px 0px }
	.BackCover { height: 200px; }
	.text p { width: 70%;margin: 0 auto;font-size: 14px; }
	.owl-prev, .owl-next { bottom: 230px; }
	
	.Contacto-01 { padding: 0px; }
	.Contacto-01 img { width: 270px; }
	#formContEN, #formCont { width: 270px;margin: 0 auto }
	#formContEN textarea, #formCont textarea, #formContEN input, #formCont input, #formContEN select, #formCont select { width: 255px; }
	input#submitformContEN, input#submitFormCont { width: 130px; }
	input#submitformContEN:hover, input#submitFormCont:hover, input#submitformContEN:disabled, input#submitFormCont:disabled { width: 150px }
	#formContEN label, #formCont label { font-size: 12px; }
	.Contacto-01 h3, .ventanaFlotante h3 { font-size: 30px;text-align: center; }
	.Contacto-01 p { margin: 15px auto;width: 270px;font-size: 14px;text-align: center; }
	
	footer img { width: 200px; }
	.AvisoFoot, footer a, footer .left { text-align: center;font-size: 16px; }
	.Copy p, .Copy a { font-size: 10px }

	.flotante { width: 350px;top: 30px;right: 50%;margin-right: -195px; }
	.ventanaFlotante form input:not([type="submit"]), .ventanaFlotante form select, .ventanaFlotante form input[type="submit"] { padding: 8px; }
	
	/*********************** BLOG ***********************/
	.Breadcrumbs .titulo-categoria, .Breadcrumbs { text-align: center; }
	.conteBlog, .conteCategoria { width: 98%;float: none;margin: 10px auto 30px auto; }
	.conteCategoria h2 { text-align: center; }
	.listaBlog li { padding: 5px 20px;display: inline-block; }
	.listaBlog li:hover { padding: 5px 30px; }
	.noticias-recientes .col3 li:nth-child(2), .noticias-recientes .col3 li:nth-child(3) { width: 50%; }
	.back-blog-reciente { height: 200px; }
	.titulo-blog-reciente { font-size: 18px; }
	.noticias-recientes h3 { font-size: 22px; }
	.noticias-recientes h3 span { font-size: 10px; }
	.conteBlog li { width: 48%; }
	.desktop { display: none; }
	.error404 h2 { font-size: 40px; }
	.error404 h2 span { font-size: 20px; }
	.error404 p { width: 60%; }


}
@media screen and (min-width: 600px) and (max-width: 1023px) {
	.contenedor { width: 90%; }
	.movil { display: block }
	.desktop { display: none !important }

	.abrirFlotante { width: 60px;height: 60px;top: 90px; }
	.abrirFlotante i { font-size: 30px;line-height: 30px;padding-top: 15px; }
	.btnWhats { bottom: 20px;left: 20px;width: 50px;height: 50px; }
	.btnWhats i { font-size: 30px;line-height: 30px; }
	
	header { background-color: rgba(59, 63, 67, 0.3); }
	.header_chico { background-color: rgba(59, 63, 67, 0.6); }
	.menu { display: none;width: 100%;margin-left: 0%;margin-top: 0%; }
	.menu li { width: 100%;float: left; }
	.menu li a { padding: 10px 0px }
	.menu li a:before { display: none }
	
	.Slider { height: 500px }
	.TextSlider { width: 90%;margin: 0 5%;top: 200px }
	.TopHeader .col3 { width: 100%;margin-left: 0%; }
	.TextSlider h1 { text-align: center;font-size: 40px; }
	
	.Inicio-01 .col2 li { width: 100%;float: left; }
	.Casco { width: 300px; }

	.Servicios-01 h3 { font-size: 36px;margin: 20px 0px }
	.Servicios-01:before, .Servicios-01:after { display: none }
	.Servicios-01 h4 { width: 90%;font-size: 18px; }

	.Galeria-01 h3 { font-size: 36px;margin: 20px 0px }
	.BackCover { height: 350px; }
	.owl-prev, .owl-next { bottom: 230px; }
	
	.Contacto-01 { padding: 0px; }
	.Contacto-01 .col2 li { width: 100%;float: left }
	.Contacto-01 img { width: 400px; }
	#formContEN, #formCont { width: 400px;margin: 0 auto }
	#formContEN textarea, #formCont textarea, #formContEN input, #formCont input, #formContEN select, #formCont select { width: 385px; }
	input#submitformContEN, input#submitFormCont { width: 170px; }
	.Contacto-01 h3, .ventanaFlotante h3 { font-size: 36px;text-align: center; }
	.Contacto-01 p { margin: 15px auto;width: 400px; }
	
	footer .col3 li { width: 100%;float: left }
	.AvisoFoot, footer a, footer .left { text-align: center; }
	
	.flotante { width: 350px;top: 20px;right: 50%;margin-right: -195px; }
	.ventanaFlotante form input:not([type="submit"]), .ventanaFlotante form select, .ventanaFlotante form input[type="submit"] { padding: 8px; }

	/*********************** BLOG ***********************/
	.conteBlog, .conteCategoria { width: 98%;float: none;margin: 10px auto 30px auto; }
	.conteCategoria h2 { text-align: center; }
	.listaBlog li { padding: 5px 20px;display: inline-block; }
	.listaBlog li:hover { padding: 5px 30px; }
	.noticias-recientes .col3 li:nth-child(1) { width: 100%; }
	.noticias-recientes .col3 li:nth-child(1) .imgBlog { height: 300px; }
	.noticias-recientes .col3 li:nth-child(2) .imgBlog, .noticias-recientes .col3 li:nth-child(3) .imgBlog { height: 200px; }
	.noticias-recientes .col3 li:nth-child(1) a { width: 98%; }
	.back-blog-reciente { height: 200px; }
	.titulo-blog-reciente { font-size: 18px; }
	.noticias-recientes h2,.noticias-recientes h3 { font-size: 30px; }
	.noticias-recientes h3 span { font-size: 12px; }
	.desktop { display: none; }
	.error404 p { width: 50%; }

}


@media screen and (min-width: 1024px) and (max-width: 1439px) {
	.contenedor { width: 960px; }
	.movil { display: none; }

	.abrirFlotante { width: 80px;height: 80px; }
	.abrirFlotante i { font-size: 40px;line-height: 40px; }
	.btnWhats { background: #009740;position: fixed;bottom: 40px;left: 40px;z-index: 10;width: 60px;height: 60px;border-radius: 50%;cursor: pointer; }
	.btnWhats i { color: #fff;font-size: 40px;line-height: 40px;display: block;text-align: center;padding-top: 10px; }
	/*********************** HEADER ***********************/
	.TopHeader a { font-size: 14px }
	.menu { width: 50%;margin-left: 20%; }
	.TopHeader .col3 { width: 55%;margin-left: 45%; }
	.Slider { height: 550px; }
	.TextSlider { width: 80%;margin: 0 10%;top: 220px; }
	.TextSlider h1 { font-size: 40px }
	
	.Contacto-01 h3, .Galeria-01 h3, .Servicios-01 h3, .ventanaFlotante h3 { font-size: 36px; }
	.Servicios-01 h4 { font-size: 20px;width: 200px; }
	.Servicios-01:before { width: 260px;height: 179px; }
	.Servicios-01:after { width: 270px;height: 180px;top: 400px; }
	
	.Contacto-01 p, #formContEN, #formCont { width: 450px; }
	#formContEN input, #formCont input, #formContEN select, #formCont select { width: 435px; }
	#formContEN textarea, #formCont textarea { width: 435px; }
	input#submitformContEN, input#submitFormCont { width: 180px; }
	.Contacto-01 h3 { margin: 10px 0px 0px 0px }
	.Contacto-01 img { width: 90%; }
	
	.AvisoPop h3 { font-size: 26px; }

	.flotante { width: 350px;top: 90px; }
}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
	.movil { display: none; }	
}
@media (min-width: 1440px){
	.movil { display: none; }
}

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; /* change if the mask should have another color then white */ z-index: 9999; /* makes sure it stays on top */ }

#status { width: 200px; height: 200px; position: absolute;left: 50%; /* centers the loading animation horizontally one the screen */ top: 50%; /* centers the loading animation vertically one the screen */ background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif); /* path to your loading animation */ background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; /* is width and height divided by two */ }