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

<?php /*controlar css con php*/
header("Content-type: text/css"); 
if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE')== true) { ?>
	#contenedor { margin-left:30px; width: 700px; text-align:left; background-color:#FF0000; } 
<?php 
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Firefox') == true) {?> 
	#contenedor { margin-left: 50px; width: 650px; text-align:left; } 
<?php
} 
?>

body { margin: 0; padding: 0; padding-top: 1em; font-family:/*'Segoe UI Light','Segoe UI',*/Arial,sans-serif; font-size:14px;}
body,img,a {border-style:none; text-decoration:none; color:#333; font-family:/*'Segoe UI Light','Segoe UI',*/Arial,sans-serif; }
hr{ border: none; height: 1px; color: #AAA; background-color: #AAA;}
div#CentradaLS { position:absolute; top:0; left:50%; width:1000px; margin-left:-500px; padding-bottom:10px; }

div#CentradaLS:before { position: absolute; top:0; bottom:0; content:' '; background-repeat: no-repeat; line-height: 0;}
div#CentradaLS:before { left: -3px; }
div#CentradaLS:before { background-repeat: repeat-y; }
div#CentradaLS:before { background-position: top left; z-index: -30; }
div#CentradaLS:before { right: 10px;}
div#CentradaLS:before { top: 0px; /*bottom: -20px;*/ background-image: url('images/sheet.png');}

div#CentradaLS:after { position: absolute; top:0; bottom:0; content:' '; background-repeat: no-repeat; line-height: 0;}
div#CentradaLS:after { right: -3px; }
div#CentradaLS:after { background-repeat: repeat-y; }
div#CentradaLS:after { background-position: top right; z-index: -3; }
div#CentradaLS:after { width: 18px; top: 0px; /*bottom: -20px;*/ background-image: url('images/sheet.png'); }

.clear{clear: both;}
#logo{ 
	position:relative; 
	float:left; 
	top:10px; 
	left:0px; 
	width:200px; 
	z-index: 150;
	margin-left: 15px;
	margin-bottom: -55px;
}
.barramenu{
	position: relative;
	display: block;
	margin: 0 auto;
	min-height: 42px;
	z-index: 100;
	margin-top: 50px;
	margin-bottom: 0;
	background-image: url('images/nav.png');
}
.barramenu li{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;	
}
.barramenu li a{font-weight: bold; /*color: #ECF0F4;*/ color: #666; padding: 0 17px; line-height: 42px; height: 42px; display: block;}
.barramenu li a:hover{/*color: #94121C;*/ color:#FFF; background: url('images/menuitem.png') center right no-repeat;}
.barramenu li a.active{/*color: #94121C;*/ color:#FFF; background: url('images/menuitem.png') center right no-repeat;}

#formNewsletter .inputbox{font-size:10px;}
.button, .Bigbutton{ font-size:10px; background-color:#CCC; border:#999; border-radius: 4px 4px 4px 4px; cursor:pointer;}
.button:hover, .Bigbutton:hover{ background-color:#94121C; color:#FFF;}
#buscador, #telefono, #social, #social2, #DatosContacto, #registro, #legal, #pagoseguro, #sitemapEibermedia { 
	position:relative; 
	float:left; 
	top:7px; 
	left:40px; 
	width:200px;
	color: #5d5d5d;
	display: inline-block;
	font: 36px/1 'Segoe UI Light','Segoe UI',Arial,sans-serif;
	/*text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);*/
	z-index:2;
	text-decoration:none !important;
	white-space:nowrap;
}
#telefono{top:20px; left:20px; width:160px; height:60px; font: 16px/1 Tahoma, Geneva, sans-serif; color:#000; text-align:center; }
#social, #social2, #DatosContacto, #registro, #legal, #pagoseguro, #sitemapEibermedia { top:8px; left:35px; width:750px;
	font: 15px/1 'Segoe UI Light','Segoe UI',Arial,sans-serif;
}
#social td{ font-size:11px;}
#buscador{float:right; top:0px; left:auto; right:0px; width:250px; height:40px; padding-top:0px; padding-bottom:0px; 
	font: 15px/1 'Segoe UI Light','Segoe UI',Arial,sans-serif; text-align:right;
}
#menuInferior{ position:relative; float:left; top:0px; width:100%; /*border-top: 1px solid #AAA; background-color: #EEE;*/ /*background-color: #D31B27;*/ border-top: 2px solid #D31B27; border-bottom: 2px solid #D31B27; margin-bottom:10px; }
#social2 {top:10px; left:0px; width:220px; padding-left:20px; /*border-right: 1px solid #AAA;*/} 
#legal {top:10px; left:0px; width:780px; border-right: 1px solid #AAA;}
#social2 tr{height:27px;}
#social2 td{font-size:11px; font:Verdana, sans-serif; /*color: #C5D1DD;*/ color: #666;}
#DatosContacto {top:10px; left:15px; width:450px; height:80px; text-align:center; /*border-right: 1px solid #AAA;*/}
#DatosContacto tr{height:12px;}
#DatosContacto td{ text-align:center; font-size:14px; font:Verdana, sans-serif; /*color: #C5D1DD;*/ color: #666;}
#DatosContacto td h2{ margin:0px;}
#registro, #sitemapEibermedia{float:right; top:10px; padding-right:10px; left:0px; width:200px; border-left: 1px solid #AAA;}
#legal, #sitemapEibermedia { top:0px; height:45px; padding-top:0px; border-top: 1px solid #AAA;}
#pagoseguro {top:10px; left:30px; width:280px; border:none; /*border-right: 1px solid #AAA;*/}
#pagoseguro td{ text-align:center;}
#pagoseguro td a{ font-size:12px; font:Verdana, sans-serif; /*color: #C5D1DD;*/ color: #666;}
#menu{ position:relative; float:right; top:0px; right:0px;}
.link, .link2, .linkUltimo{ margin-right:22px; text-decoration:none; font-size:15px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
.link2 {margin-right:5px;margin-left:5px;}
.linkUltimo{margin-right:0px;}
.boton{text-decoration:none; font-size:15px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;  line-height:38px; width:200px; vertical-align:middle; text-align:center; }

#centro{position:relative; float:left; top:20px; left:0px;}
#botones, #fondoBotones, #botones2, #fondoBotones2{ position:relative; float:left; left:1px; top:0px; width:210px;}
#botones2{ width:220px;}
#texto{position:relative; min-height:440px; float:left; top:0px; right:0px; width:558px; text-align:justify; line-height:19px; margin-bottom:20px;}
#texto1{position:relative; right:0px; width:552px; min-height:440px; }
#migas{ position:relative; display:block; width:552px; font-size:11px;}
#migas a{ font-weight:bold; color: #2F617F;}

#pie{position:relative; float:left; top:0px; left:0px; padding-top:10px; padding-bottom:0px; width:100%; /*border-top: 1px solid #AAA;*/ background-color: #EEE;}
h5{ font-size:16px; margin:0px; margin-bottom:2px; }

a.titulo{	
	background: #D31B27;
	box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	-moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	position:relative;
	float: left;
	list-style: none;
}
a.titulo:after{	
	content:'.';
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	opacity:0;
	
	background: #7db9e8;
	background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #207cca 51%, #1e5799 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#1e5799));
	background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 50%);
	background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 50%);
	background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 50%);
	background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
		
	box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
		
	-moz-transition:0.25s all;
	-webkit-transition:0.25s all;
	-o-transition:0.25s all;
	transition:0.25s all;	
}
a.titulo{ border-radius: 4px 4px 0px 0px; }
a.titulo:after,
a.titulo.selected:after{
	box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
	-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
	-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
	
	border-radius: 4px 4px 4px 4px;
}
a.titulo.selected:after, a.titulo:target:after{ opacity:1; }
a.titulo{
	width:150px;
	color:#FFF;
	display: inline-block;
	font: 15px/1 Arial,sans-serif;
	padding: 6px 0px 6px 52px;
	position: relative;
	z-index:2;
	text-decoration:none !important;
	white-space:nowrap;
}
#ofertas {text-align:left;}
#ofertas #tituloofertas{ display:block; height:28px; }
#ofertas #tituloofertas a.titulo{ width:545px; padding: 6px 0px 6px 6px; text-align:center;  }
#ofertas #divofertas{ display:block; position:relative; }
#ofertas #divofertas table{ width:120px; height:150px; display: block; float:left; text-align: center; margin:1px; color:#666; border: 1px solid #DDD; }
#ofertas #divofertas table:hover{ background-color:#EEE;}
#ofertas #divofertas table.marcado{ /*background-color:#AAA;*/  border: 2px solid #0000FF;}
#ofertas #divofertas table.marcado:hover{ /*background-color:#EEE;*/}
#ofertas #divofertas  a{ font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; color: #556B2F; text-decoration: none; font-weight: bold;}
#ofertas #divofertas .imageOferta { text-align:center; height:90px; width:107px; }
#ofertas #divofertas .imageOferta img{ max-height:90px; max-width:90px; }
#ofertas #divofertas .nombre{height:50px; overflow-y:hidden;}}

#divproductos{ display:block; position:relative; }
#divproductos table.producto, #divproductos table.categoria{ width:133px; height:155px; display:block; float:left; text-align: center; margin:2px; color:#666; border: 1px solid #DDD; }
#divproductos table.producto:hover, #divproductos table.categoria:hover{ background-color:#EEE;}
#divproductos td{ padding:0; margin: 0;}
#divproductos  a{ font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; color: #556B2F; text-decoration: none; font-weight: bold;}
#divproductos .imageProducto { text-align:center; height:90px; width:107px; }
#divproductos .imageProducto img{ max-height:90px; max-width:90px; }

#divproductos{ display:block; position:relative; }
#divproductos table.producto{ width:260px; height:320px; display:block; float:left; text-align: center; margin:2px; color:#666; border: 1px solid #DDD; }
#divproductos table.producto:hover{ background-color:#EEE;}
#divproductos table.producto td{ padding:3px; margin: 0;}
#divproductos table.producto a{ font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; color: #2F617F; text-decoration: none; font-weight: bold;}
#divproductos table.producto .imageProducto { text-align:center; height:100px; width:120px; }
#divproductos table.producto .imageProducto img{ max-height:100px; max-width:100px; }
#divproductos table.producto .descripcioncorta{ text-align:left; font-size: 11px; color: #000; }
#divproductos table.producto .divdescripcioncorta{height:70px; overflow-y:hidden;}
#divproductos table.producto .stock, .mediumstock, .lowstock, .nostock { background: url(images/vm2-sprite.png) no-repeat top left; }
#divproductos table.producto .stock { background-position: 0 -1244px; width: 62px; height: 15px; display: block;}
#divproductos table.producto .mediumstock { background-position: 0 -1114px; width: 62px; height: 15px; display: block;}
#divproductos table.producto .lowstock { background-position: 0 -1179px; width: 62px; height: 15px; display: block;}
#divproductos table.producto .nostock { background-position: 0 -1390px; width: 62px; height: 25px; display: block;}
#divproductos table.producto .stock, .mediumstock, .lowstock, .nostock { position: relative; left: 5px;}
#divproductos table.producto td.precios, td.detalles{ text-align:right; font-size: 10px; padding-right:15px;}
#divproductos table.producto .preciobase{ display:block; color: #8b0000!important; font-weight: bold; font-size: 24px;}
#divproductos table.producto .precioivaincluido{ color: #8b0000!important; font-weight: bold;}
#divproductos table.producto .product-details{ line-height: 20px; background: #D31B27; color:#FFF; padding:4px;}
#divproductos table.producto .product-details:hover{ text-decoration:underline;}

#divproductos table.detalleproducto{ width:99%; margin:2px; font-size:13px; color:#666; border: 1px solid #DDD; }
#divproductos table.detalleproducto td{ padding:3px; margin: 0;}
#divproductos table.detalleproducto .imagenesProducto { text-align:center; height:210px; width:250px; border: 1px solid #DDD; }
#divproductos table.detalleproducto .imagenesProducto img{ max-height:200px; max-width:240px; }
#divproductos table.detalleproducto ul{ margin-left: 30px;}
#divproductos table.detalleproducto td.precios table{ font-size: 10px; padding-right:20px;}
#divproductos table.detalleproducto .preciobase{ color: #8b0000!important; font-weight: bold; font-size: 24px;}
#divproductos table.detalleproducto .precioivaincluido{ font-size: 10px; color: #8b0000!important; font-weight: bold;}
#divproductos table.detalleproducto .agregaralcarro{ width:100%; text-align:center; margin-top:20px;}
#carro{ width:100%;}
#carro #tableCarro{ color:#666; font-size: 13px; font-weight: bold;}
.ocultarBotonesCarro{ border:1px solid #DDD; }
.ocultarBotonesCarro #ref, .ocultarBotonesCarro #precio{ /*border-left:1px solid #DDD;*/ }
.ocultarBotonesCarro #desc, .ocultarBotonesCarro #eliminar, .ocultarBotonesCarro #editar,.ocultarBotonesCarro #subtotal{ display:none; visibility:hidden;}
 
#paginaCarro table{ color:#333; font-size: 12px; font-weight: bold;}
#paginaCarro #editar, #paginaCarro #desc{ display:none; visibility:hidden;}
#paginaCarro h1 { font-size: 20px; color: #1D699B; padding-top:22px;}
#terms a:hover{ text-decoration:underline;}

#divproductos #divRel{ width:100%; margin-top:15px;}
#divproductos #divRel table{ color:#666; font-size: 13px; font-weight: bold; margin-bottom:15px;}
#divproductos #divOrder { width:94%; border: 1px solid #DDD; margin:2px; padding:3px;}
#divproductos #divOrder table{ width:100%; color:#333; font-size: 13px;}

#divsendpass { width:95%;}
#divsendpass, #divsendpass td { font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; padding: 10px; }
#divsendpass .button { padding:5px; font-size:14px; }
.Bigbutton { padding:5px; font-size:14px; }

#botones2 fieldset{
	border: none;
	margin: 0;
	padding: 0;	
}
#botones2{
	font-size: 11px;
	margin: 0;
	white-space: nowrap;
}
#botones2 h3{
	background-image: url('images/blockheader.png');
	min-height: 26px;
	line-height: 26px;
	color: #D31B27;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 0 11px 0 6px;
	white-space: nowrap;
}
#botones2 .button{ margin-bottom:10px;}
#botones2 ul{ list-style-type: none;}
#botones2 li{ display: list-item; background-image: none;}
#botones2 li a:hover{ text-decoration:underline;}

/*----------------------------
	CSS3 Animated Navigation
-----------------------------*/


.fancyNav{
	overflow: hidden;
	display: inline-block;
}

.fancyNav li{
	/*background-color: #f0f0f0;
	background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
	background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);*/
	
	background: #7db9e8;
	background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #207cca 51%, #1e5799 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#1e5799));
	background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%);
	background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%);
	background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%);
	background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
	
	border-right: 1px solid rgba(9, 9, 9, 0.125);
		
	box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	-moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
	
	position:relative;
	
	float: left;
	list-style: none;
}

.fancyNav li:after{

	content:'.';
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	opacity:0;
	
	/*background-image:-webkit-gradient(linear, left top, right top, from(rgba(168,168,168,0.5)),color-stop(0.5,rgba(168,168,168,0)), to(rgba(168,168,168,0.5)));
	background-image:-moz-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	background-image:-o-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	background-image:-ms-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
	background-image:linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));*/
	
	background: #7db9e8;
	background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #207cca 51%, #1e5799 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#1e5799));
	background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 50%);
	background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 50%);
	background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 50%);
	background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
	
	box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
	-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
		
	-moz-transition:0.25s all;
	-webkit-transition:0.25s all;
	-o-transition:0.25s all;
	transition:0.25s all;
}
.fancyNav li:first-child{
	border-radius: 4px 0 0 4px;
}
.fancyNav li:first-child:after,
.fancyNav li.selected:first-child:after{
	box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
	-moz-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
	-webkit-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
	
	border-radius:4px 0 0 4px;
}
.fancyNav li:last-child{
	border-radius: 0 4px 4px 0;
}
.fancyNav li:last-child:after,
.fancyNav li.selected:last-child:after{
	box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
	-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
	-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
	
	border-radius:0 4px 4px 0;
}
.fancyNav li:hover:after,
.fancyNav li.selected:after,
.fancyNav li:target:after{
	/* This property triggers the CSS3 transition */
	opacity:1;
}
.fancyNav:hover li.selected:after,
.fancyNav:hover li:target:after{
	/* Hides the targeted li when we are hovering on the UL */
	opacity:0;
}

.fancyNav li.selected:hover:after,
.fancyNav li:target:hover:after{
	opacity:1 !important;
}
.fancyNav li a{
	/*color: #5d5d5d;*/
	color:#FFF;
	display: inline-block;
	font: 18px/1 'Segoe UI Light','Segoe UI',Arial,sans-serif;
	padding: 12px 35px 14px;
	position: relative;
	/*text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);*/
	z-index:2;
	text-decoration:none !important;
	white-space:nowrap;
}

.fancyNav a.homeIcon{
	background:url('img/home.png') no-repeat center center;
	display: block;
	overflow: hidden;
	padding-left: 12px;
	padding-right: 12px;
	text-indent: -9999px;
	width: 16px;
}


@media (max-width: 1000px) and (min-width: 300px) {
	.fancyNav li a{
		padding: 12px 32px 14px;
	}
}