/*

Theme Name: arquitecrura el salvador
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 
*/



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

-moz-transition: all 250ms linear;

-o-transition: all 250ms linear;

transition: all 250ms linear;

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


* {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%;
}

body{background-color: #f8f8f8;margin:0;background:#f8f8f8 ) no-repeat;background-size: cover;}

body{margin:0;padding:0;font-size:1em;font-family: "News Cycle",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);}

h1,h2,h3{font-family: 'Raleway', sans-serif;}

.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%;}

header nav {max-width:80%;margin:0 auto}

header nav img  {display:inline-block;max-width:29%;vertical-aligN:middle}

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;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    background-color: rgb(32, 32, 33);
font-size: 0.8em;
}

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: absolute;
    top: 2%;
}

header h1{ margin: 0;
    padding: 0;
    text-align: left;
    max-width: 290px;
    font-size: 0.8em;
}

header h1 span{ background-color: #f6eb16;color:#000!important
}

/*Pie */


.pie{width: 100%;
    background-color: #000;
    text-align: center;
   
    
    color: #fff;
    padding: 10px;
    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{display: inline-block;
 background: #189d0e  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{display: inline-block;
    background-color: #0061d5;
    color: #fff;
    padding: 2% 7%;
    border-radius: 3px;
    vertical-align: middle;
    font-weight: 600;}

nav.menu .contacto .numero{padding: 1% 3%;
    box-sizing: border-box;}


/*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;}


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: 80%;
    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: 100%;
    
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-top: 0%;

}

.quehay{border: 0px solid #f8f8f8;
    border-bottom-width: 10px;}
.quehay > div{    max-width: 25%;
    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%;
    height: 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 select,.contactar input,.contactar textarea{   
	padding: 9px;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
border: 1px solid #189d0e;
    border-radius: 3px;
    box-shadow: #d8d5d5 3px 4px 10px;
    font-size:1.1em;
}

.wpcf7-submit{background-color: #0f8dce;
    text-align: center!important;
    color: #fff;
    border-color: #a1a1a1!important;
    
}

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



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

{
#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}
	header nav > ul{text-align:center!important}
header nav img{height: auto!important;
    max-width: 100%!important;
    width: 100%;
    margin-bottom: 3%}
	
img{height:auto!important}
header h1{
	position: absolute;
    color: #fff!important;
    font-size: 2em!important;
    box-sizing: border-box;
    padding: 2%!important;
    text-transform: capitalize!important;
    max-width: 80%!important;
	line-height:1.2em!important}
header{position:relative!important}
.quehay > div{max-width: 49%!important;}
.quehay div h5{font-size: 1em!important;}

}
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{width:100%!important}
}

.galerrytext{    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    border: 2px solid #ffffff;
    text-align: center;
    box-sizing: border-box;
    padding: 1%;
    width: 49%;
    margin-bottom: 2%;
text-align:center}
.galerrytext a{color:#000}
.galerrytext a:hover{color:#036dbb}
.galerrytext img{height: auto;
    width: 100%;}
.galerrytext h5{margin: 0;
    padding: 0;
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: 5px;}
.galerrytext img{ height: auto;
	width: 100%;margin:1%}