@charset "utf-8";
/* CSS Document */
.portada{
	width:100%; 
	height:319px;
}


.contenedor_rotador{
	margin:0 auto;
	width:100%;	
	height:230px;
	position:relative; /* este relative es para los botones*/		
}

.rotador{
	width:100%;
	height:230px;
	overflow:hidden;
	margin:10px 0;
}

.grupo_rotador{
	width:100%;
	height:230px;
	position:relative; /*muy importante colocar esto porque si no el texto rotador con position absolute no funciona*/
}

.texto_rotador{
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.texto_titulo_rotador{
	font-size:18px;	
}


/*botones*/
button {
/*    background-color: rgb(156, 186, 59); 
    color: white;*/
    padding: 8px 14px;
    margin: 8px 0;
/*    border: none;
    cursor: pointer;
    width: 100%;
	z-index:200;
	border-radius: 20px;
*/}



/*seccion nosotros*/

.contenedor_nosotros{
	width:100%;
	height:600px;
	position:relative; 
	background-color:#FFF;
}
.titulonosotros{
	width:100%;
	height:20%;
	line-height:120px;
	color:#000;
	font-size:36px;
	text-align:center;
	background-color:#FFF;	
}
.textonosotros{
	margin:0 auto;
	width:60%;
	height:468px;
	text-align:justify;
	font-size:18px;
	background-color:#FFF;	
}

.logo{
/*    position:fixed;*/
    left:15px;
/*    top:30px;
    width:50px; 
	height:auto;
	z-index:206;*/
}
.logo2{
/*    position:fixed;*/
    left:15px;
/*    top:30px;
    width:50px; 
	height:auto;
	z-index:206;*/	
}
.logopie{
/*    position:absolute;
    left:15px;
    top:80px;
    width:100px; 
	height:28px;	*/
}

.titulotextocaja{
	/*position:absolute;*/
	/*top:40%;*/
	/*font-weight:bolder;*/
	font-size:18px;
		
}



/*elementos de las paginas de productos*/

.contenedor_productos{
	width:100%;
	height:300px;
	padding:25px 0 0 0;
	background-color:#FFF;
}

.cuadro_productos_margen{
/*	width:20%; 
	height:100%;
	background-color:#FFF;
	float:left;	*/
	display:none;
}
.cuadro_productos_foto{
/*	width:200px;
	height:150px;
	background-color:#FFF;
	float:left;
	border-style:solid;
	border-color:#FFF;
	cursor:pointer;	
	overflow:hidden;
*/
	width:267px;
	height:200px;
	float:none;
	margin:0 auto;
	
}
.cuadro_productos_foto img{
	width:267px;
	height:200px;
}

.cuadro_productos_texto{
/*	width:20%; 
	height:138px;
	background-color:#fff;
	float:left;	
	padding:5px 20px;
	border-style:solid;
	border-color:rgb(156, 186, 59);
	margin-top:2px;
*/
	width:60%;
	float:none;
	margin:0 auto;
	height:auto;
	border-color:#FFF;
}

/*codigo para los contenidos apilados desplegables*/
.contenedorpanel{
	padding:75px;
}

.flip {
    padding: 5px;
}


.panel {
    padding: 20px 5px;
}


/*fin de contenidos desplegables*/





/*estilos relativos al pie de pagina*/
.pie{
	/*margin:0 auto;*/
	/*background-color:rgba(0,0,0,0.8);*/
	width:100%;
	height:400px;
	/*text-align: center;*/
    /*padding: 45px 0 0 0;*/
	/*color:#FFF;*/
	position:relative;
}
.cajapie{
	width:100%;
	height:120px;
	float:none;	
	padding: 10px 0 0 0;
	text-align:center;
	/*border-left-color:#FFF;
	border-left-width:medium;*/
	position:relative;
}
.cajapie p{
	font-size:16px;
}

.logopie{
    /*position:absolute;*/
    /*left:30px;*/
    /*top:30px;*/
	/*margin:0 auto;*/
    width:200px; 
	height:80px;
	margin-left: -100px; /*la mitad del ancho de la imagen*/
	margin-top: -40px;  /*la mitad del alto de la imagen*/
	position:absolute;
	left: 50%;
	top: 50%;	
}

.derechos{
	width:100%;
	height:24px;
	line-height:24px;
	font-size:16px;
/*	background-color:#FFF;
	color:rgba(0,0,0,0.8);*/
	border-radius: 0;
/*	text-align:center;
	cursor:pointer;
	transition: 0.5s;*/
}
.derechos:hover{
/*	background-color:rgb(156, 186, 59);
	color:#FFF;	*/
}





.pc{
	display:none;
}
.celular{
	display:block;
}
.tableta{
	display:none;
}


/*pantalla modal viene de clase login*/
.modal-content {
    /*background-color: #fefefe;*/
    /*margin: 5% auto 15% auto;*/ /* 5% from the top, 15% from the bottom and centered */
    /*border: 1px solid #888;*/
    width: 60%; /* Could be more or less, depending on screen size */
}