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

body { background: url(images/fondo_08.jpg) repeat; font-family:arial; font-size:12px;}
#contenedor{width:1000px; margin:auto; background:#FFF;}

#button {
padding: 0;
}
#button li {
display: inline;
}
#button li a {
font-family: Arial;
font-size:12px;
text-decoration: none;
float:left;
padding: 10px 40px;
background-color: #a51010;
color: #fff;
}
#button li a:hover {
background-color: #900;
margin-top:-2px;
padding-bottom:12px;
}
#button ul { display:block; width:100%; background:#999;}

.menu-h {width:1000px; height:auto; background:#a51010;}
.info-header {font:Eurostile; font-size:20px; color:#FFF;}
.menu{border-top:solid 13px #900; border-bottom: solid 2px #FFF; width:1000px; float:left; height:100px; background-color:#a51010; margin:0px}
.menu-left{width:500px; height:92px; margin:13px 20px; float:left;}
.menu-left ul{list-style:none; margin:10px 0px; padding:0px; display:block; float:left;}
.menu-left ul li a{float:left; display:block; text-transform: uppercase; color:#FFF; text-decoration:none; padding: 0px 15px; line-height:32px; font-weight:bold; display:block;}

.menu-left ul.down li a{ color:#205467; line-height:28px;}

.contenido-left{width:190px; min-height:450px; height:auto !important; margin:0px 0px 10px 0px; background: #FFF; border-left:0px solid #a51010;}
.contenido-right{width:805px; min-height:450px; height:auto !important; margin:0px 0px 10px 0px; background:#FFF;}
.contenido-right-producto{width:1000px; min-height:450px; height:auto !important; margin:0px 0px 0px 0px; background:#FFF; float:left;}

.contenido-producto{width:1000px; min-height:450px; height:auto !important; margin:0px 0px 0px 0px; background:#FFF; float:left;}


#menu-superior{ width:980px; margin:auto; height:41px; float:left; display:block; margin:10px;}
#menu-superior ul{list-style:none; margin:7px 15px; height:27px; padding:0px; display:block;}
#menu-superior ul li{ float:left;}
#menu-superior ul li a{color:#FFF; text-decoration:none; display:block; padding:0px 19px; border-right:1px solid #999;  line-height:27px; font-size:14px; font-weight:bold; background-color: #2175bc; }
#menu-superior ul li a:hover{color:#CCC; background-color: #2586d7;
margin-top:-2px;
padding-bottom:12px;}

#footer{border-top:solid 13px #900; width:1000px; height:auto; float:left; display:block; background-color:#a51010;}
#footer-content{width:941px; padding-left:20px; margin:auto; height:209px; display:block; font-size:13px;}
#footer-content ul{width:155px; height:157px; display:block; float:left; margin:16px 17px 16px 0px; padding:10px 0px 8px 0px; color:#FFF;}
#footer-content ul strong{line-height:20px;}
#footer-content li{
	list-style:none;
}
#footer-content li a{color:#FFF; line-height:20px; padding:0px 4px;}
#formas-pago{width:560px; height:177px; float:left; margin:16px 0px;}
#formas-pago img{display:block; float:left; margin:5px 10px;}

.TextoEstados {clear:both; font:Tahoma, Geneva, sans-serif; color:#fff; font-size:11px;}


.nav-sprite { clear:both; width:500px; height:47px; padding:0px; margin:0px 0px; float:right;
}
.nav-sprite ul {
list-style:none; margin:0px 0px; padding:0px; display:block;
}
.nav-sprite li a{
	float: left; display: block; height: 47px; /*--Specify height of navigation--*/	text-indent: -99999px; /*--Shoot the text off the page--*/
	background-position: left top;
}

li.homecss a {
	width: 298px; background: url(images/BannerSocial.png) no-repeat;
}
li.facebookcss a {
	width: 38px;
	background: url(images/BannerSocial.png) no-repeat -298px top;
}
li.facebookcss a:hover {
	width: 38px; background: url(images/BannerSocial.png) -298px -47px no-repeat;	
}
li.twittercss a {
	width: 43px; background: url(images/BannerSocial.png) -336px top; display:block;
	}
li.twittercss a:hover {
	width: 43px; background: url(images/BannerSocial.png) -336px -47px no-repeat; display:block;
	}

li.googlecss a {
	width: 55px; background: url(images/BannerSocial.png) -379px top; display:block;
	}
li.googlecss a:hover {
	width: 55px; background: url(images/BannerSocial.png) -379px -47px no-repeat; display:block;
	}
li.youtubecss a {
	width: 55px; background: url(images/BannerSocial.png) -434px top; display:block;
	}
li.youtubecss a:hover {
	width: 55px; background: url(images/BannerSocial.png) -434px -47px no-repeat; display:block;
	}


div.productos { width:276px; float:left; height:auto; margin-left:10px;} /* si aumente el ancho subir el num de pixeles a tabla-productos*/
div.h-product { background:url(images/h-menu-prod.jpg) left bottom no-repeat; height:8px; width:276px; float:left; PADDING-BOTTOM: 0px; padding-top:0px;}
div.b-product { background:url(images/b-menu-prod.jpg) repeat-y; height:auto; width:276px; float:left;}
div.f-product { background:url(images/f-menu-prod.jpg) no-repeat; height:2px; width:276px; float:left; PADDING-BOTTOM: 0px; padding-top:0px;}

.titulo-prod { FONT-SIZE:11px; font-weight:bold; COLOR: #2c374c; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; padding-left:5px; padding-right:2px; }
.descripcionp{ FONT-SIZE: 12px; COLOR: #2c374c; FONT-FAMILY: Tahoma; TEXT-DECORATION: none;}


.banners { clear:both; margin:5px 10px 5px 10px; height:340px; background:#FFF;}

.col_foto_producto {width:250px; height:350px; float:left;}
.col_desc_producto {width:740px; height:auto; float:left; text-align:justify;}
.col_desc_producto h3{ color: #CC0000; font-size: 1.1em; font-weight: bold; margin: 1em 0; }
.col_desc_producto a { color:#CC0000; text-decoration:none;}
.col_desc_producto a:hover { color:#999;}

.link_url { height:30px; width:auto; line-height:30px; border-bottom:#CCC dashed 1px;}
.link_url a { color:#CC0000;}
.link_url a:hover { color:#999;}

.animacion { float:left; border:1px solid #999; }

#consumibles td { border-bottom: solid 1px; border-color:#ccc; border-collapse:collapse;}

.tip {
text-decoration: none; color:#b61c1c; font-weight:bold;
background: #ffffea url(./images/contact.png) center no-repeat; height:90%;
margin: 0 auto;
width: 75%;
display: block;
border: 1px solid #b61c1c;
background-position: 7px 50%;
padding: 10px 10px 10px 45px;
vertical-align: text-top !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tip:hover{
 box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
} 