*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

@font-face{
    font-family:"fontello";
	src: url("../fonts/fontello.eot");
	src: url("../fonts/fontello.eot?#iefix") format("embedded-opentype"),
	url("../fonts/fontello.woff") format("woff"),
	url("../fonts/fontello.ttf") format("truetype"),
	url("../fonts/fontello.svg#fontello") format("svg");
}


@font-face{
    font-family:"Montserrat";
	src:url("../fonts/Montserrat.eot");
	src:url("../fonts/Montserrat.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Montserrat.otf") format("opentype"),
	url("../fonts/Montserrat.woff") format("woff"),
	url("../fonts/Montserrat.ttf") format("truetype"),
	url("../fonts/Montserrat.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family:"DINPro-Black";
	src:url("../fonts/DINPro-Black.eot");
	src:url("../fonts/DINPro-Black.eot?#iefix") format("embedded-opentype"),
	url("../fonts/DINPro-Black.otf") format("opentype"),
	url("../fonts/DINPro-Black.woff") format("woff"),
	url("../fonts/DINPro-Black.ttf") format("truetype"),
	url("../fonts/DINPro-Black.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

iframe, img, video, table, form {
	max-width: 100%;
}

a{
    text-decoration: none;
     color: #535c5c;
}

article,figcaption,figure,footer,hgroup,section,label{
	display: block;
}

body{
    background:#ffffff;
	font-family:'Montserrat';
	font-size:1em;
	font-weight:normal;
	line-height:190%;
	color: #535c5c;
}

header {
    background: #ffffff;
    position: fixed;
    z-index: 1000;
    width: 100%;
    opacity:.98;
    top:0;
    border-bottom: .1em solid #eeeeee;
}

#header-inner {
    max-width: 1600px;
    margin:1em;
}

#logo {
    float: left;
    width: 15em;
}

#navax {
    margin-top:2em;
   float: right;
}

#navax a:hover {
	background: #4bf5f9;
	color: #fff;
}

#nava,#navas {
    margin-right:1em;
    margin-top:2em;
   float: right;
}


#nava label,#navas label {
	font-size: 1.6em;
	cursor: pointer;
	display: none;
	color: #535c5c;
}

#btn-menu {
	display: none;
}


.menu ul {
    z-index: 1000;
	display: flex;
	list-style: none;
	text-align: center;
	vertical-align: text-bottom; 
}

.menu ul ul {
    background: #fff;
    text-align: center;
    font-size: 1em;
    padding: 1em;
    z-index: 1000;
	display: none;
	position: absolute;
}


.menu a {
	display: block;
	text-decoration: none;
	
}

.menu a:hover {
	background: #4bf5f9;
	color: #fff;
}


.menu ul li:hover ul {
	display: block;
	position: absolute;
}

.banderin {
    color: #535c5c; 
    background: #ffffff;
	font-size: 1.2em;
	font-weight: normal;
	margin:0 .5em;
}

.banderinc {
   background: #89e595;
    color: #ffffff;
	font-size: 1.2em;
	font-weight: normal;
	margin:0 .5em;
	padding: 0 0.1em;
}

.banderinx {
    background: #4bf5f9;
    color: #ffffff;
	font-size: 1.2em;
	font-weight: normal;
	margin:0 .5em;
	padding: 0.2em;
}

.vertical {
    border-left: .2em solid #eeeeee;
    height: 3em;
}

.us{
    font-size: 1.8em;
}

section#contenido{
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
	margin-top: 8em;
}

.botonv{
    color: #ffffff;
 	cursor: pointer;
	background: #89e595;
	padding: 0 0.5em;
	text-align: center;
}

.col{
 	cursor: pointer;
 	font-size: 1em;
	padding: 0.2em;
	border: .1em solid #535c5c;
	width: 99%; 
	height: 2.2em;
	margin: .5em 0;
}

.col:hover {
	background: #4bf5f9;
	color: #fff;
}

.colx{
 	cursor: pointer;
 	font-size: 1em;
	padding: 0.2em;
	border: .1em solid #535c5c;
	width: 99%; 
	background: #4bf5f9;
	height: 2.2em;
	margin: .5em 0;
}


h1 {
    font-family: "DINPro-Black";
    color: #535c5c;
    font-size:2.5em;
    font-weight:bold;
}

h2 {
    font-family: "DINPro-Black";
    color: #535c5c;
    font-size:2em;
    font-weight:normal;
}

h3 {
    font-family: "DINPro-Black";
    color: #535c5c;
    font-size:1.5em;
    font-weight:normal;
}

h4 {
    font-family: "DINPro-Black";
    color: #535c5c;
    font-size:1.2em;
    font-weight:normal;
}



#box{
    display: inline-block;
    vertical-align: top;
    width: 70%;
    margin:.5em;
}

#box2{
    display: inline-block;
    vertical-align: top;
    width: 26%;
}

#box img{
    width: 100%;
}
    

#box2 img {
    width: 100%;
    display:block;
     margin:.5em;
}



	
#contenido2 {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 56%;
    margin: 0 auto;
    padding: 0 1em;
}

#contenido1 {
    text-align: center;
	display: inline-block;
	vertical-align: top;
	width:43%;
	margin: 0 auto;
	padding-top: 2em;
}
	
	
#contenido3{
    text-align: center;
    display: inline-block;
    vertical-align: top;
	width:35%;
	margin: 0 auto;
}

#contenido3b{
    text-align: center;
    display: inline-block;
    vertical-align: top;
	width:62%;
	margin: 0 auto;
	padding: 0 1em;
}
  
  
#coli{
 	float: left;
}

#colip{
 	float: right;
}

#coli2{
    font-size:.8em;
 	float: left;
}

#colip2{
 	float: right;
}
  
#colix{
 	font-size:.7em;
}  
  
  
  
.single-teampro {
    display: inline-block;
	position:relative;
	overflow:hidden;
	margin:1.5em;
    width:18%;
}

.single-teampro:hover .teampro-img {
	opacity: 0;
	transform:  rotateY(90deg);
}

.single-teampro:hover .teampro-text {
	opacity: 1;
	transform: rotateY(0);
}

.teampro-img {
	height: 21em;
	text-align: center;
	transition: all .5s ease;
}

.teampro-img img {
		width: 100%;
}

.teampro-text {
	position: absolute;
	width: 100%;
	height: 21em;
	text-align: left;
	transition: all .5s ease;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url(../img/ba.png);
	background-size:100%; 
    opacity: 0;
    border-radius:5px;
    padding:.3em;
}

#teampro-titi {
	font-family: "DINPro-Black";
    color: #000;
    font-size:1.2em;
    font-weight:bold;
}


#teampro-tit {
	font-family: "DINPro-Black";
    color: #fff;
    font-size:1em;
    font-weight:bold;
}

#teampro-tex {
    color: #fff;
    font-size:.8em;
}

#teampro-textlog {
    width: 2em;
    left: .5em;
    position: fixed;
    bottom: .5em;
}

#teampro-textlup {
    width: 5em;
    right: .5em;
    position: fixed;
    bottom: .5em;
}

.ladoaa, .ladobb {
    display: inline-block;
	vertical-align: top;
} 


.teampro-text7 {
	display: inline-block;
	margin:1em;
    width:45%;
    height: 16em;
	text-align: left;
    border-radius:5px;
	background-image: url(../img/ba.png);
	background-size:100%; 
    padding:.5em 1em;
}

 #teampro-textlog7 {
    width: 2em;
    left: .5em;
    position: Relative;
    bottom: .5em;
} 

#teampro-textlup7 {
    width: 6em;
    right: -25em;
    position: Relative;
    bottom: -1em;
}
  
#btn-menu3 {
	display: none;
}

#menu3 {
    font-family: "DINPro-Black";
    font-size:2em;
    font-weight:bold;
	background: #4bf5f9;
    color: #ffffff;
	margin:0 auto;
	padding: 0 0.1em;
	width: 20%;
}

#btn-menu3:checked ~ .menu3 {
    transform: translatex(0%);
}

.menu3 {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translatex(-100%);
	transition: all 0.3s;
	z-index: 999;	
}

.menu3 ul {
    display: block;
	text-align: center;
    z-index: 1000;
	list-style: none;
	vertical-align: text-bottom; 
}

.menu3 ul ul {
    background: #fff;
    border-radius: 5px;
    text-align: center;
    z-index: 1000;
	display: none;
	position: absolute;
    padding:.2em -3.5em;
}


.menu3 a {
    padding: .2em;
    color: #535c5c;
    text-decoration: none;
	display: block;
}

.menu3 a:hover {
	background: #4bf5f9;
	color: #fff;
}

.menu3 ul li:hover ul {
    display: none;
	position: static;
}
  
input[type="submit"]{
 	color: #ffffff;
 	cursor: pointer;
	background: #89e595;
	padding: .2em;
	text-align: center;
	font-size: 1.2em;
	border:none;
}

input[type="file"]:hover, input[type="submit"]:hover, .eliminar:hover, .mas:hover, .boton:hover, .botonv:hover{
	color: #ffffff;
	background:  #4bf5f9;
}  
  
input[type="email"], input[type="text"], input[type="number"], input[type="password"], input[type="date"], textarea, select {
	background: #ffffff;
	color: #535c5c;
	font-size: 1.3em;
	border: solid #535c5c;
	border-width: .05em;
}

input[type="email"]:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="password"]:focus, textarea:focus, select:focus{
	background: #4bf5f9;
}

input[type="email"]:hover, input[type="number"]:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="date"]:hover, textarea:hover, select:hover{
	background: #4bf5f9;
}

textarea{
	resize:none;
	background:  #4bf5f9 ;
	width: 80%;
}  
  



.simin { 
    display: none;
}


.alterado {
    width: 1.3em;
    height: 1.3em;
}

#contenidoa, #contenidob {
    display: inline-block;
	vertical-align: top;
}
	
#contenidoa{ 
    font-size: 1.5em;
	width: 38%;
	text-align: center;
    margin:2em auto;
}

#contenidob{ 
    width: 60%; 
    text-align: left;
}

#contenido5 {
    display: block;
    padding:.5em;
    margin:.5em;
    background-image: url(../img/ba.png);
	background-size:100%; 
    border-radius: 5px;
}

#boxca img {
    height: 8em;
}

#carl{
    display: inline-block;
	vertical-align: top;
}



































#navc {
    float: right;
	color: #535c5c;  
	font-size: 1em;
    position: relative;
    right: .5em;
    margin-top: .5em;
}

#navb {
	color: #535c5c;  
	font-size: 1em;

}

#navb label {
	font-size: 1.4em;
	cursor: pointer;
	display: none;
	color: #535c5c;

}




#navy {
	color: #535c5c;  
	font-size: 1.2em;
   	margin-top: .5em;
    display: flex;
    align-items: center;
    justify-content: center
}



#btn-menu2 {
	display: none;
}














.menu2 ul {
    z-index: 1000;
	display: flex;
	list-style: none;
	text-align: center;
	vertical-align: text-bottom; 
}

.menu2 ul ul {
    background: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 1em;
    padding:.2em 3.5em;
    z-index: 1000;
	display: none;
	position: absolute;
}


.menu2 a {
	display: block;
	color: #535c5c;
	text-decoration: none;
	
}

.menu2 a:hover {
	background: #0464d4;
	color: #fff;
}


.menu2 ul li:hover ul {
	display: block;
	position: absolute;
}












.menub ul {
    z-index: 1000;
	display: flex;
	list-style: none;
    justify-content: center;

}

.menub a {
	display: block;
	
	text-decoration: underline;
	
}

.menub a:hover {
	background: rgba(0,0,0,0.98);
	color: #fff;
}

.banderinb {
    color: #535c5c;
	padding: 0 1em;
	font-family: "ParaCaps-Bold";
	font-size: 1em;
}

.banderinbx {
	padding: 0 1em;
	font-family: "ParaCaps-Bold";
	font-size: 1.2em;
	background: #0464d4;
	color: #fff;
}

.fade{
	opacity: 1;
	filter:alpha(opacity=10);
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}


.fade:hover{
	opacity: 0.7;
	cursor: pointer;
	filter:alpha(opacity=4);
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.fadea{
	opacity: 1;
	filter:alpha(opacity=10);
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

.fadea:hover, label:hover, footer a:hover, .icon-down-open:hover, .icon-cancel:hover, .icon-trash:hover, .icon-picture:hover{
	opacity: 0.7;
	cursor: pointer;
	filter:alpha(opacity=4);
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}



section#contenidox{
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
	 margin-top: 8em;
}

section#contenidou{
    	margin: 0 auto;
	
	text-align: center;
	 margin-top: 5em;
	  
    }



#flexslider{
width: 100%;
}





h6 {
    color: #00abd0;
    font-size: 1.6em;
    padding-bottom: .5em;
    font-weight: bold;
}

h7{
    font-family: "ParaCaps-Bold";
    color: #535c5c;
    font-size: 1.2em;
    font-weight: bold;
}

h8{
    font-family: "ParaCaps-Bold";
    color: #535c5c;
    font-size: 1.2em;
    font-weight: normal;
}

h9{
    font-family: "ParaCaps-Bold";
    color: #535c5c;
    font-size: 1em;
    font-weight: normal;
}







.icon-down-open{
	font-size: .6em;
	text-decoration: none;
}

#contenido4 {
    display: inline-block;
    vertical-align: middle;
    padding:0 auto;
    margin:1em;
}

#xxx {
    display:block;
    	font-size: 1em;
	color: #535c5c;
}



table {
 	margin: 0 auto;
	max-width: 100%;
	text-align: center;
	vertical-align: top;
}

th, td, tr {
    padding: 5px;
    text-align: center;
    vertical-align: top;
}

label{
    font-family: "ParaCaps-Bold";
    font-size: 1.2em;
	color: #535c5c;	
	font-weight: normal;
	text-decoration: none;
}







.eliminar{
	font-size: 2em;
	font-weight: bold;
}

.boton{
    color: #fff;
 	cursor: pointer;
	background: #0464d4;
	padding: 0 0.1em;
	text-align: center;
 font-size: 1.8em;
	font-family: "tw-cen-classified-mt-std";
	border: .1em solid #535c5c;
	border-radius: 5px;	
	width: 30%; 
}


input[type="file"]{
    display: none;
}

.icon-picture{
    color: #535c5c;
	font-size: 3em;
	font-weight: bold;
}

.status{
    color: #535c5c;
	font-size: .8em;
	display: block;
}






#error2 {
	height: 20px;
	width: 20px;
	display: block;
	margin: 0 auto;
	text-align: center;
}

footer {
   color: #535c5c; 
    font-family: "ParaCaps-Bold";
    font-size: 1.2em;
    padding: .5em;
    font-weight: normal;
    background: #ffffff;
    margin: 0 auto;
	text-align: center;
}



footer a {
    color: #535c5c; 
    text-decoration: none;
    padding: .2em;
 	cursor: pointer;
	text-align: center;
	border: .07em solid #535c5c;
	border-radius: 5px;	
	margin: .5em;
}


.second a {
    color: #535c5c;
    text-decoration: none;
}


.appwhatsapp {
    position: fixed;
    z-index: 500;
    color: #00bb2d; 
    font-size:1.6em;
    right: 2.5em;
    top: .2em;
}

.appwhatsap img {
    width: 2em;
}	




.slider {
    margin: auto;
    position:relative;
    width: 90%;
    display: grid;
    overflow: hidden;
}

.slider::before, 
.slider::after {
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    content: '';
    height: 100%;
    position: absolute;
    width: 15%;
    z-index: 2;
}

.slider::before {
    left: 0;
    top: 0;
}

.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}


.slide {
    width: 9em;
    display: flex;
    align-items: center;
    padding: 1em;
    perspective: 100px;
}

.slide img {
    width: 100%;
    transition: transform 1s;
}

.slide img:hover {
    transform: translateZ(20px);
   
}

.slide-track {
    display: flex;
}

.slide-track:hover {
    animation-play-state: paused;
}










@media screen and (max-width:800px){
    
   
#logo {
    float: left;
    width: 12em;
}
    section#contenido{
	    margin-top: 9em;
    }
  
   section#nava label {
	   	 display: block; 
	} 
	
	#nava,#navas {
    
    margin-top:0em;
   }
	
	section#navas label {
	   	 display: block; 
	} 
 
   
    
    #box{
        width: 60%;
    }

    #contenido2 {
        display: block;
        width: 100%;
    }

    #contenido1 {
	    display:block;
	    width:100%;
	    padding-top: 1em;
    }
	

.col{
 
 	font-size: .8em;

	height: 2.2em;
	padding: 0 .2em;
	
	margin: 1em 0;

}

.colx{
 		font-size: .8em;

	height: 2.2em;
	padding: 0 .2em;
	
	margin: 1em 0;
} 

#coli{
    font-size:.8em;
}

#colip{
    font-size:.8em;
}

#coli2{
    font-size:.65em;
}

#colip2{
    font-size:.8em;
}

#colix{
 	font-size:.7em;
} 

   
 .alterado {
    width: .8em;
    height: .8em;
}  
   
  input[type="email"], input[type="text"], input[type="number"], input[type="password"], input[type="date"], textarea, select {

	font-size: .8em;

} 
   
   
   
.single-teampro {
	margin:.5em;
    width:30%;
}


.teampro-img {
	height: 12em;
}

.teampro-text {
	height: 12em;
}

#teampro-titi {
    font-size:.8em;
}


#teampro-tit {
    font-size:.8em;
}

#teampro-tex {
    font-size:.6em;
}

#teampro-textlog {
    width: 1em;
    left: .3em;
    bottom: .3em;
}

#teampro-textlup {
    width: 4em;
    right: .3em;
    bottom: .3em;
}
   
#menu3 {
    font-size:1.3em;
	width: 40%;
}

   
   
   
 #contenidoa{ 
    font-size: 1em;
   
}



#boxca img {
    height: 4em;
}


   
   
   
     h1 {
    font-size: 1.6em;
}
    
    h2 {
    
    font-size: 1.4em;
   
    }
    
     h3 {
    
    font-size: 1.4em;
   
    }
    
    h4 {
    font-size: .9em;
}
    
   
 #carseg{
  
 font-size: .6em;

}  
   
h6 {
   
    font-size: 1em;
   
}   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
    
    .icon-basket,.icon-user,.icon-mobile, .icon-search, .icon-cancel,.icon-left-big{
	font-size: 1.2em;
    }
    
    input[type="file"]{
    width: 20%; 
	font-size: 3em;
    }
    
    .boton{
  
 font-size: 1.2em;

}



.botonv{
  
 font-size: .7em;

}




    .status{
	display: inline-block;
    }
    
   
    
    section#contenidox{
	 margin-top: 8em;
	  
    }
    
   
    
   
	
	section#navb label {
	   	 display: inline-block; 
	}
	

    
    
 
    
   
    
    label {
		display: block;
	}
	
	
  .for { 
  	display: inline-block; 
}
    
   
    
    .simin {
	    display: block;
    }
    
    .nomini { 
	    display: none;
	}
    .mini{
    display: block;
    width: 28%;
    margin: .5em auto;
    }
    
  
    
    footer {
    font-size: 1em;
}
    
      footer a {
     display: block;
    }
    
   	
    
  
    h7{
    font-size: 1.2em;
    }
    
     h5{
    font-size: .8em;
    }
	
	#contenido1, #contenido2, #contenidobb{
	   	display: block;
	    width: 90%;
	    margin: .5em auto;
	    vertical-align: top;
	}
	




	
	
	
	
	.banderinb {
	padding: 0 0.2em;

	font-size: 1em;
}

	.banderinbx {
	padding: 0 0.2em;

	font-size: 1em;
}
	
	#contenidoaa{
	   	display: none;
	}
	
	

}