/*
Theme Name: Dsdisenoweb.com
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/css?family=Raleway:300,400,600i,900i');
@import 'css/head.css';
@import 'css/menu.css';
@import 'css/body.css';


/* Reset */
.center{    text-align: center;}
.textocuatro{    color: #e8e8e8!important;
    font-size: 2em!important;}
*{-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.width{width:85%;margin: 0 auto;}

body{
      font-family: 'Raleway', sans-serif;
      font-size:1.2em;
      margin:0;
	  margin-top:4%
}

ul{padding:0;list-style:none}
a{text-decoration: none;}
.span.wpcf7-not-valid-tip{color:#fff}
.nop p{display:none}

/* textos */
.bigtext{    font-size: 3em;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 1% 0;}

.mediumtextnocenter{
    font-size: 2em;
    max-width: 100%;
    margin: 0 auto;
    padding: 1%;
}

/* margenes de 10px */

.mdos{margin:3em 0}

.boton{display: inline-block;
    padding: 2% 2%;
    border-radius: 5px;}

.botonfantasma, .botonverde:hover a, .botonverde:hover  {
    border: 1px solid #0081e1!important;
    color: #0081e1!important;
    background-color: #000!important;font-weight: 600!important;}

.logos img{width: 25%;
    height: auto;}


/* Menu */


nav.menu {background-color: #fff;
    width: 100%;
    border: 0px solid #d9f5ff;
    border-bottom-width: 1px;
    position: fixed;
    top: 0;z-index: 3;    padding: 0.5% 0;    text-align: center;box-shadow: inset #616060 -2px 0px 29px -4px;}

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

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%;    padding: 0 2%;
    background: url(img/5.png) 100% 50% no-repeat;
    background-size: 5%;}
nav.menu .menu-principal-container ul li a{
    display: block;
    color: #404040;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.1em 0.4em;
    letter-spacing: 4px;
    font-size: 70%;
    background-image:url(img/1.png);
}

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

nav.menu .contacto{width: 25%;padding: 0;}
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;}


/* Bloques  */
.lateral,.content{
    display: inline-block;
    vertical-align: top;

    box-sizing: border-box;
 }
.lateral{  width: 30%;padding-right: 2%;}
.lateral ul{}
.lateral ul li{background-color: #ef4023;
    border-radius: 27px;
    margin: 3% 0;
    padding: 4% 1%;
    border: 1px solid #eae9e9;
    text-align: center;}
    .lateral ul li a{color:#ffffff;font-size: 1.1em;}
.lateral ul li.visited {background-color: #e05601;}
.lateral ul li.visited a{color:#fff;}

.content{  width: 69%;padding-left: 5%;}
.content h2{margin-top: 0;}
.content img{ max-width:100%;height:auto;} 

/* imagenes */

/* barras */

/**/

/* contacto */

.contacto{       width: 60%;
    margin: 0 auto;
    padding: 1% 3%;
    box-sizing: border-box;}
.contacto li{    display: inline-block;
    width: 31%;vertical-align: top;}
.contacto li input{
background-color: #ffffff;
    border: 1px solid #ccc;
    padding: 5% 10%;
    box-sizing: border-box;
    font-weight: 400;
    max-width: 100%;
    border-radius: 4px;
    color: #000;
    font-size: 1em;
    font-style: italic;
    width: 100%;}

.contacto li .wpcf7-submit,.botonverde,.botonverde a{
background-color: #06a2de;
    color: #fff;
    font-weight: 700;
    border-color: #f0f0f0;
    text-transform: uppercase;
    font-style: initial;
    font-size: 90%;
    cursor: pointer;
    border-radius: 5px;
    padding: 1%;
    position: fixed;
    bottom: 2%;
    left: 1%;
    background: #06a2de url(img/call.png) no-repeat 2% 50%;
    background-size: contain;
    padding-left: 85px;
    box-sizing: border-box;
    }

.contacto{}
.contacto{}
.contacto{}

/* Head */


/* Cuerpo */

section{    background-color: #f5f5f5;
    padding: 2% 0;
    box-sizing: border-box;}
section h4{text-transform: uppercase;
    margin: 0;
    padding: 2% 0;
    box-sizing: border-box;font-size: 1.3em;}

.proyectos{}
.proyectos div{
    display: inline-block;
    position: relative;
    width: 23%;
    margin: 1%;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    border-radius: 0px;
    box-shadow: inset #FFF 20px 51px 44px;}
.proyectos div img{border-radius: 2px;
    width: 100%;
    height: auto;
    border: 1px solid #c3c3c3;}
.proyectos h5{     
box-sizing: border-box;
    background-color: #ef4023;
    padding: 3% 2%;
    color: #fff;
    text-align: center;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    position: absolute;
    top: 0px;
    width: 100.3%;
    margin: 0;
	font-size:85%
}

.galeria{}
.galeria img{width:100%;height:auto;}


/* Pie */



.nuevocontacto{ padding: 0;
    background-color: #545355;
    color: #3e3d3d;
    font-size: 75%;
    box-shadow: inset #000000 -2px 0px 29px -4px;}
.nuevocontacto .widget{display: inline-block;
    width: 25%;
    vertical-align: top;
    text-align: left;
   color: #fff;
        padding: 0% 3% 0% 0%;
    box-sizing: border-box;
}

.nuevocontacto h4{color: #000000;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding-bottom: 4px;}
.nuevocontacto .widget h4,.nuevocontacto .widget p{}
.nuevocontacto .data{background-color: #ef4023;
    color: #fff;
    padding: 1%;
    box-sizing: border-box;
    box-shadow: inset #de3b21 0px 2px 43px 21px;
}


.nuevocontacto ul{}
.nuevocontacto ul li{padding: 1%;
    box-sizing: border-box;}
.nuevocontacto ul li input,.nuevocontacto ul li textarea{    
font-size: 1.3em;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    padding: 1%;
    box-sizing: border-box;
    width: 60%;
    font-family: 'Raleway', sans-serif;

}
.nuevocontacto ul li .wpcf7-submit{background-color: #0061d5;
    color: #fff;width:15%}


.nuevocontacto .fotter{    font-size: 75%;
    text-align: center;
    background-color: #dcdcdc;}
.nuevocontacto  hr{    border: 1px solid #a7a7a7;
    border-bottom-color: #d4d4d4;}
.nuevocontacto .logo{    padding: 0;
    background-color: #fdfdfd;
    max-width: 250px;}    
    .nuevocontacto span{color: #000;}


.tmovil{display:none}
.tpc{}

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

{
	.nuevocontacto ul li input, .nuevocontacto ul li textarea{width:80%;padding: 3% 0!important;}
	.tmovil{display:block!important}
.tpc{display:none}
	
	body{margin-top: 0%!important;}
/* head */
nav.menu{padding: 1% 0;}
header > div{max-width: 100%;
    position: absolute;
    margin: 0;
    padding: 0;}

header div h1{font-size: 50%;}
header div p{font-size: 2em;}
header div span{font-size: 1.1em;}

nav.menu > .logo img{float:left}
nav.menu .menu-principal-container{display:none}
nav.menu .contacto{float:right;width: 65%;font-size: 70%;text-align: center;}
nav.menu .contacto .botonazul{padding: 3% 7%;}
.width{width:95%}
.lateral, .content,.nuevocontacto .widget{width:100%!important;}
.proyectos div{width: 48%;}
	.proyectos h5{ font-size:50%!important}
}


@media only screen and (max-width : 768px) and (min-width: 481px)

{

.width{width:95%;}
.proyectos div{width:24%;}
.proyectos h5{ font-size:50%!important}
}


@media only screen and (max-width : 1024px) and (min-width: 769px)

{

header div p{    font-size: 2em;}
header div span {font-size: 1em;}}

@media only screen and  (min-width: 2300px)
{body {font-size: 2em;}}