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

* {
	margin:0px;
	padding:0px;
}

html, body, div#main{
    min-height: 100%; /* alto minimo FF y Safari */
    width: 100%;
    height: 100%; /* alto minimo para IE Windows */ 
    margin: 0;
    padding: 0;
	/*overflow:hidden;*/
}

html>body div#main{
    height: auto; /* con este hack escondemos el min-height de IE*/
}
body {
	background-color:#ffffff;
	text-align:center;
}
div#main {
	margin:0;
	position:absolute;
	background-image:url(../images/fondo.jpg);
	background-repeat:repeat-x;
	top:0;
	left:0;
	padding:0;
	display: block;
	min-height: 100%;
}


div#contenedor_gral{
	width: 997px;
	margin: 0 auto;
	text-align:left;
	display: block;
	margin-bottom: 3em;
}




/**************************cabezal*************************/
div#cabezal{
	height:115px;
	width:997px;
	background-color:#747679;
}
div#cabezal h1{
	text-indent:-9999px;
	background-image: url(../images/logo.gif);
	background-repeat:no-repeat;
	background-position:right;
	font-size:0;
	display:block;
	height:50px;
	padding-top:30px;
	padding-left:30px;	
	width:208px;
}
/**************************menu*************************/
div#menu{
	width:510px;
	height:35px;
	float: right;
}
div#menu ul{
	width:510px;
	/*height:35px;*/
	list-style:none;
}
div#menu ul li{
	float:left;
	/*display:block;*/
}
div#menu ul li a{
	line-height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.88em;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding:0 15px;
}
div#menu ul li a:hover{
	background:#8C8D90;
}
div#menu ul li.item_activo{
	color:#000000;
	line-height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.88em;
	text-transform:uppercase;
	display:block;
	padding:0 15px;
	
}
div#menu ul li ul li.item_activo{
	color: #CCCCCC;
	line-height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-transform:uppercase;
	display:block;
	
}
div#menu ul li ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
}

/**************************submenu*************************/
div#submenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.88em;
	float:left;
	font-weight:bold;
	line-height:25px
}
div#submenu ul{
	list-style:none;
	margin-top:22px;
}
div#submenu a{
	color:#9C9D9F;
	text-decoration:none;
	text-transform:uppercase;
	line-height:25px;
}
div#submenu a.claro{
	color:#C6C7C9;
}
div#submenu a:hover{
	color:#DC291E;
	text-decoration:underline;
	position: relative ;
	top:1px;
	left:1px;
}


/*******************contenido home************************/
div#slide{
	height:240px;
	width:955px;
	background:#fff;
	margin:0 30px;
	margin-top:35px;
}
.carrusel, .carrusel a{
	height:168px;
	width:935px;
	/*background:#006600;*/
	margin:0 auto;
	margin-top:8px;
}


ul.categorias_productos, ul.categorias_productos1{
	list-style:none;
	
}
ul.categorias_productos li{
	height:166px;
	width:168px;
	margin-right:10px;
	background-image:url(../images/categorias_prod1.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:0;
	text-align:center;
	margin-bottom:30px;
	padding-top:2px;

}
ul.categorias_productos1 li{
	height:147px;
	width:147px;
	margin-right:10px;
	background-image:url(../images/categorias_prod.gif);
	background-repeat:no-repeat;
	float:left;
	padding:0;
	text-align:center;
	margin-bottom:30px;
	padding-top:2px;

}

ul.categorias_productos li div, ul.categorias_productos1 li div {
	height:116px;
	width:147px;
	line-height:106px;
	/*background: #000033;*/
	/*display: table-cell;*/
	vertical-align: middle; 
}

ul.categorias_productos li div img{
	border:none;
	padding-left:15px
}
ul.categorias_productos1 li div img{
	border:none;
	}
/*ul.categorias_productos li div img{
	margin-top: expression((106 - this.height)/2);
}*/
/*para centrar verticalmente la img en el div lo saque de http://www.abcdisegno.com/foro/viewtopic.php?t=1385*/
ul.categorias_productos li a, ul.categorias_productos1 li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.69em;
	color:#FFFFff;
	height:30px;
	line-height:10px;
	text-transform:uppercase;
	text-decoration:none;
	vertical-align:
}
ul.categorias_productos li p, ul.categorias_productos1 li p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.69em;
	color:#FFFFff;
	height:30px;
	line-height:15px;
	text-transform:uppercase;
	text-decoration:none;
}
ul.categorias_productos li a:hover, ul.categorias_productos1 li a:hover{
	text-decoration:none;
	color:#FFFFFF;
	position: relative ;
	top:0px;
	left:0px;
}


/*******************contenido interiores************************/
div#contenido_paginas{
	width:955px;
	margin:0 auto;
	padding-top:50px;

}
.recuadro_rojo_sup{
	background-color:#c0302f;
	background-image:url(../images/esquina_doblada.gif);
	background-repeat:no-repeat;
	background-position:right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#D9DADB;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	height:42px;
	line-height:42px;
}
.recuadro_rojo{
	background:#c0302f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#FFFFFF;
	line-height:18px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}

.recuadro_rojo p{
margin-bottom:10px;
}

.cont_columnas{
	width:955px;
	margin:0 auto;
	display:block;
}
.cont_tres_col{
	width:955px;
	height:180px;
	margin:0 auto;
	display:block;
	margin-top:50px;
	display:block;
}
.cont_tres_col p.categorias{
	width:200px;
	float:left;
}
.cont_tres_col img{
	float:left;
	margin:0 60px 30px 0;
}
.cont_tres_col p.texto{
	float:left;
	width:500px;
	margin-bottom:10px;
}
.cont_tres_col p{
	float:right;
}

div#paginacion{
	width:100%;
	margin:20px auto 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#747679;
	text-transform:uppercase;
	/*margin-top:20px;*/
	text-align:right;
	float: right;
}
div#paginacion p {
	float:none;
	margin-right:30px;
}
div#paginacion a{
	float:none;
	color:#747679;
	text-decoration:none;
}
div#paginacion a:hover{
	color:#747679;
	text-decoration:underline;
	position:relative;
	top:0px;
	left:0px;
}
.imagen {
background-image:url(../images/categorias_prod.gif); 
background-repeat:no-repeat; 
width:147px; 
height:147px; 
vertical-align:middle; 
padding-top:2px; 
padding-left:15px; 
float:left; 

}
.imagen1 {
background-image:url(../images/categorias_prod.gif); 
background-repeat:no-repeat; 
width:147px; 
height:147px; 
vertical-align:middle; 
padding-top:1px; 
/*padding-left:15px; */
float:left; 
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
	font-size:0.69em;
	color:#FFFFff;
	/*height:30px;*/
	line-height:16px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
}

.imagen2 {
	background-image:url(../images/categorias_prod.gif); 
	background-repeat:no-repeat; 
	width:147px; 
	height:147px; 
	vertical-align:middle; 
	padding-top:1px; 
	padding-left:0px; 
	float:left; 
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.69em;
	color:#FFFFff;
	/*height:30px;*/
	line-height:16px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
}


.recuadro_activo_sup{
	background-image: url(../images/recuadro_activo_sup1.png);
	background-repeat:no-repeat;
	width:360px;
	height:17px;
}
.recuadro_activo{
	background-image:url(../images/recuadro_activo.gif);
	background-repeat:repeat-y;
	width:345px;
	height:220px;
	padding-left: 15px;
	display:block;
}
.recuadro_activo p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.69em;
	color:#747679;
	float:left;
	text-align:left;
	width:150px;
}
.recuadro_activo img{
	float:left;
	margin-right:10px;
	display:block;
}

.recuadro_activo_inf{
	background-image:url(../images/recuadro_activo_inf.png);
	background-repeat:no-repeat;
	width:345px;
	height:46px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.00em;
	color:#FFFFFF;
	padding-left:15px;
	padding-top:10px;
	text-transform:capitalize;
}


/********************footer******************************/

div#footer {
	position:absolute;
	display: block;
	bottom: 0;
	height: 0px;
	margin:30px 30px 30px 30px;
}
div#design_by_tangram {
	width:110px;
	height:20px;
	float:left;
	/*display:inline;*/
}
div#design_by_tangram p {
	font-family: "Trebuchet MS", Verdana, Arial;	
	font-size:0.69em;
	color:#58585A;
	/*line-height:20px;*/
	/*margin: 0;
	padding:0;
	border:0;*/
	/*height:20px;*/
	text-align:right;
}
div#design_by_tangram p a {
	color:#666666;
	text-decoration:none;
}
div#design_by_tangram p a:hover{
	position:relative;
	/*top:1px;
	left:1px;*/
	text-decoration:underline;
}
div#direccion{
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size:11px;
	color:#58585A;
	/*height:20px;*/
	/*line-height:20px;*/
	float:left;
	width:800px;
	/*display:inline;*/
}
div#direccion p {
	text-align:left;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size:11px;
	color:#58585A;
	line-height:20px;
	margin: 0;
	padding:0;
	border:0;
	height:20px;
}
div#direccion a {
	color:#58585A;
	text-decoration:none;	
}
div#direccion a:hover {
	color:#58585A;
	position:relative;
	/*top:1px;
	left:1px;*/
	text-decoration:underline;	
}

.clear {
	clear: both;
	height:0;
	border:0 none;
	font-size:0px;
	float:none
}