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

.portada{
	width:100%; 
	height:491px;
/*	margin:0 auto;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;
	overflow:hidden;
*/}


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

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

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

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


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

/*elementos de las paginas de productos*/

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

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

.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;
*/}


/*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 */
}