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

@font-face {
    font-family: 'GillSansMT';
    src: url('fonts/GillSansMT.eot');
    src: url('fonts/GillSansMT?#iefix') format('embedded-opentype'),
         url('fonts/GillSansMT.woff') format('woff'),
         url('fonts/GillSansMT.ttf') format('truetype'),
         url('fonts/GillSansMT.svg#GillSansMT') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansMT-Bold';
    src: url('fonts/GillSansMT-Bold.eot');
    src: url('fonts/GillSansMT-Bold?#iefix') format('embedded-opentype'),
         url('fonts/GillSansMT-Bold.woff') format('woff'),
         url('fonts/GillSansMT-Bold.ttf') format('truetype'),
         url('fonts/GillSansMT-Bold.svg#GillSansMT-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansMT-BoldItalic';
    src: url('fonts/GillSansMT-BoldItalic.eot');
    src: url('fonts/GillSansMT-BoldItalic?#iefix') format('embedded-opentype'),
         url('fonts/GillSansMT-BoldItalic.woff') format('woff'),
         url('fonts/GillSansMT-BoldItalic.ttf') format('truetype'),
         url('fonts/GillSansMT-BoldItalic.svg#GillSansMT-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansMT-Italic';
    src: url('fonts/GillSansMT-Italic.eot');
    src: url('fonts/GillSansMT-Italic?#iefix') format('embedded-opentype'),
         url('fonts/GillSansMT-Italic.woff') format('woff'),
         url('fonts/GillSansMT-Italic.ttf') format('truetype'),
         url('fonts/GillSansMT-Italic.svg#GillSansMT-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* GENERAL */
html, body, div, table, h1, h2, h3, h4, h5, h6, a, p, span {margin:0; padding:0;}

html, body {width:100%; min-height:100%;}

body {background-image:url(../images/bg_deg.jpg); background-repeat:no-repeat; background-size:cover; font:10pt/14pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:100px;}
a {text-decoration:none; color:#545255}

.magnific-gallery {position:relative; width:100%;}
.magnific-gallery a {width:20%; float:left;}
.clear {clear:both;}

.w100 {position:relative; width:97%;}
.w33 {position:relative; display:inline-table; width:33%; text-align:center}

.w960 {position:relative; width:97%; max-width:960px; margin:0 auto;}
.table {display:table;}

h3 {color:#FFCB00; font:16pt/16pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic;}
h4 {color:#3c3c3b; font:12pt/12pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}

.gris_o {color:#4B4B4D;}
.gris {color:#b3b3b3;}
.amarillo {color:#FFCB00;}

.f12 {font:12pt/14pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif;}
.f14 {font:14pt/18pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* top */
#top {position:relative; width:100%; padding:15px 0 0; background:#3C3C3B; z-index:20}
	#logo {position:relative; width:206px; display:table-cell; vertical-align:middle; padding-left:10px}
	.menu {position:relative; color:#FFFFFF; display:table-cell; vertical-align:top; text-align:right; padding-top:10px}
		.menu a {color:#FFFFFF; font:12pt/14pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; margin-left: 20px;}
		.menu a.active {font-weight:bold; border-bottom:3px solid #FFFFFF; padding-bottom:6px;}		
	#icon_mobile {position:absolute; top:16px; right:16px; display:none; cursor:pointer}
	#menu_mobile {position:absolute; display:none; top:85px; right:15px;}
		#menu_mobile .boton {position:relative; padding:5px 10px; background:#3c3c3b;}
			#menu_mobile .boton a { color:#FFFFFF; }
		#menu_mobile .boton:hover {background:#646566;}
		#redes_m {position:relative; text-align:center; padding:5px; background:#3c3c3b;}
	#redes {position:absolute; right:20px; top:20px;}
	.barra {position:relative; height:10px; background:#FFCB00;}

/* pagina */

#leyenda {position:relative; padding:15px; font:16pt/16pt "GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; background:#787878; text-align:center; border-top:1px solid #FFFFFF; border-bottom:2px solid #454647; letter-spacing:1px;} 

.titulo {font:16pt/18pt "GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3c3c3b; padding:50px 0 30px; border-bottom:1px solid #3c3c3b; margin-bottom:20px}

	.col1 {position:relative; width:30%; display:table-cell; vertical-align:top}
	.col2 {position:relative; width:70%; display:table-cell; vertical-align:top; padding:0 0 20px 20px; font:10pt/18pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif;}
	.calcule {position:relative; width:97%; padding:20px 0; margin:20px 0; border-top:1px solid #3c3c3b; border-bottom:1px solid #3c3c3b;}
		.calcule .col1 {position:relative; width:30%; display:table-cell; vertical-align:middle; padding:0 0 0 20px}
		.calcule .col2 {position:relative; width:70%; display:table-cell; vertical-align:middle; padding:0 0 0 20px; text-align:center}
	.calcule:hover {border-color:#FFCB00;}

.categorias {position:relative;}
	.categorias .boton {font:12pt/12pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3c3c3b; font-weight:bold; float:left; margin:0 28px 10px 0; }
		.categorias .boton img {vertical-align:middle; margin-right:10px; height:45px;}
	.categorias .boton:hover {color:#676869;}
	
.volver {position:absolute; top:50px; right:0; text-align:right}
	
.producto {position:relative; float:left; width:210px; margin: 0 10px 40px;}
	.producto .imagen {position:relative; text-align:center; height:130px;}
		.producto .imagen img { max-height:120px;}
	.producto .imagen_txt {position:relative;}
		.producto .imagen_txt .titulo_prod {position:relative; padding:3px 5px; background:#3c3c3b; color:#ffcb00; font-weight:bold; font:14pt/16pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:3px}
		.producto .imagen_txt .ver_ficha {position:absolute; top:15px; right:8px; }

.ver_producto {position:relative;}
	.ver_producto .encabezado {position:relative; border:8px solid #3c3c3b; background:url(../images/bg_enc.jpg) repeat; background-size:100% auto; padding:20px 0}
		#redes_p {position:absolute; right:20px; top:20px; z-index:20}
		.ver_producto .encabezado .imagen {position:relative; width:33%; display:table-cell; text-align:center; background:#FFFFFF; padding:30px}
		.ver_producto .encabezado .imagen_txt {position:relative; width:66%; display:table-cell; vertical-align:middle; padding:0 50px; }
			.ver_producto .encabezado .imagen_txt .titulo_prod {position:relative; color:#ffcb00; font-weight:bold; font-style:italic !important; font:32pt/32pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:3px; border-bottom:1px solid #3c3c3b; padding-bottom:20px; margin-bottom:20px}
	
	.ver_producto .caracteristicas {position:relative; padding:20px 50px; background:url(../images/bg_carac.jpg); background-size:100% 100%; border-bottom:8px solid #3c3c3b;}
		.ver_producto .caracteristicas .carac {position:relative; width:50%; display:inline-table; border-bottom:1px solid #3c3c3b;}
			.ver_producto .caracteristicas .carac .w50 {padding:5px 0; color:#3c3c3b; position:relative; width:48%; display:table-cell;}
			.negrita {font-weight:bold;}
	
hr {border:0; border-bottom:1px solid #3c3c3b;}

#cons_form {padding-bottom:20px;}
.input_cantidad {width:25px; height:15px; position:relative; border:1px solid #ccc; background:none; color:#000; font:8pt/10pt Arial, Helvetica, sans-serif;}
.calcular {padding:10px; border:0; background:#FFCB00; color:#FFFFFF; margin-bottom:5px; font:12pt/12pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; cursor:pointer;}
.calcular:hover {background:#666666; color:#FFFFFF;}



/* footer */
#logos {position:relative; width:100%;}
#footer {position:fixed; bottom:0; left:0; width:100%; margin:0 auto; padding:10px 0; background:#FFFFFF; color:#545255; font:10pt/12pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center}
.belburo {color:#949596;}
.belburo:hover {color:#e2007a;}

/* FORMULARIO DE CONTACTO */
#form {position:relative; max-width:960px; margin:0 auto;}
.campo01 {width:90%; padding:7px; border:1px #FFCB00 solid; background:none; margin-bottom:5px; font:10pt/12pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#747576;}
.campo02 {width:90%; padding:7px; border:1px #FFCB00 solid; background:none; margin-bottom:5px; font:10pt/12pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#747576; height:135px; float:right}

.enviar {padding:10px; border:0; background:#FFCB00; color:#FFFFFF; margin-bottom:5px; font:12pt/12pt"GillSansMT", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; cursor:pointer; float:right}
.enviar:hover {background:#666666; color:#FFFFFF;}

/* MENSAJES FLOTANTES */
.cajademo3-auxiliar {float: left; position: fixed; left: 50%; top:2px; z-index:99999999;}
.cajademo3 {position: relative; left: -50%;}
.alert {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;}
.alert-danger {background-color: #f2dede; border-color: #ebccd1; color: #a94442;}
.alert-success {background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d;}

@media screen and (max-device-width: 1280px), screen and (max-width: 1280px) { 
	#redes {top:90px;}
}

@media screen and (max-device-width: 850px), screen and (max-width: 850px) { 
.menu {display:none;}
#icon_mobile {display:block;}
#redes {display:none;} /* habilitar cuando esten hechos */

@media screen and (max-device-width: 750px), screen and (max-width: 750px) { 
.magnific-gallery a {width:50%;}

.col1 {width:50%;}
.col2 {width:50%;}

}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
.magnific-gallery a {width:100%;}

.calcule .col1, .col1 {width:97%; display:block; margin:0 auto; padding:0}
.calcule .col2, .col2 {width:97%; display:block; margin:0 auto; padding:0}

.campo02 {float:none;}
.enviar {float:none;}

.cajademo3-auxiliar {width: 100%; text-align: center;}
}