* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*.ventana_principal{
    width:1200px;
    min-height:600px;
	margin:auto;
}*/


/*Configuracion Portada */
.portada_superior{
    position:relative;
    top:-7px;
    left:8%;
    width:1000px;
    height:140px;
     border-style:solid;
   border-color: #FFF;
	border-radius:6px 6px 6px 6px;
}

    
.logo_corp{
    position:relative;
    width:320px;
    height:120px;
    top:10px;
    float:left;
   /* border-style:solid;
    border-color: #6EAA6F;*/
    background-image: url("logo_corporativo.png");
}

.horario{
    position:relative;
    width:250px;
    height:80px;
    float:right;
    top:40px;
   /* left:845px;
    top:-60px;
   /*     border-style:solid;
    border-color: #6EAA6F;*/
    text-align:right;
    
}
/*terminio deficion portada superioor*/


/*Definicion Menu*/
.menu_principal{
   /* position:absolute; top:210; left:256;*/
    position:relative;
    width:100%;
    height:60px;
    background-color:#6EAA6F;
    border-style:solid;
    border-color: #6EAA6F
}


/* Configuraciones de menus*/

.button ul {
    list-style-type: none;
    margin: 20px;
    padding: 20px;
}

.button li {
    display: inline;
    background-color: #6EAA6F;
    padding:5px 5px 5px 5px;
    font-style: italic;
    color: #FFFFFF;
}

.button li a {
    padding:10px 15px 15px 15px;
    color: #FFF;
    background-color: #6EAA6F;
}

.button li:hover {
    background-color: #6EAA6F;
    color: #AAA;
    }
  
.button li a:hover {
    background-color: #fff;
    color: #6EAA6F;
}
/*termino Configuraciones de Menus*/



    
/*Portada principal */

.bienvenida{
    position:relative;
    left:3%;
    margin:30px;
    
    width:90%;
    height:300px;
    border-style:solid;
    border-color: #FFF;
	border-radius:6px 6px 6px 6px;
	}

.izquierda{
    margin: 10px;
	border-style:solid;
    border-color: #6EAA6F;
    text-align:center;
    font: 15px cursive;
    color:#333;
	width:50%;
    height:95%;
	background-image: url("imagen_principal.jpg");
	float: left;
	}

.derecha{
    margin: 5px;
    text-align:center;
    font: 15px cursive;
/*	border-style:solid;
    border-color: #6EAA6F;*/
    color:#333;
    line-height: 2em;
    height: 50%;
	width: 45%;
	float: right;
	}		
	
.portada_bienvenida{
    position:relative;
    left:17%;
    top: 30px;
    width:1100px;
    height:600px;
    border-style:solid;
    border-color: #aaaaaa;
	border-radius:70px 5px 70px 5px;
	background-image: url("portada_bienvenida.jpg");

}

/*Termino Portada principal */

/*definicion Productos*/

.productos{
    position:relative;
    left:3%;
    margin:30px;
    
    width:90%;
    height:300px;
    
    /*Verificar Ubicacion*/
   /* border-style:solid;
    border-color: #AAA;
	border-radius:6px 6px 6px 6px;*/
	}
	
.foto_productos{
    position:relative;
    width:48%;
    height:300px;
    top: 0px;
    border-style:solid;
    border-color: #6EAA6F;
    background-image: url("../css/productos.jpg");
    float: right;
}
.descripcion_productos{
    margin: 1px;
    height:300px;
    text-align:center;
    font: 15px cursive;
    color:#333;
    line-height: 1.5em;
	width: 48%;
	float: left;
	/*cuadrado para ubicacion*/
	/*
	border-style:solid;
    border-color: #6EAA6F;*/
    
}

/*definicion catalogo de Productos*/

.producto{
    position:relative;
    border-style:solid;
    width:60%;
    height:300px;
    margin: 10px;
    left:200px;
  
    border-color: #6EAA6F;
    
}
.foto_producto{
    position:relative;
    height:100%;
    border-style:solid;
    width:30%;
    background-image: url("../img/cuadernos_corporativo.jpg");
    float: left;
    
    
}
.descripcion_producto{
    position:relative;
    border-style:solid;
    text-align:center;
    width:60%;
    height:100%;
    float: right;
}

/*termino de definicion catalogo de productos*/


/*Definicion Firma*/   
    
.firma{
    position:relative;
    width:100%;
    height:80px;
    color:#FFF;
    /*border-style:solid;
    border-color: #FFF;
	border-radius:20px 20px 20px 20px;*/
	background-color:#242;
	font: 13px  cursive;
	text-align:center;
}

.firma_izquiera{
    margin: 10px;
	width:48%;
    height:80%;
	float: left;
	
	/*cuadro de Revision*/
	/*
    border-style:solid;
    border-color: #6EAA6F;
    */
    
}

.firma_derecha{
    margin: 10px;
	width:48%;
    height:80%;
	float: left;
	
	/*cuadro de Revision*/
	/*
    border-style:solid;
    border-color: #6EAA6F;
    */
    
}

/*Termino de definicion Firma*/

/*Definicion de desarrollo*/

.desarrollo{
    font: 13px  cursive;
    text-align:center;
    
	/*cuadro de Revision*/
	
    border-style:solid;
    border-color: #FFF;
    
    
}

/*termino definicion desarrollo
    
 /*   
.portada{
    position:relative;
   	width:1200px;
	margin:auto;
	min-height:125px;
    border-style:solid;
	border-color: #800;
	border-radius:6px 6px 6px 6px;
	background-image: url("portada_daprint.jpg");
	opacity:0.90;
	Top:5px;
}*/