/*

Theme Name: AIRE PURO 2026 JULIO
Theme URI: http://dsdisenoweb.com
Original Theme URI: http://dsdisenoweb.com
Description:Tema creado  por http://dsdisenoweb.com 
Author URI: http://dsdisenoweb.com/
Traductor: alexander mendoza
Traductor URI: http://dsdisenoweb.com 
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/*https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2*/

*{-webkit-transition: all 250ms linear;

-moz-transition: all 250ms linear;

-o-transition: all 250ms linear;

transition: all 250ms linear;

}

/*'Raleway', sans-serif;*/
h1,h2,h3,.titulo1{ 
 font-family: "Open Sans", sans-serif;

  font-weight: 500;
  font-style: normal;
 }


#responsive-menu-container{z-index:99999!important}
#responsive-menu-button{display:none}
a{text-decoration:none}

.red{color: #d60416;}
.contactomovilcabecera .red{background-color:#d70215!important }
* {max-width:100%}
ul{list-style:none;margin:0;padding:0}
.trabajo {
    text-align: center;
    color: #000000;
    background-color: #f7e227;
    padding: 1%;
    box-sizing: border-box;
    display: block;
    text-decoration: revert;
    font-size: 80%;
}

.titulo2{font-size: 1.7em;font-weight: bold;}

.equipos{background-color: #fff;
    border: 1px #ccc solid;
    border-radius: 10px;box-shadow: 0px 0px 7px #bdbdbd;position:relative;margin-bottom: 5%;
width: 49%;
    display: inline-block;vertical-align: top;
}

.equipos .data{    padding: 3%;}
.equipos .tecnologia{position: absolute;
    top: 2%;
    right: 2%;
    font-size: 0.7em;
    background-color: #3c96f0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 1% 2%;
}
.equipos .marca {font-size: 0.6em;}
.equipos .titulo{margin: 0;
    padding: 0;
    font-size: 0.8em;}
.equipos img{border-radius: 10px 10px;}
.equipos .capacidad{margin: 0;
    font-size: 0.6em;
    color: #3c96f0;
    font-weight: 80}
.equipos .descripcion{font-size: 0.7em;
    color: #3b3b3b;
    margin: 5% 0%;}
.equipos .descripcion ul{}
.equipos .descripcion ul li{}
.equipos .precio{font-weight: bold; display: inline-block;
    width: 49%;}
.equipos .cotizar{font-weight: bold;
    display: inline-block;
    width: 49%;
    text-align: center;
    background: #329efd;
    padding: 2%;
    box-sizing: border-box;
   
    font-size: 0.8em;
    border-radius: 5px;}
.equipos .cotizar a{ color: #ffffff;}


body{background-color: #f8f8f8;margin:0;background:#f8f8f8 url(img/thunder_bg.jpg) no-repeat;background-size: cover;}
/*"News Cycle",sans-serif;*/
body{margin:0;padding:0;font-size:1em;font-family:'Open Sans', sans-serif;}

.body{max-width:1024px;width:100%;margin:0 auto;margin-top:30px}

.body img{max-width:100%;height:auto}

.body  a{color: rgb(5, 110, 140);}


.text1{font-size: 1em!important;}
.text2{font-size: 2em!important;}
.text3{font-size: 3em!important;}
.text4{font-size: 4em!important;}
.movil{display:none}
/* menu */


header{width:100%;background:url(img/grid1.png) repeat;}

header nav {max-width:100%;margin:0 auto;height: 100%;background-size: cover !important;}

header nav img.logo  {max-width: 20%;
    vertical-align: middle;
    position: relative;
    left: 10%;
    top: 2%;}

header nav > ul {display:inline-block;max-width:70%;width:100%;text-align:right;vertical-aligN:middle}

header nav ul > div > ul > li{display:inline-block}

header nav ul  div  ul li a{
text-decoration: none;
    padding: 6px 19px;
    color: #fff;
    font-weight: 100;
    background-color: #012052;
    font-size: 1em;
    border-radius: 5px;
}

header nav ul div ul li:hover a{color:#178998}

header nav ul div ul li ul{display:none;position:absolute;text-align: left;}

header nav ul div ul li ul li{border: 0px #f8f8f8 dashed;border-bottom-width: 1px;}

header nav ul div ul li ul li:hover a{color:#fff}

header nav ul div ul li:hover ul{display:block}

header
{  
    z-index: 99999;
    position: relative;
   
}
header h1{color: #000000 !important;
    font-size: 4em !important;
    max-width: 84% !important;
    margin: 7% auto !important;
    letter-spacing: -3px;
    line-height: 1em;}

header .slidercontent h1{ color: #012052 !important;
    font-size: 3.4em !important;
    box-sizing: border-box;
    max-width: 68% !important;
    margin: 5% 0 1% 0 !important;
    letter-spacing: -3px;
    line-height: 1em;
    font-weight: 700;
}


 header .slidercontent p{
	 color: #000000 !important;
    max-width: 55%;
    margin: 0;
    text-shadow: 1px 1px 18px #ffffff;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-bottom: 5%;
}



/*Pie */


.pie{width: 100%;
    background-color: #000;
    text-align: center;
   
    
    color: #fff;
    
    box-sizing: border-box;
    border: 0;
    font-size: 1em;    z-index: 99999;}
.pie a{}

.slogan{position: fixed;
    color: #fff;
    text-shadow: #000 1px 1px 1px;
    top: 30%;
    font-size: 10em;
    width: 100%;
    display: block;
    text-align: center;    font-family: 'Raleway', sans-serif;}


nav.menu {background-color: #fff;
    width: 100%;
    border: 0px solid #d9f5ff;
    border-bottom-width: 1px;
    position: fixed;
    top: 0;z-index: 3;padding: 0.2% 0;left:0}

nav.menu > .logo,nav.menu .menu-principal-container,nav.menu .contacto{display: inline-block;    vertical-align: middle;}
nav.menu > .logo{width: 15%;float:right}
nav.menu > .logo img{width: 50%;height: auto;}

nav.menu .menu-principal-container{width: 59%;}
nav.menu .menu-principal-container ul{    margin: 0;}
nav.menu .menu-principal-container ul li{display: inline-block;    padding: 0 1%;}
nav.menu .menu-principal-container ul li a{display: block;
    color: #2f2f2f;
    font-weight: 600;
    text-transform: capitalize;padding: 0.1em 0.4em;}

nav.menu .menu-principal-container ul li:hover a{color:#000}

nav.menu .contacto{width: 25%;padding: 0;float:left;text-align: center;}
nav.menu .contacto .botonverde, .llamar,.botonverde{display: inline-block;
    background: #189d0e url(../img/cursor.png) no-repeat 95% 50%;background-size: 10%;
    color: #fff;
    padding: 2% 7%;
    border-radius: 3px;
    vertical-align: middle;
    font-weight: 600;}

nav.menu .contacto .botonazul,.botonazul{display: inline-block;
    background-color: #0061d5;
    color: #fff;
    padding: 2% 7%;
    border-radius: 3px;
    vertical-align: middle;
    font-weight: 600;}

nav.menu .contacto .numero,.numero{padding: 1% 3%;
    box-sizing: border-box;}
.contactomovilcabecera .botonverde,.contactomovilcabecera .botonazul{padding: 2% 7%;margin: 0 1% 0 0;}



/*section*/

section.content{text-align:center;text-align: center;
    max-width: 80%;
    margin: 0 auto;
    width: 100%;background-color:#f8f8f8;    margin-bottom: 3%;
    padding: 5px;
    box-sizing: border-box;}
section.content sidebar{
	/* display:inline-block;display: inline-block;
    max-width: 30%;
    width: 30%;text-align:left;vertical-align: top;background-color: #329efd;*/
margin: 2%;
    display: inline-block;
    max-width: 30%;
    width: 30%;
    text-align: left;
    vertical-align: top;
    background-color: #329efd;
    color: #fff;
    box-sizing: border-box;
    padding: 0 1%;
}



section.content article{display:inline-block;    display: inline-block;
    max-width: 60%;
    width: 100%;text-align:left;vertical-align: top;}

.content{    font-size: 1.2em;}
section.content{text-align:center;text-align: center;
    max-width: 90%;
    margin: 0 auto;
    width: 100%;background-color:#f8f8f8;    margin-bottom: 3%;
    padding: 5px;
    box-sizing: border-box;}
section.content sidebar{margin:2%;display: inline-block;
    max-width: 30%;
    width: 30%;text-align:left;vertical-align: top;}


section.content article{display:inline-block;    display: inline-block;
    max-width: 60%;
    width: 100%;text-align:left;vertical-align: top;}

/* slider */
   .slidercontent{ 
 width: 90%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 0 auto;

}

.quehay{border: 0px solid #f8f8f8;
    border-bottom-width: 10px;}
.quehay > div{    max-width: 24.9%;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
    max-height: 220px;
    overflow: hidden;
    margin-right: -0.25%;
/*cursor: pointer;*/
}
.quehay  div div{    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    opacity: 0.7;}

.quehay div img{width: 100%;
   
 
}
/*.quehay div:hover img{   filter: saturate(6) grayscale(86%);}*/
.quehay div h5{
position: absolute;
    top: 15%;
    color: #fff;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 11;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    margin: 0 auto;
    padding: 0 5%;
    box-sizing: border-box;
	    text-shadow: #000 1px 1px 7px;
}


.pageslidercontent img{width:100%;height:auto}
/* contacto*/
.contactar label span {font-size:0.8em}

.contactar input,.contactar textarea{   
	padding: 9px;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
border: 1px solid #189d0e;
    border-radius: 3px;
   
}


.contactar p{margin:0;padding:0}



@media only screen and (max-width : 700px)

{
	
	.contactomovilcabecera a{margin: 2%;
        padding: 4% 0% !important;
        width: 80%;
    }
	
	.contactomovilcabecera .botonverde{}
		.contactomovilcabecera .botonazul{}
	.contactomovilcabecera .botonverde, .contactomovilcabecera .botonazul{margin-bottom: 5%;}
	
#responsive-menu-button{display:bloc!important}
header nav > ul, section.content, section.content sidebar, section.content article, .contactar input, .contactar textarea{max-width:99%!important;width:99%!important}
	
	header nav{text-align:center;max-width:100%!important;height:130%;background-position: center!important;}
	header nav > ul{text-align:center!important}
header nav img{height: auto !important;
        max-width: 100% !important;
        width: 100%;
        margin-bottom: 3%;
        top: 0 !important;
        left: 0 !important;}
	
img{height:auto!important}
header h1{
	text-align:center!important;
    color: #fff!important;
    font-size: 2em!important;
    box-sizing: border-box;
    padding: 2%!important;
    text-transform: capitalize!important;
    max-width: 100%!important;
	margin:0 0 10% 0!important}
	header .slidercontent{width:95%}
	header .slidercontent h1{
		max-width: 95% !important;
        margin: 0 auto 5% auto !important;
        font-size: 2.5em !important;
        color: #fff !important;
        text-shadow: 2px 2px 19px #000;
	}
 header .slidercontent p{color: #fff !important;
        max-width: 100%;
        margin: 0 auto;
        text-shadow: 1px 1px 18px #000;
        font-size: 1.5em;
        line-height: 1.3em;margin-bottom: 10%;
	    text-shadow: 1px 1px 16px #000;
	}

	
	
	header{position:relative!important}
.quehay > div{        max-width: 49.6% !important;
}
.quehay div h5{font-size: 1em!important;}

	sidebar{margin: 2%;
    display: inline-block;
    max-width: 30%;
    width: 30%;
    text-align: left;
    vertical-align: top;
    background-color: #329efd;
    color: #fff;
    box-sizing: border-box;
    padding: 5%;}
	
	.equipos{width: 100%;}
	
	
	
}
nav.menu{display:none;z-index:9999999}

@media only screen and (max-width : 480px)

{
    .trabajo {padding:3% 0}
	.pc{display:none!important}
.movil{display:block!important}
	
	nav.menu{display:block!important}
nav.menu{padding: 1% 0;bottom: 0!important;
    top: inherit;}
nav.menu .contacto {width: 100%;}
   .galerrytext img {
    height: auto;
	width: 100%;}
}

.galerrytext{text-align:center}
.galerrytext img {
    height: auto;
	width: 48%;margin:1%}