@charset "utf-8";
/* CSS Document */

body{ 	
	height: 100%;
	padding: 0;		
	text-align:left;
	margin:0px;
	position:relative;
	background:url(../img/background.jpg) repeat-y;
	background-size:cover;
	background-attachment: fixed;
	font-family: 'Museo Sans';
	font-weight:300;
	font-size:15px;
	color:rgba(116,116,116,1.00);	
	}

html{
	height: 100%;
	padding: 0;
	}		
	
img{ 
	border:none;
	vertical-align:middle;
	}

/*MAIN*/

.mainTable{
	width:100%;
	height:100%;	
	}
	
a {
	outline: none;
}

.rollOver{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-html-opacity: 1;
	opacity: 1;
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
}

.rollOver:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-html-opacity: 0.6;
	opacity: 0.6;
	background:none;
}
	
/*HEADER*/

header{
	background:url(../img/background.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:fixed;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	top:0px;
	left:0px;
	z-index:999;
	padding:30px 0px 30px 40px;
	}

header, .header{
	height:140px;
	}
	
.btnResponsivo{
	position:absolute;
	top:0px;
	right:0px;
	display:none;
	height:70px;
	width:70px;
	text-align:center;
	box-sizing:border-box;
	z-index:9999;
	}
	
.btnResponsivo img{
	width:30px;
	margin-top:20px;
	}
	
	
/*MENU PRINCIPAL*/

.btnResponsivo{
	display:none;
	}

.logoHead{
	display:inline-block;
	box-sizing:border-box;
	width:185px;
	float:left;
	}
	
.logoHead img{
	width:100%;
	}

.menuPrincipal{
	box-sizing:border-box;
	display:inline-block;
	float:right;
	height:80px;
	line-height:80px;
	vertical-align:middle;	
	font-weight:500;	
	}
	
.menuPrincipal a{
	text-transform:uppercase;
	display:inline-block;
	box-sizing:border-box;
	margin:0px 40px;
	color:rgba(71,71,71,1.00);
	text-decoration:none;
	font-size:1.2em;
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
	}

.menuPrincipal a:hover{
	color:rgba(0,0,0,1);		
	}
	
.menuPrincipal a.activo{
	color:rgba(0,0,0,1);
	font-weight:700;
	}

/*MENU RESPONSIVO*/

.sb_hubyx .submenu{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	border-top:rgba(155, 55, 93, 1) solid 1px;
	}
	
.sb_hubyx .submenu a{
	color:rgba(255,255,255,.5)
  }


/*FOOT*/
.foot{
	height:1px;
	padding:20px 40px;
	background:rgba(0,0,0,1.00);
	color:rgba(255,255,255,1.00);
	font-size:.9em;
	font-weight:500;
	text-align:center;
	}
	
.tablaFoot{
	margin:0 auto;	
	}
	
.footExtra{
	float:left;
	width:100%;	
	}
	
.tablaFoot span{
	font-size:.8em;
	margin-right:5px;
	margin-top:-3px;
	}
	
.tablaFoot .fa-stack-2x{
	color:rgba(0,170,166,1);
	}
	
.tablaFoot .fa-stack-1x{
	color:rgba(0,0,0,1);
	}
	
.tablaFoot td{
	vertical-align:top;
	padding:0px 40px;
	}
	
.linkBlanco{
	color:rgba(255,255,255,1.00);
	text-decoration:none;	
	}
		
.dr_vitech{
	display:inline-block;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	margin-top:10px;
	font-size:.7em;
	}	
	
/*WALLPAPER*/

.wallpaper{
	display:inline-block;
	width:100%;
	height:auto;
	position:relative;
	max-height:100%;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	}
	
.wallpaper .bk, .cycle-slideshow{
	z-index:-9;	
	}
	
.wallpaper .bk img{
	width:100%;	
	}	

/*CONTENIDO*/

.contenido{
	vertical-align:top;
	}	

.vMiddle{
	vertical-align:middle !important;	
	}


.carrusel{
	display:inline-block;
	box-sizing:border-box;
	width:100%;	
	}
	
.carrusel img{
	width:100%;
	}
	
.boxPic{
	display:inline-block;
	box-sizing:border-box;
	float:left;
	width:100%;
	padding:40px;
	text-align:center;
	float:left;
	margin-bottom:40px;
	}

/*NOSOTROS*/

.frase{
	background:url(../img/nosotros/frase.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	color:rgba(0,0,0,1.00);
	font-size:2.2em;
	font-family: 'Nilland-Black';
	text-align:center;
	}
	
.frase .titulo{
	color:rgba(255,255,255,1.00);
	font-family: 'Museo Sans';
	font-weight:500;
	}

.txtWidth{
	width:100%;
	max-width:500px;
	margin:0 auto;	
	}
	
.txtBox{
	display:inline-block;
	box-sizing:border-box;
	padding:40px;	
	text-align:justify;
	line-height:2em;
	}
	
.tituloBig{
	font-weight:300;
	font-size:3em;
	text-align:center;
	margin-bottom:40px;
	line-height:1em;
	text-transform:uppercase;
	color:rgba(0,0,0,1.00);
	}
	
.boxBlanco{
	background:rgba(255,255,255,1.00);
	}
	
.boxBlancoAlpha{
	background:rgba(255,255,255,.9);
	}
	
.boxNegro{
	background:rgba(0,0,0,.8);
	color:rgba(255,255,255,1.00);
	}
	
.boxVerde{
	background:rgba(0,170,166,.7);
	color:rgba(255,255,255,1.00);
	}
	
.boxNegro .tituloBig{
	color:rgba(0,170,166,1)
	}
	
.ulBulletBig{
	list-style-type: none;
	margin:0px;
	padding:0px;
	margin-left:18px;
	text-align:left;
	}

.bulletChevron li{
	padding-bottom:1em;}
	
.bulletChevron li:before { 
	font-family: 'FontAwesome';
	content: '\f105';
	margin:0 5px 0 -12px;
}

.bulletPlus li:before { 
	font-family: 'FontAwesome';
	content: '\f105';
	margin:0 5px 0 -12px;
	
}

.alignLeft{
	text-align:left !important;	
	}
		
/*FONDOS TXT*/	
	
.bk_nosotros{
	background:url(../img/nosotros/1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	}
	
.bk_mision{
	background:url(../img/nosotros/mision.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	}
	
	
.bk_procedimiento{
	background:rgba(255,255,255,1.00);
	}
	
.bk_procedimiento_extra{
	background:url(../img/procedimiento/procedimiento.jpg);
	background-size:cover;
	}
	
.bk_contacto{
	background:rgb(0, 170, 166);	
	}
	
.bk_servicios{
	background:rgba(0,0,0,.5);
	margin-bottom:0px;
	}
	
/**/

.tabla2Cols{
	width:100%;
	}

.tabla2Cols td{
	vertical-align:top;	
	}
	
.tabla2Cols td:first-child{
	padding-right:20px;
	width:200px;
	}
	
.tabla2Cols td:last-child{
	padding-left:20px;
	}
	
.tituloBigNilland{
	font-weight:300;
	font-size:3em;
	text-align:center;
	margin-bottom:40px;
	line-height:1em;
	font-family: 'Nilland-Black';
}

.tablaProcedimiento{
	width:100% !important;
	max-width:80% !important;
	margin:0 auto;
	}
	
.tablaProcedimiento td{
	width:50%;
	text-align:left;
	}

.floatCenter{
	display:inline-block;
	margin:0 auto;	
	}

/*CONTACTO*/

.tablaContacto{
	max-width:800px;	
	}

.tablaContacto .tituloBigNilland{
	color:rgba(255,255,255,1.00);
	margin:0px;	
	}

.tablaContacto td{
	vertical-align:middle;
	}
	
.txtBoxNoPad{
	padding:0px;
	}
	
.boxForm, .formEnviado{
	background:rgba(0,0,0,1.00);
	padding:10px;
	color:rgba(255,255,255,1.00);	
	display:inline-block;
	width:100%;
	min-width:500px;
	box-sizing:border-box;
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
	}
	
.boxForm input, .boxForm textarea{
	width:100%;
	background:rgba(0,0,0,1.00);
	border:none;
	border-bottom:1px solid rgba(255,255,255,1.00);
	display:inline-block;
	box-sizing:border-box;
	float:left;
	color:rgba(255,255,255,1.00);
	font-size:1.2em;
	font-family: 'Museo Sans';
	font-weight:300;
	margin-bottom:10px;
	padding:0px 0px 4px 0px;
	}
	
.boxForm textarea{
	border:none;
	height:150px;
	resize:none;
	}
	
.btnEnviar{
	font-size:1em;
	font-family: 'Museo Sans';
	font-weight:300;
	background:rgba(255,255,255,1.00);
	color:rgba(0,0,0,1.00);
	border:none;
	padding:2px 10px;
	float:right;
	cursor:pointer;
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
	}
	
.btnEnviar:hover{
	background:rgba(255,255,255,.5);
	}
	
.warning{
	color:rgb(0, 170, 166);
	display:inline-block;
	float:left;
	box-sizing:border-box;
	padding:0px;
	font-size:.9em;
	width:100%;
	text-align:right;
	}
	
/*SERVICIOS*/

.colorBlanco{
	color:rgba(255,255,255,1.00) !important;	
	}
	
.noMargin{
	margin:0px !important;	
	}

.gridProds{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	}
	
.gridProds .col_a{
	width:35%;
}

.gridProds .col_b{
	width:30%;
}

.gridProds .col_c{
	width:40%;
}

.gridProds .col_full{
	width: 100%;
}

.thumbCont{
	display:inline-block;
	box-sizing:border-box;
	float:left;
	position:relative;
	overflow:hidden;
	height:100%;
	text-align:center;
	width:100%;
	}

.gridProds .thumb{
	display:inline-block;
	box-sizing:border-box;
	float:left;
	position:relative;
	overflow:hidden;
	height:300px;
	padding:5px;
	text-align:center;
	vertical-align:middle;	 
}
	
.gridProds .thumb .pic{
	position:absolute;
	height:inherit;
	
	transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
	width:100%;	
	}
	
.gridProds .thumb .pic img{
	height:100%;
	width: 100%;
	object-fit: cover;
	}

	
.zoom{
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Safari */
    transform: scale(1.2,1.2); /* Standard syntax */ 	
	}
	
.gridProds .thumb .etiqueta{
	width:100%;
	text-align:center;
	position:absolute;
	top:50%;
	transform: translate(0%, -50%);
	z-index:1;
	display:inline-block;
	box-sizing:border-box;
	padding:5px;
	left:0px;
}

.gridProds .thumb .etiqueta .texto{
	background:rgba(0,0,0,.5);
	color:rgba(255,255,255,1.00);
	text-transform:uppercase;
	text-align:center;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	padding:10px;
	}
	
/**/

.alignCenter{
	text-align:center !important;
	}
	
.boxProductos{
	width:100%;
	max-width:1000px;
	}

.floatBox{
	display:inline-block;
	box-sizing:border-box;
	padding:40px;	
	}
	
.fb_left{
	float:left;	
	}
	
.fb_centro{
	margin:0 auto;
	}
	
.fb_right{
	float:right;	
	}
	
/**/

.grid-galeria{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin: 30px auto;
  max-width: 1200px;
  grid-gap: 15px;
  padding: 0 30px;
}

.grid-galeria a{
	overflow: hidden;
	height: 100%;
}

.grid-galeria a:nth-child(6n + 4){
	grid-area:span 2/span 2; /* 1 and 6 take 2 rows and 2 columns */
}

.grid-galeria img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}



