body{ 
background-color: ;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
}
.clear {clear:both}

/*mensaje formulario*/
.msg_error{color:#FF0000;}
.msg_correcto{color:#009900;}

/*boton menu seleccionado*/
.on{border: 1px solid ; max-width:85%; min-width:100px; text-align:center;} 

/*-----ESTILOS FORMULARIOS---*/
.boton {
border:1px solid  ;
background-color: ;
width:20%;
font-size:1em;
color: #000000;
font-weight:bolder;
margin:0.5em;
text-align:center;
cursor:pointer;}
.boton:hover{ background-color:#FFFFFF ;color: #000000}

/*input formularios*/
.input_muygrande,.input_grande,.input_mediano,.input_pequeno{
border:0.1em solid #3D3630;
height:1.5em;
margin-bottom:0.3em;
width:75%;
display:inline-block;
font-size:0.8em;
}
.input_mediano{
	width:30%;
}
.input_pequeno {
	width:15%;
}
.input_muygrande {
	width:100%;
}
input{ border:1px solid #000000;}
textarea {border:1px solid #000000; width:90%;}

/*-------TEXTOS--------*/
a{text-decoration:none;}
p{font-size:1em; font-weight:400; color:}

/*titulos de las paginas*/
h1{font-size:1.5em; color: ; text-transform:uppercase;}
h2{font-size:0.9em;color: ; text-transform:uppercase}
h3{font-size:1em;color: ; text-transform:uppercase;}
h4{ float:right; font-weight:400; font-size:0.9em;color:}

ul { color:}

/*--------CONTENEDOR DE TODO------------*/
#contenedor_principal { margin:0 auto; width:100%; background-color: ;}

/*--------CONTENEDOR DE CONTENIDO -----------*/
#contenedor_contenido { margin:0 auto; width:100%; background-color: #FFFFFF;}

/*---------------CABECERA--------------*/
#cabecera{ width:100%; padding: 0 0.5em 0 0.5em; max-height:7.5em; border-top:1px solid  ; border-bottom:2px solid  ;}
#cabecera img{ width:85%;}
.tbl_cabecera{ width:100%;}

#cabecera label {font-size:2.5em;color: ;margin:0;padding:0 }


/*-------------MENU PRINICPAL---------------*/
#menu{
width:10%;
height:auto;
border-bottom:1px solid  #FFFFFF;
float:left;
display:inline;
text-align:center;
}
#menu table{ width:100%;} 
#menu table tr td{
max-width:85%; 
text-align:center;
padding:0.5em;
display:block;
text-align:center;
}
#menu table a{
color:;
font-size:1em;
text-transform:uppercase;
font-weight:bolder;
text-align:center;
}
#menu table a:hover{color:}

/* ------------INFORMACION TEXTOS---------------*/
#informacion{padding:0.2em; width:88%;float:right; display:inline;}
#informacion p{color: }
#informacion a {color: }
#info_izq, #info_der{ width:55%; float:left; color:}
#info_izq img {width:100%; border: 0.5em solid  ;}
#info_der{ width:40%; float:right;margin:3.5em 0 2em 0; border: 1px solid  ; padding:0.5em}

/*------FOOTER---------*/
#pie_pagina{width:100%;border-top: 1px solid ; margin-top:6em;}
#pie_pagina table{width:100%;}
#pie_pagina table td{width:25%; padding-right:1em;vertical-align:top;}
#pie_pagina table img{width:100%;}
#pie_pagina a{font-size:0.9em;padding-bottom:0.5em; color: ; display:block;}
#pie_pagina a:hover{color: ;}
#pie_pagina p{font-size:0.9em;color:;}


/*----------- GALERIA -----------------*/
.dg-container{	width: 100%;	height: 550px;	position: relative;	margin-top:2em;}
.dg-wrapper{
	width: 500px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	 perspective: 1000px;
}
.dg-wrapper a{
width: 500px;
height: 500px;
display: block;
position: absolute;
left: 0;
top: 0;
background: transparent url(../images/browser.png) no-repeat top left;
box-shadow: 0px 10px 20px rgba(0,0,0,0.3);}

.dg-wrapper a.dg-transition{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{	display: block;	width:100%;	height:100%; border: 0.5em solid }
.dg-wrapper a div{
	font-style: italic;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: ;
	font-size: 16px;
	width: 96.5%;
	height:auto;
	bottom: -100px;
	display: none;
	position: absolute;
	padding:1em;
	border: 1px solid ;
	margin:0 auto;
}
.dg-wrapper a.dg-center div{	display: block;}

/*flechas navegacion*/
.dg-prev{width:65px; top:10em; position:absolute; z-index:1000; left:5%;cursor:pointer;}
.dg-next{width:65px; top:10em; left:91%;position:absolute; z-index:1000;cursor:pointer}

/*---- MENU DE PRODUCTOS EN GALERIA ------------*/

#menu_galeria{margin: 0 auto; width:80%;}
.menu_familia{
display:inline-block;
margin:0.2em;
border:0.1em solid ;
padding:0.4em;
color: #000000;  
font-weight:bolder;
width:28%;
min-width:250px;
background-color:#FFFFFF;
text-align:center;
}
.menu_familia:hover{
background-color: ; 
color:;
transition: all 1s ease;
cursor:pointer;
}

.menu_proveedores{display:inline-block;width:150px; height:150px; background-color:#FFFFFF;text-align:center; margin:0.2em; vertical-align: top; border: 1px solid  }
.menu_proveedores label{ line-height:2em;}
.menu_proveedores img{ width:100%;}

/*----------RESPONSIVE WEB---------*/
@media(max-width:1300px){
#contenedor_principal {width:95%;}
#menu table tr td{width:14%;}
}