/* CSS3 */
/* Developed by: MrCh0n <mrchon@gmail.com> */  
/* fecha de creacion: 11/02/2013 */  
/* fecha de modificacion: 11/02/2013 */
/* =================================================================== 
 *                           Secciones
 * ===================================================================*/
/* =================================================================== 
 * Nuestra Empresa
 * ===================================================================*/

section{
	border:0px solid #0f0;
	background-image: url('../imagenes/2quienes/fondopantalla3.jpg');
	background-repeat:no-repeat;
	background-position: left top;
	background-color: #000;
	background-size: 100% 100%;
	background-position: center top;
    
	/*
	background-size:contain;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	
	position:absolute;
	top:80px;
	bottom:0;
    width:100%;
    
    height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
}
article{
	border:0px solid #f00;
	position:absolute;
	bottom:0;
	top:0;
    width:100%;
    
    height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
}

#body_nuestra{
	border:0px solid #fff;
	color:#fff;
	width:60%;
	margin-left:5%;
	margin-top:17%;
}

#body_centertxt1{
	line-height: 30px;
	text-align:justify;
}


#body_menunuestra{
	width:90%;
	margin:auto;
	margin-top:7%;
}

#body_menunuestra>ul{
	border:0px solid #fff;
	margin:auto;
	text-align:center;
	width:100%;
	list-style-type: none;
	list-style: none;
	list-style-position: inside;
	padding:0;
}

#body_menunuestra>ul>li{
	border:0px solid #fff;
	display:inline-block;
	float:left;
	overflow:hidden;
	width:33%;
	color:#fff;
	padding:10px 10px;
	background: rgba(0, 0, 0, .3);
	font-size:2em;
	  /*filter: alpha(opacity=30);
	  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=30);
	  -moz-opacity: 0.30;
	  opacity: 0.3;
	  zoom: 1;*/
}

#body_menunuestra>ul>li:hover{
	color:#fff;
	text-decoration:underline;
	cursor:pointer;
}


#body_menunuestra>ul>li>span{
	color:#fff;
}



#body_nuestra2{
	border:0px solid #fff;
	color:#fff;
	width:70%;
	margin-left:15%;
	margin-top:14%;
	font-size:1.5em;
	text-align:center;
}

#body_nuestra3{
	border:0px solid #fff;
	position:absolute;
	color:#fff;
	width:50%;
	margin-top:10%;
	right:0;
	font-size:1.3em;
	text-align:justify;
}

#subetab,#regresatab{
	border:0px solid #fff;
	position:absolute;
	bottom:5px;
	right:15px;
}

#subetab:hover,#regresatab:hover{
	cursor:pointer;
}

.alert_window {
    /*background-image: url('../imagenes/2quienes/back_valores.png');*/
	background-repeat:no-repeat;
	background-position: left top;
	background-color: #000;
	background-size: 100% 100%;
	background-position: center top;

}

.texto_titulo{
	position:absolute;
	right:0;
	background-color:#B23139;
	margin-right:20%;
	text-align:justify;
	font-size:2em;
	font-weight:bold;
	padding:15px 50px;
	display:none;
}

.texto_centrado{
	position:absolute;
	right:0;
	top:200px;
	margin-right:6%;
	width:40%;
	text-align:justify;
}

/*####################### RESPONSIVE ######################*/

/* hasta celulares iphones  6 plus*/
@media only screen and (max-width : 570px) {
	section{
		background-size: 100% 100%;
		background-position: center top;
		background-image: none;
		
	}
	#body_nuestra{	
		border:0px solid #fff;
		line-height: normal;
		width:90%;
		margin:0 5%;
	}
	
}
/* tabletas verticales*/
@media only screen and (min-width: 600px) and (max-width : 960px) {
	#body_nuestra{	
		border:0px solid #fff;
		width:60%;
		margin-top:45%;
	}
	#body_menunuestra{
		width:90%;
		margin:auto;
		margin-top:25%;
	}
	.divlogo>img{
		width:100%;
	}
	#body_nuestra2{
		border:0px solid #fff;
		width:70%;
		margin-left:15%;
		margin-top:40%;
		font-size:1.2em;
	}
	
	#body_nuestra3{
		border:0px solid #fff;
		margin-top:33%;
		font-size:1.3em;
		margin-right:3%;
	}
}
/* tabletas horizontales, viejas laptop */
@media only screen and (min-width: 960px) and (max-width : 1024px) {
	#body_nuestra{	
		border:0px solid #fff;
		width:60%;
		margin-top:25%;
	}
	#body_menunuestra{
		width:90%;
		margin:auto;
		margin-top:10%;
	}
	
	#body_nuestra2{
		border:0px solid #fff;
		width:70%;
		margin-left:15%;
		margin-top:22%;
		font-size:1.2em;
	}
	
	#body_nuestra3{
		border:0px solid #fff;
		margin-top:18%;
		margin-right:3%;
		font-size:1.3em;
	}
	
}
/* demas */
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
	#body_nuestra{	
		border:0px solid #fff;
		width:60%;
		margin-top:25%;
	}
}

/* demas */
@media only screen and (min-width : 1280px) {
	
}