/*Hoja de estilos*/


/*index*/

@media all and (min-width:0px) and (max-width:1024px)
    
/*-INDEX-*/
    
#pagina{
    width: 1024px;
    height= auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    }
    

body {
    background-color: #f2f9fd;
    }


div#logo{
    width: 1024px;
    margin-top: 20px;
    float: left;
    margin-left: 0px;
    position: relative;
    border-bottom: #15518F solid;
    border-bottom-width: thick;
    text-align: center

}

header {
width: 1024px;
height: 208px;
/*--border-bottom: #00104c solid;
border-bottom-width: thick;--*/
}


nav{ 
    /*-float: right;-*/
    float: left;
    margin: 0px 0 0 0;
    width: 1024px;
    height: auto;
    text-align: center;
    }

nav ul li{ 
    float: left; 
    list-style-type:none;
}

nav ul li a:hover{ 
    background : #239443/*-#00893B-*/;
    color: #fff;
}

nav ul li a{ 
/*-margin-top: 20px;-*/
float: left;
margin-right: 8px;
text-decoration: none;
padding: 12px;
font-family: 'Open Sans', sans-serif;
background: #fff;
color: #15518F;
font-size: 14px;
    background-color: #f2f9fd;
    /*-border-right: #00104c solid;
    border-left: #00104c solid; -*/
    }

div#botonera {
    width: 1024px;
    height: 40px;
    float: left;
    }

body {
    display: block;
    width: 1024px;
    height: auto;
    max-height: auto;
    margin-left: auto;
    margin-right: auto;
    }

div#slider {
    margin-top: 10px;
    float:left;
    width: 1024px;
    text-align: center;
    }

#ind {
    margin-top: 20px;
    width: 1024px;
    height: 297;
    float: left;
    font-family:'Open Sans', sans-serif;
    font-size: 14px;
    background-color: #f3f3f3;
    }

#ind-izq {
    width: 328px;
    height: auto;
    float: left
    }

#ind-cen-der {
    margin-left: 20px;
    width: 676px;
    height: auto;
    float: left;
    }

#ind-cen-der-1 {
    width: 328px;
    height: auto;
    float: left;
    }

#ind-cen-der-2 {
    margin-left: 20px;
    width: 328px;
    height: auto;
    float: left;
    }



/*- INSTITUCIONAL -*/

/*-#izq-2 {
    float: left;
    height: 5px;
    width: 164px;
    }-*/



#izq-med {
    float: left;
    height: auto;
    width: 676px;
    }


#izq-med p{
    float: left;
    font-family:'Open Sans', sans-serif;
    font-size: 14px;
    }

#izq-med-1 h1 {
    margin-top: 10px;
    font-family:'Open Sans', sans-serif;
    background-color: #15518F /*-#00893B-*/;
    color: #fff;
    position: relative;
    text-align: center;
    }


#izq-med-2 {
    float: left;
    height: auto;
    width: 328px;
    }

#izq-med-3 {
    margin-left: 20px;
    float: left;
    height: auto;
    width: 328px;
    }

#der-2 {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    height: auto;
    width: 328px;
    height: 580px;
    font-family:'Open Sans', sans-serif;
    font-size: 14px;
    background-color: #f3f3f3;
    }

#der-2-1 {
    margin-top: 20px;
    }



/*- CATALOGO -*/

#botonera_catalogo {
    width: 1024px;
    height: 60px;
    }

nav#b_catalogo{
    margin-bottom: 20px;
    width: 1024px;    
}
nav#b_catalogo strong {
    font-family: 'Open Sans', sans-serif;
    }

nav#b_catalogo ul li{ 
    float: left; 
    list-style-type:none;
}

nav#b_catalogo ul li a:hover{ 
    background : #15518F;
    color: #fff;
}

nav#b_catalogo ul li a{ 
float: left;
margin-right: 10px;
text-decoration: none;
padding: 12px;
font-family: 'Open Sans', sans-serif;
background: #fff;
color: white;
font-size: 12px;
    background-color: #239443;
    border-right: #00104c solid;
    border-left: #00104c solid;
    }

/*-#izq-gal {
    width: 154px;
    height: 40px;
    float: left;
    position: relative;
    }-*/


#cen-izq-gal {
/*-    margin-left: 20px;-*/
    margin-top: 10px;
    width: 502px;
    height: auto;
    float: left;
    position: relative;
    }

#cen-der-gal {
    margin-top: 10px;
    margin-left: 20px;
    width: 502px;
    height: auto;
    float: left;
    position: relative;
    }

/*-#der-gal {
    margin-left: 20px;
    width: 154px;
    height: 40px;
    float: left;
    position: relative;
    }-*/

/*-PRODUCTOS-*/

#productos {
    width: 1024px;
    height: auto;
    }

#izq-prod {
    width: 502px;
    height: auto;
    margin-top: 10px;
    float: left;
    }

#der-prod {
    width: 502px;
    height: auto;
    margin-top: 10px;
    margin-left: 20px;
    float: left;
    }


/*-CAT-1-*/

#catalogos {
    height: auto;
    width: 1024px;
    position: relative;
    }


#titulo1 {
    width: 1024px;
    margin-top: 10px;
    font-family:'Open Sans', sans-serif;
    background-color: #239443 /*-#00893B-*/;
    color: #fff;
    position: relative;
    text-align: center;
    }

#titulo2 {
    font-family:'Open Sans', sans-serif;
    background-color: #239443 /*-#00893B-*/;
    color: #fff;
    width: 1024px;
    float: left;
    text-align: center;
    }

#cat-1-izq {
    width: 328px;
    height: auto;
    float: left;
    margin-bottom: 20px;
    }

#cat-1-cen {
    width: 328px;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    }

#cat-1-der {
    width: 328px;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    }


/*-CONTACTO-*/
#contact_section {
	margin-top: 1px;
    width: 1024px;
    height: 297;
    float: left;
    font-family:'Open Sans', sans-serif;
    font-size: 14px;
    }

#left_col {
    width: 370px;
    height: auto;
    float: left
    }

#right_col {
	border-style: solid;
	border-width: 6px;
    margin-right: 0px;
	border-color: #00104c;
	margin-top: 10px;
    width: 620px;
    height: auto;
    float: right;
    }

#left_col h1 {
    margin-top: 10px;
    font-family:'Open Sans', sans-serif;
    background-color: #15518F /*-#00893B-*/;
    color: #fff;
    position: relative;
    text-align: center;
    }
	
#contact_form {
    margin-top: -10px;
    width: 650px;
}

#contact_form p {
    font-size: 14px;
    font-weight: 600;
    margin-left: 25px;
}
	
#contact_name_box {
    height: 35px;
    margin-bottom: 25px;
    margin-top: -20px;
    width: 560px;
}	

#contact_phone_box, #contact_email_box {
    height: 35px;
    margin-bottom: 25px;
    margin-top: -20px;
    width: 560px;
}

#contact_msg_box {
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
    height: 150px;
    margin-bottom: -25px;
    margin-top: -10px;
    width: 560px;
}




/*footer*/

div#abajo{
    margin-top: 20px;
    width: 1024px;
    height: 130px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
	font-size: 14px;
    text-align: center;
	border-top: #15518F solid;
    border-top-width: thick;
    float: left;
}

#abajo h2 {
color: #00104c;
}

#f1 {
    height: 91px;
    width: 502px;
    float: left;
    margin-top: 25px;
    position: relative;
    border-right: #239443 solid;
    border-right-width: thick;
    }

#f1-1 {
    float: left;
    text-align: center;
    width: 502px;
    }


#f2 {
    margin-left: 15px;
    align-content: center;
    height: 91px;
    width: 502px;
    float: left;
    margin-top: 25px;
    position: relative;
    border-right-width: thick;
}

#f2-1 {
    float: left;
    text-align: center;
    width: 502px;
    }


/*--
#f3 {
    margin-left: 15px;
    align-content: center;
    height: 91px;
    width: 328px;
    float: left;
    margin-top: 15px;
    position: relative;
    }

#f3-1 {
    float: left;
    width: 328px;
    } --*/



/*-footer

div#abajo{
    margin-top: 20px;
    width: 1024px;
    height: 120px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
	font-size: 12px;
    text-align: center;
	border-top: #15518F solid;
    border-top-width: thick;
    float: left;
}

#abajo h2 {
color: #15518F;
}

#f1 {
    height: 91px;
    width: 328px;
    float: left;
    margin-top: 15px;
    position: relative;
    border-right: #239443 solid;
    border-right-width: thick;
    }

#f1-1 {
    float: left;
    width: 328px;
    }


#f2 {
    margin-left: 15px;
    align-content: center;
    height: 91px;
    width: 328px;
    float: left;
    margin-top: 15px;
    position: relative;
    border-right: #239443 solid;
    border-right-width: thick;
}

#f2-1 {
    float: left;
    width: 328px;
    }



#f3 {
    margin-left: 15px;
    align-content: center;
    height: 91px;
    width: 328px;
    float: left;
    margin-top: 15px;
    position: relative;
    }

#f3-1 {
    float: left;
    width: 328px;
    }

-*/


#frase {
    width: 1024px;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-align: center;
	float: left;
    }