@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900|PT+Serif:400,700');
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon/icomoon.eot?');
  src:  url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.ttf?') format('truetype'),
    url('../fonts/icomoon/icomoon.woff?') format('woff'),
    url('../fonts/icomoon/icomoon.svg?#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-comillas:before {
  content: "\e901";
}
.icon-der:before {
  content: "\e902";
}
.icon-izq:before {
  content: "\e904";
}
.icon-instagram:before {
  content: "\e900";
}
.icon-menu:before {
  content: "\e908";
}
.icon-fb:before {
  content: "\e903";
}
.icon-tel:before {
  content: "\e906";
}


*,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0;outline:none;}
html{overflow-y:scroll; overflow-x:hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,sub,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{color:#333;font-family:'Lato', Arial, Helvetica, sans-serif; font-size:16px; font-weight:300;margin:0;counter-reset:contador;}
a{color:#333;background:transparent;text-decoration:none}
a:focus{outline:0}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0;line-height:0}
img{width:100%}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
.clear{clear:both}
[class^="show"]{display: none}
a,button,a:after,button:after,a:before,button:before,input[type="submit"],button[type="submit"],input[type="reset"],button[type="reset"]{
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
a:hover,a:after,button:after,a:before,button:before,button:hover,input[type="submit"]:hover,button[type="submit"]:hover,input[type="reset"]:hover,button[type="reset"]:hover{
	-webkit-transform: opacity(1);
	-moz-transform: opacity(1);
	-ms-transform: opacity(1);
	-o-transform: opacity(1);
	transform: opacity(1)
}
p{
	font-size: 15px;
}
p, ul{
	color:#848484;

}
/****************************
COLUMNAS
****************************/
.col-xl-12,
.col-lg-12,
.col-mg-12,
.col-md-12,
.col-mc-12,
.col-ch-12{
	margin: 0;
}

[class^=col-]{
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	display:inline-block;
	margin:0 -2px;
	vertical-align:top;
}

.col-xl-1 {width: 8.33333%;}
.col-xl-2 {width: 16.666%;}
.col-xl-3 {width: 25%;}
.col-xl-4 {width: 33.33%;}
.col-xl-5 {width: 41.66667%;}
.col-xl-5-1 {width: 20%;}
.col-xl-6 {width: 50%;}
.col-xl-7 {width: 58.33333%;}
.col-xl-8 {width: 66.66667%;}
.col-xl-9 {width: 75%;}
.col-xl-10 {width: 83.33333%;}
.col-xl-11 {width: 91.66667%;}
.col-xl-12 {width: 100%;}

/**************************************
MENU PRINCIPAL
**************************************/
nav{
	display:block;
	width:100%;
}

nav ul{
	text-align:center;
	list-style:none;
}

nav ul li{
	display:inline-block;
	font-size: 15px;
	margin:0 -2px;
	position:relative;
	text-align:center;
	vertical-align:middle;
}

nav ul li:first-child{
	border-left:0;
}

nav ul li a:link{
	outline:none;
}
nav ul li > a{
	color: #6b6b6b;
	display:inline-block;
	font-weight: 500;
	padding:10px 30px;
	position:relative;
	border-bottom: 2px solid transparent;
}
nav ul li > a:hover{
	border-bottom: 2px solid #012c6c;
}
nav ul li > a figure img{
	max-width: 200px;
}
nav ul li > .logo:hover {
	border-bottom: 2px solid transparent;
}
nav ul li > span{
	color: #698ab3;
	display: inline-block;
	font-size: 35px;
}
nav ul li > .nav{
	color: #fff;
}
nav ul li > a:after > .logo{
	display: none;
}
nav ul li .children {
    width: 180px;
    display: none;
    position: absolute;
    z-index: 1000;
}

nav ul li .children li {
    background:#fafafa;
    border: 0;
    border-top:1px solid #ddd;
	color:#333;
    display: block;
	margin:0;
	width:103%;
}

nav ul li .children li a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    font-size: 1em;
    text-align: left;
    padding: 15px;
}

nav ul li:hover .children {
    display: block;
}

nav ul li .children2 {
    width: 180px;
    display: none;
	float:none;
    position: absolute;
    z-index: 1000;
	left:185px;
	top:0;
}

nav ul li .children2 li {
    background:#f0f0f0;
    border: 0;
    border-top:1px solid #ddd;
	color:#333;
    display: block;
	margin:0;
    overflow: hidden;
	width:103%;
}

nav ul li .children2 li a {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    font-size: 0.9em;
    text-align: left;
    padding: 15px;
}

nav ul li:hover .children li:hover .children2 {
    display: block;
}

.menu_bar{
	display:none
}
.bt-m{
	display:none !important;
}
.cerrar{
	display:none;
}
/**************************************
MENU SECCIONES
**************************************/
#pull{
	display:none;
}

.menu_categorias{
	list-style:none;
	text-align: center;
	width:100%;

}
.menu_categorias li{
	color: #333;
	display: inline-block;
	font-size: 22px;
	font-family: 'PT Serif', serif;
	font-weight: 400;
	margin: 0 -2px;
	text-transform: uppercase;
	vertical-align: top;
}
.menu_categorias li a {
	border:1px solid #444;
	color: #333;
	display:block;
	padding:15px 15px;
}
/*.menu_categorias li a:before {
	border-left: 6px solid #f58426;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	content:'';
	left:15px;
	position:absolute;
	top:22px;
}*/

.menu_categorias li a:hover,
.menu_categorias li a.activo{
	background:#b02828;
	border:1px solid #b02828;
	color: #FFF;
}
.seleccionado {
	background: #F10033;
	color: #FFF !important;
}

.menu_categorias li a:hover {
	color: #FFF;
}

/**************************************
GENERALES
**************************************/
.contenedor {
	width: 1280px;
	margin: 0px auto;
}

.Cont50-left{
	width: 640px;
	margin-right: 0;
	margin-left: auto;
}

.Cont50-right{
	width: 640px;
	margin-right: auto;
	margin-left: 0;
}
.show1280,
.show1024,
.show960,
.show736,
.show568,
.show480{
  display: none !important; }
/**************************************
HEADER
**************************************/
.after{
	color: #012c6c;
	font-size: 30px;
	margin-top: 2em;
	text-align: center;
	text-transform: uppercase;
}
.after:after{
	content: '';
    background: #012c6c;
    display: block;
    margin: 0 auto;
    height: 3px;
    width: 70px;
    margin-bottom: 2em;
    margin-top: 10px;
}
.afterBlanco{
	color: #fff;
	font-size: 40px;
	text-align: center;
	text-transform: uppercase;
}
.afterBlanco:after{
	content: '';
    background: #fff;
    display: block;
    margin: 0 auto;
    height: 3px;
    width: 70px;
    margin-bottom: 2em;
    margin-top: 10px;
}
.Beneficios{
    text-align: center;
}
.Beneficio{
    color: #fff;
    text-align: center;
}
.Beneficio p{
	color: #fff;
    border: 4px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    height: 150px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 150px;
}
.Beneficio p span{
    font-size: 17px;
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 100%;
    z-index: 10;
}
.B-margin{
    margin-top: 7em;
}
.B-margin:before,
.B-margin:after{
    border: 1px dashed #fff;
    content: '';
    display: block;
    top: 25px;
    width: 130px;
}
.B-margin:before{
    left: -67px;
    position: absolute;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}
.B-margin:after{
    right: -67px;
    position: absolute;
    -ms-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);

}
.encabezado{
	background: #012c6c;
	padding: 10px 0;
	text-align: right;
}
.encabezado a{
	color: #fff;
	display: inline-block;
}
.encabezado a span {
	font-size: 20px;
    padding: 10px;
    vertical-align: middle;
}
header{
	width: 100%;
}
.H-Absolute{
	background: rgba(255,255,255,0.7);
	position: absolute;
	z-index: 90
}
header div.contenedor{
	padding: 0px 0;
}
header.HeaderFix {
    background: #fff; 
    z-index: 10; 
    width: 100%; 
    position: fixed;
    top: 0 !important;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
header.HeaderFix div.contenedor .logo img{
   width: 50%;
}
figure.logo a{
	display: inline-block;
}
figure.logo,.navegacion{
	vertical-align: middle;
}

/**************************************
INDEX
**************************************/
.fondoColor{
	background: #e4e4e4;
	padding: 2em 0;
}
.fondoImg{
	background-repeat: no-repeat;
	background-size: cover;
	padding: 2em 0;
}
.fondoFixed{
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3em 0;
    position: relative;
}
.fondoColor h2{
	margin-top: 1em;
}
.fondoColor h2:after{
	margin-bottom: 1em;
}
.formulario input{
	background: #fff;
    border: 0;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 1em;
    padding: 10px;
    width: 100%;
}

.formulario textarea{
	width: 100%;
	margin-top: 10px;
	background: #fff;
    border: 0;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 1em;
    padding: 10px;
    height: 150px;
    max-height: 150px;
    min-height: 150px;
    max-width: 100%;
}
.gracias .afterBlanco:after{
	margin-bottom: 0em;

}
.btn {
	text-align: right;	

}
.btn button{
	background: #838383;
	border: 1px solid #838383;
	color: #fff;
	padding: 10px 50px;


}
.Nuestros  p{
	color: #848484;
	margin: 15px 0;
	text-align: center;
}
.Nuestros figure{
	background: #012c6c;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin: 0 auto;
    width: 150px;
    height: 150px;
    padding:5px;
}
.responsive{
	margin: 1em 0 2em 0;
}
.responsive img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    max-width: 300px;
    opacity: .5;
}
.responsive  img:hover{
	-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
	opacity: 1;
}
.ServiciosImg{
	background: url(pleca.png) center right no-repeat;
    background-size: 15px;
    min-height: 206px;
    vertical-align: middle;
}
.ServiciosImg img{
	max-width: 400px;
}
.Servicios {
	padding:  0 25px;
}
.Servicios h2{
	font-size: 25px;
}
.Servicios ul{
    font-size: 15px;
    margin: 1em 0 1em 1em;
    position: relative;
}
.Servicios ul li{
	color: #7d7d7d;
    display: block;
    font-weight: 300;
    margin: 0 -2px 5px -2px;
    padding: 0 10px;
    position: relative;
    text-align: justify;
    vertical-align: top;
}
.Servicios ul li:before{
    content: ' • ';
    color: #012c6c;
    left: -5px;
    font-size: 20px;
    top: -2px;
    position: absolute;
}
.single-exito div{
	margin: 0 20px 20px 20px;

}
.single-exito article {
	background: #fff;
    padding: 4em 3em;
    margin-left: 30px;
    text-align: justify;
}
.single-exito div > span{
	background: #012c6c;
    color: #fff;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    font-size: 30px;
    padding: 20px;
    display: inline-block;
    position: relative;
    margin-bottom: -20px;
    top: 15px;
}
.single-item > div{
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
}
.S-Texto {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.S-Texto div  {
	display: table;
    width: 100%;
    height: 100%;
}
.S-Texto > div > div {
	display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center
}
.S-Texto > div > div p,
.S-Texto > div > div h2{
	color: #fff; 
	font-size: 80px;
	text-transform: uppercase;
	
}
.Video .after{
	margin-top: 0;
}
.Video .after:after{
    margin-bottom: 1em;
}
.Video p{
	font-size: 15px;
	margin-top: 15px;
	text-align: justify;
}
/**************************************
AVISO DE PRIVACIDAD
**************************************/
.Aviso p{
	text-align: justify;
	line-height: 1.5em;
	margin-bottom: 1em;
}

.Aviso a{
	color: #333;
}

.Aviso ul{
	list-style: none;
	margin-bottom: 1em;
}

.Aviso ul li{
	font-weight: 700;
}


/**************************************
ERROR 404
**************************************/
.E404{
	display:block;
	margin:30px auto;
	text-align:center;
	max-width:600px;
	border:1px #ccc solid;
	padding:20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#333;
	background:rgba(250,250,250,1);
	background:-moz-linear-gradient(top,rgba(250,250,250,1) 0%,rgba(238,238,238,1) 100%);
	background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(250,250,250,1)),color-stop(100%,rgba(238,238,238,1)));
	background:-webkit-linear-gradient(top,rgba(250,250,250,1) 0%,rgba(238,238,238,1) 100%);
	background:-o-linear-gradient(top,rgba(250,250,250,1) 0%,rgba(238,238,238,1) 100%);
	background:-ms-linear-gradient(top,rgba(250,250,250,1) 0%,rgba(238,238,238,1) 100%);
	background:linear-gradient(to bottom,rgba(250,250,250,1) 0%,rgba(238,238,238,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#eeeeee',GradientType=0)
}

.E404 h1{
}

.E404 h2{
}

.E404 figure{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	text-align:center
}

.E404 figure img{
	max-width:250px;
	display:inline-block;
	/*mix-blend-mode:multiply*/
}

/**************************************
FOOTER
**************************************/
footer{
	color: #fff;
	background: #303030;
	display: inline-block;
	padding: 1em 0;
	text-align: center;
	width: 100%;
}
footer a{
	color: #fff;
	font-size: 20px;
}