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

@import url('https://fonts.googleapis.com/css?family=Cairo:300,400|Fira+Sans:300,400|Ramabhadra&display=swap');
	/*
font-family: 'Fira Sans', sans-serif;
font-family: 'Cairo', sans-serif;
font-family: 'Ramabhadra', sans-serif;
	*/
	
.logo{width:150px;border:0;cursor:pointer;padding:0 25px;}

.menu-pc b[class*='icon-']{display:none;cursor:pointer;position:absolute;
font-size:45px;float:right;right:30px;top:40px;color:white;}
.menu-pc b[class*='icon-']:hover{color:orangered;}


#spanlogo{position:absolute;top:20px;left:200px;padding:10px 0;line-height:1.7em; 
		font-size:9.5pt;font-weight:bold;color:#3B3B3B;cursor:context-menu;width:50%;}
#top{height:60px;}
.sitemaster{padding-top:20px;overflow:hidden;margin:0 auto;}

@media screen and (max-width:579px){
#spanlogo{position:relative;top:0;left:0;line-height:1.4em;width:84%;margin:0 auto;font-size:9pt;}  #top{height:120px;}
}


/*** style marquee **/
.certbrand{background:rgba(9,102,84,.65);color:white;overflow:hidden;}
.certbrand div{width:1900px;padding:10px 0;
display:inline-block;padding-left: 100%;
animation: marquee 22s linear infinite;}

.certbrand img, .certbrand span{display:inline-block;vertical-align:middle;z-index:1;}
.certbrand img{height:43px;padding:0 15px;}
.certbrand span{text-transform:uppercase;padding:0 12px;margin:5px 20px;letter-spacing:0.05em;line-height:1.3em;text-align:center;border-left:2px solid white;border-right:2px solid white;font-size:14px;color:white;font-weight:bolder;}

.certbrand div:hover, .certbrand div:active{animation-play-state: paused;}

@keyframes marquee { 0%{transform: translate(0, 0);} 100%{transform: translate(-100%, 0);} }

/****** menu options ***/
.navican{position:absolute;font-style:normal;float:right;right:20px;top:46px;font-size:14px;pading:0;}
a.upsitelk{border-right:1px white solid;}

#span{padding-left:10px;text-align:left;font-size:9pt;color:darkslategray;}
#span a{text-decoration:none;color:darkslategray;}
#span a:hover{color:orangered;}
#span{*display:none;}

.upsitelk{font-family: 'Cairo', sans-serif;color:white;text-decoration:none;font-weight:bold;letter-spacing:0.05em;padding:0 10px;}
.upsitelk:hover{color:darkslategrey;}

@media screen and (max-width:1172px){.navican{display:none;} .menu-pc b[class*='icon-'], .navimovil{display:block;} }



/************** productos **********************/
.upper{width:100%; background: url("data_us/05.jpg") no-repeat center; background-size:cover;}
.infoupper{width:90%;margin:0 auto;padding:40px 0 80px;text-align:center;
color:#0F2745;font-size:11pt;line-height:1.6em;font-weight:bold;}
.infoupper span{background:#19335C; color:white; padding:0 10px 0 8px;font-weight:normal;}


/*************** SLIDER IMAGES *********************/

	.imgprod, .imgmore{ width:130px; margin:8px; padding:4px; background:white; box-shadow:0 0 5px 0 gray; transition:all .2s ease-out; vertical-align:top; }
	.imgprod{opacity:0.85;} 	.imgprod:hover{opacity:1;}
	.imgprod:hover, .imgmore:hover{transform:scale(2.4); transition: all .2s ease-in;z-index:2;position:relative;cursor:pointer;}
	
@media screen and (max-width:480px){.infoupper{width:95%;} 
	.imgprod, .imgmore{width:140px;opacity:1;}
	.imgmore:hover, .imgprod:hover{transform:scale(1);} }
	
	/********** POP UP IMAGE & LOADDER ***********/
.viewimage{background:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;z-index:20;top:0;left:0;overflow:hidden;display:none;}
.viewimage p{color:darkslategrey;font-size:18px;position:absolute;top:5px;
	right:0;cursor:pointer;padding:8px 15px;background:#DADADA;}
	#dataimg{position:relative;margin:0 auto;
	max-width:580px;width:90%;
	padding:10px;background:white;top:-1200px; opacity:0;}
	
.iggdat{box-shadow:0 0 5px 0 gray;display:block;width:100%; ;}

.backload{position:fixed;width:100%;height:100%;}
.loader {
				position:relative;padding:50px;width:100px;top:50%;margin:0 auto;
    background: url('products/00load.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8; z-index:500;
}

/************** productos **********************/

/********************* somos ******************/
.weare{padding:50px 0;}
.weare div.somos{color:#0A1B5B;font-size:11pt;text-align:justify; width:58%; *min-width:500px;
	
			}

.somos, .weinncon{display:inline-block;vertical-align:middle;*margin:0 30px;}

/**************** icon certigi **********************/
.weinncon{ width:38%;
			margin:0 auto; text-align:center;
			background: rgba(255,255,255,0.6); *padding:0px 0;}
.weiconsite{max-width:160px;width:80%;}
.weiconsite{display:inline-block; vertical-align:middle;}
.weiconsite{padding:8px;margin:10px 2px;font-size:12px;text-align:center;color:#CB5613;font-weight:bold;letter-spacing:0.05em;line-height:1.2em;}

.weiconsite img{height:100px;}
.weifdetal{color:darkslategray;font-size:11px;text-align:justify;}
/********************* somos ******************/

/************** materiales **********************/
.matr{background: url("data_us/03.jpg") no-repeat center; background-size:cover;}
.infomate{width:100%;display:inline-block;padding:30px 0;border-bottom:1px dashed #CB5613;font-size:9pt;line-height:1.6em;text-align:justify;}
.infomate img{max-width:200px;width:100%;float:left;margin:0px 40px 20px 0;border:0;}

@media screen and (max-width:500px){
.infomate img{float:none;display:block;margin:0 auto;padding:25px 0;width:80%;max-width:inherit;}
}
/************** materiales **********************/

.sectisite{padding:100px 0;font-family: 'Fira Sans', sans-serif;}
.sectisite article{width:90%;margin:0 auto;letter-spacing:0.03em;line-height:1.5em;}

/************** certificados **********************/
.seccerti h1{letter-spacing:normal;font-size:12pt;color:#E8FF00;font-weight:bold;}
.seccerti{font-size:9pt;text-align:justify;color:white;
background: rgba(20,75,102,.6); background-size: cover;}

.cert1, .cert2 {width:46.5%; display:inline-block; vertical-align:top;}
.cert3{width:100%;margin:0 auto;padding:25px 0;}

#littleboy{width:6%;display:inline-block;}
@media screen and (max-width:784px){.cer1, .cert2{width:45%;}}

@media screen and (max-width:640px){
.somos, .weinncon{display:block;}
.weare div.somos, .weinncon{width:100%;}
.weiconsite{padding:10px;margin:15px; width:100px;}

.cert1, .cert2, .cert3{width:100%; padding:8px 0; display:block; margin:0;}
#littleboy{display:none;}
}
/************** certificados **********************/

/*********************** style footer ***************/
.final{width:100%;background:#0C3658;padding:50px 0;border:0;}
.certifdown{width:95%;display:inline-block;}
.siteurl{display:inline;height:50px;padding:20px;cursor:pointer;transition: all .2s ease-in-out;}
.siteurl:hover{transform:scale(1.3);transition: all .2s ease-in-out;}
/*********************** style footer ***************/