/* RESETE */

/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {    margin:0;    padding:0;    border:0;    outline:0;    font-size:100%;    vertical-align:baseline;    background:transparent;}body {    line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {    display:block;}nav ul {    list-style:none;}blockquote, q {    quotes:none;}blockquote:before, blockquote:after,q:before, q:after {    content:'';    content:none;}a {    margin:0;    padding:0;    font-size:100%;    vertical-align:baseline;    background:transparent;}/* change colours to suit your needs */ins {    background-color:#ff9;    color:#000;    text-decoration:none;}/* change colours to suit your needs */mark {    background-color:#ff9;    color:#000;    font-style:italic;    font-weight:bold;}del {    text-decoration: line-through;}abbr[title], dfn[title] {    border-bottom:1px dotted;    cursor:help;}table {    border-collapse:collapse;    border-spacing:0;}/* change border colour to suit your needs */hr {    display:block;    height:1px;    border:0;    border-top:1px solid #cccccc;    margin:1em 0;    padding:0;}input, select {    vertical-align:middle;}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#282828;
}

.botonera{
	width:100%;
	background-color:rgba(0,0,0,0.8);
	height:4em;
	position:absolute;
	top:0;
	text-align:center;
	padding-top:0.2em;
	padding-bottom:0.2em;
	z-index:999;
	}
	
.botoneraPie{
	width:100%;
	background-color:#000;
	height:1em;	
	position:absolute;
	top:4.5em;
	text-align:center;
	z-index:999;
	}
	
.botoneraContPie{ 
	max-width:1000px; 
	margin:auto; 
	text-align:left; 
	line-height:1em; 
	padding-right:1em;
	}

.botoneraCont{
	max-width:1000px;
	margin:auto;
	}
	
.botoneraLogo{
	float:left
	}
	
.botoneraMenu{
	display:none;
	}
	
.botoneraBotones{
	float:right;
	}
	
.botoneraBotones ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	
.botoneraBotones Li{
	float:left; margin:1em;
	}
	
.botoneraBotones Li a{
	text-decoration:none;
	color:#666;
	font-weight:normal;
	transition-property:all; transition-duration:1s;
	line-height:30px;
	}

.botoneraBotones Li a:hover {
	color:#ff0000;
	transition-property:all; transition-duration:0.5s;
	line-height:60px;
	}
	
.encabezado{
	height:26em;
	width:100%;
	border:none;
	border-bottom:solid #000 3px ; 
	min-height:26em;

	}
	




.fondo{ background-color:#FFF;
width:100%;
clear:both; margin:auto;
padding: 10px 0 10px 0;display:table;}

.contenido{
	max-width:1000px;
	margin:auto;
	margin-top:0em;
	margin-bottom:0em;
	
	}
.contenidoFlecha{
	float:left;
	height:2em;
	line-height:2em;
	}

.contenidoTitulo{
	float:left;
	font-size:200%;
	font-weight:bold;
	letter-spacing:-0.1em;
	color:#ff0000;

	}

.contenidoTexto{
	padding-top:1em;
	clear:both;
	color:#666;
	}
	
	
/*     PRODUCTOS        */
	
.productos{}
.productosMenu{}

	
.productosMenu ul{
	list-style:none;
	width:95%;
	height:20px;
	overflow:hidden;
	margin-top:-40px;
	margin-left:175px;
	transition:all 3s;
	}
	
.productosMenu ul:hover{
	margin-top:-20px;
	height:300px;
	transition:all 1s;
	margin-left:-2%;
	}

.productosMenu ul:hover li{
	
	margin:0.5%;
	transition:all 1s;
	width:19%;
	}


.productosMenu li{	
	width:15%;
	margin:1.5%;
	margin-top:-190px;
	float:left;
	transition:all 3s;
	}

.productosMenuFoto{
	float:left;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	height:200px;
	width:100%;
	transition:all 1s;
	}
	
.productosMenuTexto{
	float:left;
	width:100%;
	text-align:center;
	color:#AAA;
	height:30px;
	margin-top:-100px;
	line-height:200px;
	transition:all 1s;
	font-size:1em;
	}

.productosMenu li:hover .productosMenuTexto{
	margin-top:-200px;
	opacity:0.7;
	color:#FFF;
	background-color:#09C;
	opacity:0.7;
	transition:all 1s;
	height:200px;
	font-size:2em;
	}
	
.productosMenu li:hover .productosMenuFoto{
	background-size:150%;
	transition:all 3s;
	}

.productosBarra{
	width:100%;
	height:1em;
	background-color:#09C;
	}
.productosTitulo{
	float:left;
	font-size:6em;
	text-align:left;
	letter-spacing:-12px;
	color:#333;
	width:60%;
	}
.productosFotoPrincipal{
	float:right;
	}
	
.productosTextoDescripcion{
	float:left; width:60%;}

.productosPresentacionTitulo{
	width:98%;
	padding:1%;
	background-color:#333;
	color:#CCC;
	font-size:1em;
	text-align:right;
	clear:both;
	margin-bottom:1%;}
.productosPresentacionTexto{
	width:100%;


}
	
	
	
	
	
	
	
	

.contenidoCatalogo{
	float:left; 
	width:100%;
	padding-top:1em;
	height:25em; 
	background-image:url(img/catalogo.jpg); 
	background-repeat:no-repeat; 
	background-size:contain;
	}
	
.contenidoFoto{
	height:200px;
	width:100%;
	clear:both;
	background-image:url(img/foto1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	border-radius:15px;
	border:dashed 1px #fff;
	}

/*     FORMULARIO DE CONTACTO*/

.contact_form_titulo{
	background-color:#ff0000;
	color:#FFF;
	width:96%;
	padding:2%;
	border-radius:10px;
	text-align:right;
}

.contact_form ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
	margin-top:10px;
	width:100%
}
.contact_form li{
    padding:2px;
	width:100%;
	clear:both;
    border-bottom:1px solid #eee;
    position:relative;
}

.contact_form label {
    color: #555555;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    width: 40%;
}

	
.contact_form input {
    height:20px;
    width:100%;
    padding:5px 8px;
	border-radius:5px;
	background-color:#D6D5D6;
}
.contact_form input:hover {
	background-color:#999;
}



.contact_form select {
    height:20px;
    width:42%;
    padding:5px 8px;
	border-radius:5px;
}

.contact_form textarea {
    padding:8px;
   /* width:300px;*/
}
.contact_form button {
    margin-left:90px;
}

.enviar {
    height:20px;
    width:98%;
    /*padding:5px 8px;*/
	padding:1%;
	border-radius:5px;
	background-color:#ff0000;
	color:#FFF;
	font-weight:bold;
	font-size:1em;
	margin-top:10px;
}

.enviar:hover{
	text-align:right;
	background-color:#333;
	}
	
	
input[type='submit'] {
    height:40px;
    width:100%;
    padding:5px 8px;
	padding:1%;
	border-radius:5px;
	background-color:#ff0000;
	color:#FFF;
	font-weight:bold;
	font-size:1em;
	margin-top:10px;
	text-align:left;
	cursor:pointer;

}

input[type='submit']:hover{
		text-align:right;
	background-color:#333;
		}

/*     FORMULARIO DE CONTACTO*/
	
	
	
	
	
.pie{
	position:relative;
	background-image:url(img/fondo-pie.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	height:4.7em;
	
		
	}
	
.pieCont{ max-width:1000px; margin:auto; position:relative; top:0;}
.pie ul{list-style:none; padding:0; margin:0;}
.pie li{float:left;}
.pieLogoEs{ float:right; position:relative;}
.pieLogoEsNegro{ float:right; position:relative; display:none;}



.pc{
	display:block;
	}

.celular{
	display:none;	
	}






@media screen and (max-width:54em) {
body{ font-size:1.1em; background-color:#000;}
	

.botonera{
	background-color:#000;
	}
	
.botoneraPie{
	top:4.8em;
	padding-top:4px;
	padding-bottom:4px;
	}
.botoneraContPie{ 
	text-align:center;
	}

.botoneraCont{
	
	}
	
.botoneraLogo{
	width:100%;
	margin:auto;
	}
	
.botoneraMenu{
	display:block;
	background-color:#000;
	clear:both;
	color:#fff;
	border-radius:0.5em;
	padding:1em;
	width:3em;
	z-index:999;
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	
	}


.botoneraBotones{
	width:100%;
	background-color:rgba(0,0,0,0.8);
	}

.botoneraBotones:hover ul { height:16em; opacity:.9; }

.botoneraBotones ul{
	margin-top:3em;
	height:1px;
	opacity:0;
	transition:all 1s;
	width:100%
	
	}
	
	
.botoneraBotones li{
	clear:both; margin:auto; padding:0.5em; float:none; border-top:dashed #888 1px; 
	}
	
.pc{
	display:none;
	}

.celular{
	display:block;	
	}
	
.encabezado{
	height:23em;
	min-height:23em;
	}

	
.contenido{
		border-bottom:solid #ff0000 3px ; 
		margin:0;
		padding:0.5em;
		background-color:#fff;
	}
.contenidoFlecha{
	}

.contenidoTitulo{
	}

.contenidoTexto{
	}

.contenidoProductos{
	clear:both;
	width:90%;
	margin-left:4%
	}
	
.contenidoCatalogo{
	clear:both;
	width:90%;
	margin-left:4%;
	height:25em; 
	background-image:url(img/catalogo.jpg); 
	background-repeat:no-repeat; 
	background-size:contain;
	}
	
	
	
	
	
	
.pie{
	position:relative;
	background-image:none;	
	}
	
.pieCont{ margin:auto; text-align:center; position:relative;}
.pie ul{ margin:auto;position:relative;}
.pie li{float:left;position:relative; width:33%;}
.pieLogoEs{display:none;}
.pieLogoEsNegro{ position:relative; margin-top:20px; text-align:center; display:block; margin:auto; line-height:70px;}
	
.productosMenuFoto{
	margin-top:20px;}
	
.productosMenuTexto{
	margin-top:-90px
	
	
	}
	
.productosBarra{
	display:none;
/*	width:100%;
	height:1em;
	background-color:#09C;*/
	}
.productosTitulo{
/*	float:left;
	font-size:6em;
	text-align:left;
	letter-spacing:-12px;
	color:#333;
	width:60%;*/
	width:100%;
	clear:both;
	text-align:center;
	}
.productosFotoPrincipal{
	/*float:right;*/
	width:100%;
	clear:both;
	}
	
.productosTextoDescripcion{
	/*float:left; width:60%;*/
	width:100%;
	clear:both;
	margin-bottom:20px;}

.productosPresentacionTitulo{
	/*width:98%;
	padding:1%;
	background-color:#333;
	color:#CCC;
	font-size:1em;
	text-align:right;
	clear:both;
	margin-bottom:1%;*/
	width:90%;
	clear:both;
	padding:5%;
	text-align:left;
}
.productosPresentacionTexto img{
	width:100%;
	height:auto;


}