@charset "UTF-8";
/* PRODEMEX */
body{
	margin:0;
	padding:0;
	overflow-x:hidden;
}
p{
	text-align:justify;
}

#video-prodemex{
	margin-top:90px;
}

#login{margin-left:auto;
margin-right:auto; padding-top:40px; text-align:center;
}

@media (min-width: 1200px){
	.navbar-collapse{
		padding-left:0px;
		padding-right:0px;
	}
	.navbar-brand{
		position:absolute;
	left:100px;
	}
}
@media (min-width: 768px){
	.navbar-collapse{
		padding-left:0px;
		padding-right:0px;
	}
	.navbar-brand{
		position:absolute;
		left:30px;
		width:70%;
	}
}



/*TÍTULOS DE PÁGINA*/
.titulo-pagina h1{
	color:#000;
}
.titulo-pagina{
	border-bottom:#000 solid 1px;
	width:100%;
	height:auto;
	margin-bottom:20px;
	z-index:9999;
}

/*MENU SUPERIOR*/
.top-bar{
	background-color:#003667;
	color:#FFF;
}
.top-bar li{
	display:inline-block;
	list-style:none;
}
.top-bar li a{
	color:#FFF;
	padding:0px 10px 0px 10px;
}
.top-bar li a:hover{
	color:#ee3d41;
}

#idioma img{
		width:28px;
		height:28px;
}
#idioma img:hover{
		cursor:pointer;
		opacity:0.8;
}


/*MENÚ PRINCIPAL*/
nav{
	background-color:#FFFFFF !important;
}

/*TIPOGRAFÍA DEL MENÚ PRINCIPAL*/
nav .navbar-nav li a{
	color:#383838 !important;
}
nav .navbar-nav li a:hover{
	color:#FFFFFF !important;
}
/*TIPOGRAFÍA DEL SUBMENÚ*/
nav .navbar-nav .dropdown-menu li a{
	color:#CCC !important;
}

/*PIE DE PÁGINA*/
footer{
	background-color:#003667 !important;
	color:#FFF !important;
}

/*ENCABEZADO DE SECCION*/
#encabezado {
	float:left;
 	width: 100%;
 	height: 390px;/*620*/
 	display: block !important;
	background-repeat:no-repeat !important;
	margin-top:-20px;
}
/*INICIO SECCIÓN TRANFORMACIÓN*/
#encabezadoTransformacion{
    background-image: url(../images/genteProdemex/Graficos-fondo.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    text-align: center;
    /* padding-bottom: 250px; */
    padding-bottom: 20%;
}
#encabezadoTransformacion > img{
    width: 30%;
}
.disculpen{
    font-size: 3em;
    color:rgb(12,50,85);
    text-align: center;
}
#notaCEC{
  margin-top: -39px;
  background-color: rgb(12,50,85);
  width: 100%;
  height: auto;
}
#notaCEC > h1{
  margin: 2% 0% 2% 10%;
  font-size: 2vw;
  float: left;
}
#notaCEC > img{
  width: 10%;
  height: auto;
  margin-left: 10%;
  margin-top: 1%;
}
/*TERMINA ENCABEZADO DE SECCION*/

/*SLIDER DE CADA PROYECTO*/
#slider-proyecto{
	height:300px !important;
	background-position:center;
	background-size:contain;
}
#slider-proyecto .item{
	
	height:300px !important;
}


#sub-slider .carousel #slider-proyecto .carousel-content {
  margin-top: 10px;
  background:rgba(0,54,103,0.5);
  width:100%;
  text-align:center;
}

#sub-slider .carousel #slider-proyecto .slide-margin{
  margin-top: 40px;
}


/*ESTRUCTURA CORPORATIVA*/
#ec-mobile{
	display:none;
}

/*PROYECTOS*/

.titulo-proyecto {
	color:#ef3d41 !important;
	font-size:30px;
	
}
.ubicacion {
	color:#ef3d41 !important;
}

.divisiones{
	text-align:center;
}
.divisiones-inner{
	text-align:center;
	padding:10px;
	border:#FFF solid 1px;
	color:#FFF;
	font-size:20px;
    margin-top: 0px;
}

.recent-work-wrap img{
/*	border:#CCC solid 1px;
*/}

#drop-proyectos{
	float:left;
	position:relative;
	margin-top:2%;
	margin-right:5%;
	z-index:9999;
}
#drop-proyectos li{
	list-style:none;
}
#drop-proyectos #boton-proyectos{
	padding:15px;
	background:#CCC;
	
}
#feature #drop-proyectos .dropdown #menu-proyectos{
	position: absolute;
	z-index:998;
	
}


/*MENU DIVISIONES*/
.dropdown .divisiones li{
	list-style:none;
	text-align:left;
	line-height:28px;
}
.dropdown .divisiones li:hover{
	color:#C52C2F;
}

/*MENU DIVISIONES*/


/*MEDIA QUERY: SCREEN*/

@media only screen and (min-width:768px){
	/*.top-bar #idioma .col-sm-3, .con-xs-8{
		width:20%;
		
	}
	.top-bar #menu-superior .col-sm-6, .col-xs-4{
		width:45%;
	}*/
	
	/*SUBMENÚ*/
	.navbar-inverse .navbar-nav .dropdown-menu{
		width:270px;
	}
    .dropdown-menuGente{
        width: 320px!important;
  }
	/*SUBMENÚ*/
	
	.top-bar{
		height:40px;
	}
	.top-bar li{
		font-size:11px;
	}
	#menu-divisiones{
			width:100%;
	}
	#menu-divisiones img{
			display:inline-block;
			margin:5px 0px 5px 0px;	
	}
	
}
/*MEDIA QUERY: TABLET*/
@media only screen and (min-width:481px) and (max-width:767px){
		.col-sm-3{
			width:100%;
			clear:both;
			text-align:center;
		}
		
		.col-sm-3 .social{
		float:none;
		width:100%;
		clear:both;
		display:block;
		text-align:center !important;
		}
		.col-sm-3 .social-share{
		float:none;
		width:100%;
		display:block;
		margin-left:3%;
		text-align:center !important;
		}
		#idioma{
		float:none;
		width:100%;
		clear:both;
		display:block;
		text-align:center; 
		}
		#menu-superior{
		width:100%;
		clear:both;
		}
		#menu-superior ul li{
			display:list-item;
			text-align:center;
		}
		#menu-inferior ul li{
			display:list-item;
			text-align:center;
		}
		#menu-divisiones img{
			display:list-item;
			text-align:center;
			width:auto;
		}
		#menu-pie{
		width:100%;
		clear:both;
		}
		#menu-pie ul li{
			display:list-item;
			text-align:center;
		}
		#main-slider .row #encabezado{
			width:100% !important;
			height:200px !important;
			background-size:cover !important;
			
		}
		
		#main-slider .carousel .carousel-content {
  			width:70%;
			position:absolute;
			right:15%;
  			margin-top: 250px;
  			background:rgba(256,256,256,0.8);
  			text-align:center;
  			padding:10px;
  			border-radius:0px;
		}
		
		#main-slider .carousel .carousel-content h1{
			font-size:24px;
		}
		
		#drop-proyectos{
		float:none;
		position:relative;
		margin-left:50%;
		z-index:9999;
		}
		
		#menu-divisiones img{
			display:inline-block;
			margin:5px 0px 5px 0px;
			
			
		}
		
		/*ESTRUCTURA CORPORATIVA*/
		#ec-mobile{
			display:block;
		}
		#ec-desktop{
			display:none;
		}
        
        /*ESTRUCTURA EN CONSTRUCCIÓN*/
        #notaCEC{
          margin-top: -38px;
          background-color: rgb(12,50,85);
          width: 100%;
          height: auto;
        }
        #notaCEC > h1{
          margin: 2% 0% 2% 2%;
          font-size: 1.1em;
          float: left;
        }
        #notaCEC > img{
          width: 10%;
          margin-left: 2%;
          margin-top: 1%;
        }
		
	}
	
/*MEDIA QUERY: MOBILE*/
@media only screen and (max-width:480px){
		.icon-bar{
			border:1px solid #CCC;
		}
		
		#menu-superior{
			display:none;
		}
		.item{
			background-size:auto !important;
		}
		#main-slider #encabezado{
			background-size:cover !important;
			background-position:center center;
		}
		
		
		p{
			text-align:justify;
			font-size:0.9em !important;
		}
		.titulo-pagina h1{
			font-size:2em;
		}
		.col-sm-3{
			width:100%;
			clear:both;
			text-align:center;
		}
		
		.col-sm-3 .social{
		float:none;
		width:100%;
		clear:both;
		display:block;
		text-align:center !important;
		}
		.col-sm-3 .social-share{
		float:none;
		width:100%;
		display:block;
		margin-left:5%;
		text-align:center !important;
		}
		
		#idioma{
		float:none;
		width:100%;
		clear:both;
		display:block;
		text-align:center; 
		}
		#menu-superior{
		width:100%;
		clear:both;
		}
		#menu-superior ul li{
			display:list-item;
			text-align:center;
		}
		#menu-inferior ul li{
			display:list-item;
			text-align:center;
		}
		#menu-divisiones img{
			left:auto;
			right:auto;
			display:list-item;
			text-align:center;
			width:auto;
			margin:5px 0px 5px 0px;
		}
		#menu-pie{
		width:100%;
		clear:both;
		}
		#menu-pie ul li{
			display:list-item;
			text-align:center;
		}
		
		#video-prodemex{
			margin-top:20px;
		}
		
		#cliente{
			width:100%;
		}
		
		#main-slider .row #encabezado{
			width:100% !important;
			height:100px;
			background-size:contain !important;
			
		}
		
		#main-slider .carousel .carousel-content {
  			width:100%;
			position:absolute;
			right:0px;
  			margin-top: 250px;
  			background:rgba(256,256,256,0.8);
  			text-align:center;
  			padding:10px;
  			border-radius:0px;
		}
		
		#main-slider .carousel .carousel-content h1{
			font-size:24px;
		}
		

		
		#drop-proyectos{
		float:none;
		position:relative;
		margin-left:50%;
		z-index:9999;
		}
		
		/*ESTRUCTURA CORPORATIVA*/
		#ec-mobile{
			display:block;
		}
		#ec-desktop{
			display:none;
		}
  
        /*ESTRUCTURA EN CONSTRUCCIÓN*/
        .disculpen{
            font-size: 2em;
        }
        #notaCEC{
            margin-top: -38px;
            background-color: rgb(12,50,85);
            width: 100%;
            height: auto;
            text-align: center;
        }
        #notaCEC > h1{
            text-align: center;
            margin: 5% 0% 2% 2%;
            font-size: 1.1em;
            float: none;
        }
        #notaCEC > img{
            width: 30%;
            margin-left: 2%;
            margin-top: 1%;
            margin-bottom: 5%;
        }
		
	}