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

body{/*NOTA: para cambiar a body ajustado, comentar el margin 0 y descomentar todo lo que ya se encuentra comentado*/
	margin:0px;
	padding:0px;
	/*background:rgba(225,225,225,0.5);*/
	/*border:3px double #FFF;
	border-radius:10px;
	box-shadow:0px 0px 30px #000 inset;
	margin:20px auto;
	width:950px;*/
}

/*header{
   width: 100%;
    border-bottom:#e5e5e5 solid 2px;
    margin: auto;
    padding: 0px 0px 25px 0px;
    background: #fff;
    margin-bottom: 1%;
}*/
/*header .contenedor-header{
	    width: 990px;
       margin: auto;
}*/
.topbar-redes {
    text-align: right;
    line-height: 38px;
}
header img{
	/*float:left;*/
	margin-top:20px;
}
/*section#content-footer-baner {
    position: relative;
        margin: 35px auto!important;
}*/
.content-img{
	    width: 990px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

html{
	font-family:'Pontano Sans', sans-serif;
}

h1 {
    font-family: 'Pontano Sans', sans-serif;
    letter-spacing: 1px;
}

h2{
	border-top:none!important;
	color:#444;
	display:inline-block;
	font-family: 'Pontano Sans', sans-serif;
	font-size:22px;
	font-weight: normal;
	letter-spacing:1px;
	margin:0px;
	text-align:left;
}

h3, h3 a{
	color:#7b7b7b;
	font-size:10px;
	font-weight: normal;
	/*letter-spacing:1px;*/
	margin-top: 1%;
	text-decoration:none;
}

h3 a:hover{
	text-decoration:underline;
}
h3.tittle-equip {
    font-size: 18px;
}
ul.ul-list {
    list-style: none;
    padding: 0px;
}
ul.ul-list li {
    margin: 0px!important;
}
#h2_{
	color:#222;
	font-family: 'Pontano Sans', sans-serif;
	font-size:30px;
	font-weight: normal;
	letter-spacing:1px;
}

/*li{
	margin-left:-38px;
*/}

p{
	color:#444;
	font-size:14px;
	text-align:justify;
	font-family: 'Pontano Sans', sans-serif;
}

div.content-list-equipo{
	font-family: 'Pontano Sans', sans-serif;
	text-align: justify;
}

/*======================== botonera ========================================*/

nav{
	   /* background: #000;*/
    /*font-family: 'Dosis', sans-serif;*/
    font-family:'Pontano Sans', sans-serif;
    font-size: 12px;
    /*letter-spacing: 0px;
    margin: 0 0 0 0px;
    padding: 0;
    text-align: left;
    z-index: 20;*/
	
}

nav hr{
	background-color:#404040;
	border:0px;
	height:1px;
	margin:8px 0px 0px 0px;
	width:114px;
}

nav *{
	z-index:20;
}

nav ul{
	list-style:none;
	padding:0;
	margin:auto;
}

/*nav ul > li{
	list-style:none;
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:0px;
	
}*/

nav ul > li > a{
    margin: 0px 25px;
    /*color: #000;
    display: block;
    padding: 15px 0px 1px 0px;
    text-align: left;
    text-decoration: none;*/
}

/*nav ul > li > a:hover, nav ul > li > a.hover{
	    color: #000000;
    background-color: #ffffff;
    border-bottom: 1px solid #000;
    text-decoration: none;
}*/

.activar{
    border-bottom: 1px solid #000;
}

nav ul > li ul{
	border:#404040 1px solid;
	font-size:11px;
	list-style:none;
	position:absolute;
	display:none;
	text-align:left;
}

nav ul > li > ul a{
	display:block;
	vertical-align:top;
	margin:0;
	text-decoration:none;
}

nav ul > li > ul li{
	background-color:#000;
	list-style:none;
	color:#FFF;
	padding:8px 15px 0px 15px;
	margin:0 -1px 0 0;
	width:120px;
}

nav ul > li > ul li > ul{
	display:none;
	margin:-33px 0 0 -167px !important;
}	

nav ul > li ul li:hover{
	background-color:#2e281b;
	color:#896e33;
}

/*======================== botonera ========================================*/


/*======================== cuerpo ==========================================*/
/*.fundadores {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}*/
.lados {
    width: 50%;
    height: auto;
    /*padding: 5px;*/
    padding: 16px;
}
.lados img {
    width: 100%;
    height: auto;
}
ul.listadotabs {
    list-style: none;
    padding: 0px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
li.listad-text-indi {
    padding: 5px 10px;
}
a.inter-link-tabs {
    text-decoration: none;
        color: #555;
}
a.inter-link-tabs:hover,a.inter-link-tabs:active{
        color: #000;
        font-weight: bold;
}
/*#cuerpo{
	width:100%;
	background:#FFF;
	margin:auto;
}*/
#cuerpo section{
	 /*width: 990px!important;*/
	width: 1080px!important;
    margin: auto;
}
.contenedor-texto-img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        margin-top: 15px;
}
.parra-equipo {
    text-align: justify;
}
.contenedor-texto-img img{
	    /*max-width: 50%;
	    border: 8px solid #fff;*/
    box-shadow: 2px 1px 4px 0.3px #555;
}
.contenedor-text {
    width: 50%;
    padding: 15px;
}
.content-proyect{
    width: 990px!important;
    margin: auto;	
}
/*section.banerper-jy {
    width: 100%;
}*/
img.imagen-slider-prin{
	width:100%;
}
#cuerpo > a:hover section{
	color:#000;
	background-color:#999;
}

#contacto_form{
	color: #333333;
	display:inline-block;
	font-size:12px;
	font-weight: normal;
	margin: auto 74px 40px auto;
	vertical-align:top;
	width: 566px;
}

#contacto_info{
	color:#4c4c4c;
	display:inline-block;
	font-size:12px;
	letter-spacing:1px;
	margin:auto;
	vertical-align:top;
	width: 300px;
}

#img{
	width:617px;
	display:inline-block;
	margin-top:34px;
	text-align:center;
	vertical-align:top;
}

#detalle{
	display:inline-block;
	margin-right:20px;
	text-align:justify;
	vertical-align:top;
	width:350px;
}

#enviar{
	cursor:pointer;
}

#logo{
	margin:0px 0px 5px 244px;
	padding-top:20px;
}

#mapa{
	height:219px;
	width:417px;	
}


.boton_menu{
	cursor:pointer;
}

.bold{
	font-size: 14px;
	font-weight: bold;
}

.clientes{
	display:inline-block;
	margin:0px 0px 50px 22px;
	vertical-align:top;
	width:30%;
}

.contacto_input{
	border:#7b7b7b solid 1px;
	border-radius:2px;
	padding:7px;
	width:268px;
}

.foto_proyecto{
	display:inline-block;
	vertical-align:top;
	/*width:190px;
	height:190px;*/
	width:170px;
	height:170px;
	color:#FFF;
	text-decoration:none;
	padding:0px;
	margin:2.5px 1.75px;
}

.img_pro{
	position:relative;
	z-index:5;
	border:#896e33 solid 1px;
}

.line{
	border-left:#896e33 1px solid;
	height:25px;
	margin-top:-4px;
}

.line_marg{
	/*border-left:#896e33 1px solid;*/
	height:25px;
}

.nombre_proyecto{
	position:relative;
	display:none;
	z-index:10;
	/*width:170px;
	height:170px;*/
	width:150px;
	height:150px;
	/*margin:-194px 0 0 0;*/
	margin:-174px 0 0 0;
	padding:10px;
	background:rgba(0,0,0,0.65);
	font-family: 'Pontano Sans', sans-serif;
	font-weight:bolder;
	letter-spacing:0px;
	text-transform:uppercase;
}

.table{
	display:inline-block;
	vertical-align:top;
	margin:0 10px;
}


/*========================= cuerpo ==========================================*/

/*========================= footer ==========================================*/

footer{
	height:30px;
}

footer table{
	border-top:#b0b0b0 1px solid;
}

#creditos{
	font-weight: bold;
	font-style: italic;
}

#direc{
	color:#FFF;
	letter-spacing:1px;
}

/*========================= footer ==========================================*/


/*pagina de servicios*/
.sectionserv {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	}
div.servicios {
    /*width: 33.33%;*/
    width: 47%;
    padding: 5px;
    box-sizing: border-box;
    margin: 0px auto;
    margin-bottom: 1%;
}
ul.listados {
    list-style: none;
}
h1.title-servici {
    font-size: 18px;
}
img.imagen-servicio {
    width: 100%;
    height: auto;
}
h2.subtitle-serv {
    font-size: 15px;
    font-weight: bold;
}
/*fin pagina de servicios*/

section#banner{
	background:url(imagenes/cargando.gif) center center no-repeat;
	height: 380px;
	position: relative;
    overflow: hidden;
}

div{
	font-family: 'Pontano Sans', sans-serif;
}

@media (min-width: 412px) and (max-width: 732px) {
  div.proyectos {
        margin-left: 2.5rem!important;
  }
}	

@media (min-width: 460px) and (max-width: 560px) {
  section#banner {
      height: 120px;
  }
}	

@media (min-width: 320px) and (max-width: 480px) {
  section#banner {
      height: 120px;
  }
}

}