/* ------------------------------
Etiquetas HTML comunes
------------------------------ */

body{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0;
	background-color:#3d3d3d;
}
h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	font-weight: normal;
}
img{
	border:0px;
}
pre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

/* ------------------------------
Fondos
------------------------------ */
.bg_home{
	background-image:url(../images/bg/home_bg.gif);
	background-position: center 158px;
	background-repeat: repeat-x;

}
.bg_internas{
	background-image: url(../images/bg/interna_bg.gif);
	background-repeat: repeat;
}


/* ------------------------------
Cabecera
------------------------------ */
#cabecera{
	width:100%;
	height:120px;
	background-color:#ffffff;
	display:block;
}
.cab{
	width:840px;
	margin:0 auto;
}
.logo{
	width:156px;
	margin-left:40px;
	margin-top:42px;
	float:left;
}
#tit{
	float:right;
	margin-right:25px;
	margin-top:13px;
	width:370px;
	height:107px;
}


/* ------------------------------
Menú
------------------------------ */
#menu{
	width:100%;
	height:38px;
	background-image: url(../images/menu/menu_bg.gif);
	display:block;
}

#menu-int{
	width:100%;
	height:38px;
	background-image: url(../images/menu/menu_bg.gif);
	display:block;
}
#btns{
	width:820px;
	margin:0 auto;
		
}
#btns ul{
	padding:0;
	margin:0;
	list-style:none;	

}
#btns ul li {
	float:left;
	color:#ffffff;
	font-size:12px;
	font-family:Arial;
	text-decoration:none;
	background-image:url(../images/menu/separador.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#btns ul li a{
	padding: 12px 30px 12px 30px;
	text-decoration:none;
	color:#ffffff;
	display:block;
}
#btns ul li a:hover{
	padding: 12px 30px 12px 30px;
	text-decoration:none;
	color:#CCCCCC;
	display:block;
	background-image:url(../images/menu/menu_bg_over.gif);
	background-position:left top;
}
#btns ul li .fin{
	width:2px;
	height:38px;
	background-image:url(../images/menu/separador.gif);
	background-repeat:no-repeat;
	background-position:top;
	display:block;
}



/* ------------------------------
Submenú
------------------------------ */
#sbprod{
	/*visibility:hidden;*/
	width:735px;
	height:283px;
	background-image:url(../images/menu/submenu_top_bg.gif);
	position:absolute;

	display:block;/**/
}
#sbprod  .col{
	width: 118px;
	height:260px;
	display:block;
	margin-top:10px;
	float:left;

}

		#sbprod  .col dl, dt, dd{
			margin:0;
			padding-left:2px;
		}
		#sbprod  .col dt{
			font-size:11px;
			color:#996600;
			height:34px;
			margin-bottom:16px;
			margin-left:16px;
		
		}
		.sub{
			font-size:11px;
			color:#34b8ef;
			height:16px;
			margin-top:16px;
			margin-left:16px;
		}
		#sbprod  .col dd a{
			font-size:10px;
			color:#a1a1a1;
			text-decoration:none;
			height:25px;
			line-height:20px;
			padding-left:16px;
		}
		#sbprod  .col dd a:hover{
			color:#ffffff;
			background-image:url(../images/menu/bullet_rojo.gif);
			background-repeat:no-repeat;
			background-position:6px;
			padding-left:16px;		
		}


#sbprod  .col2{
	width: 186px;
	height:260px;
	display:block;
	margin-top:10px;
	float:left;

}
		#sbprod  .col2 dl, dt, dd{
			margin:0;
			padding-left:2px;
		}
		#sbprod  .col2 dt{
			font-size:11px;
			color:#34b8ef;
			height:34px;
			margin-bottom:16px;
			margin-left:16px;
		
		}
		#sbprod  .col2 dd a{
			font-size:10px;
			color:#a1a1a1;
			text-decoration:none;
			height:25px;
			line-height:20px;
			padding-left:16px;
		
		}
		#sbprod  .col2 dd a:hover{
			color:#ffffff;
			background-image:url(../images/menu/bullet_rojo.gif);
			background-repeat:no-repeat;
			background-position:6px;
			padding-left:16px;
		
		}




/* ------------------------------
Pie
------------------------------ */
.pie{

	margin:0 auto;
	width:820px;
	height:24px;
	font-size:10px;
	color:#d1cfcf;
	background-color:#202020;
	display:block;
	text-transform:uppercase;
	margin-top:15px;
	margin-bottom:30px;
}
.pie a{
	color:#d1cfcf;
	text-decoration:none;
}
.copyright{
	width: 128px;
	height:24px;
	background-color:#000000;
	text-align:center;
	line-height:24px;
	float:left;
}
.term-cond a{
	padding-left:30px;
	line-height:24px;
}


/* ------------------------------
Estructura de la página
------------------------------ */

#bg-container{
	width:100%;
	height:300px;
	background-image:url(../images/bg/sombra_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	clear:left;
}

#container{
	width:850px;
	margin:0 auto;
	text-align: left;
	padding-top:24px;
	background-image:url(../images/bg/cols_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#container-productos{
	width:850px;
	margin:0 auto;
	text-align: left;
	padding-top:24px;
	background-image:url(../images/bg/cols2_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#container-home{
	width:850px;
	margin:0 auto;
	text-align: left;
	padding-top:24px;
}
#container-int{
	width:850px;
	margin:0 auto;
	text-align: left;
	background-image:url(../images/bg/cols_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#header{
	width:auto;
	display:block;
	height: 345px;
	color:#E8E8E8
}


/* ------------------------------
      Scroll contenidos
------------------------------ */

#cont-scroll{
scrollbar-3dlight-color:grey;
scrollbar-arrow-color:grey;
scrollbar-base-color:#ffffff;
scrollbar-track-color:#E8E8E8;
scrollbar-darkshadow-color:#d2d2d2;
scrollbar-face-color:#EBEBEB;
scrollbar-highlight-color:#d2d2d2;
scrollbar-shadow-color:#d2d2d2;
overflow: auto;
height: 100%;
width:460px;
z-index: 4
}

/*----------EXT  */
		
		
		 .bt-prod{
			position:absolute;
		}
		
		
		 #ext{
			visibility:hidden;
			position:absolute;
			top:135px;
			right:44%;
			width:473px;
			height:250px;
			color:#000;
			font-weight:bold;
			z-index:3000;
			background-image: url(../images/bg/ext.gif);
			background-repeat: repeat-y;
			padding:25px 12px;
			font-family:Arial;
			font-size:11px;
			display:block;
		}
			 #ext ul{
				margin:0px;
				padding:0px 15px 0px 0px;
				float:left;
			}
			 #ext li{
				display:block;
				padding:2px 0px;
				position:absolute;
				display:block;
			}
			 #ext b{
				color:#FFF;
			}
			 #ext span{
				position:absolute;
				bottom:-5px;
				left:0px;
				background: url(../images/bg/ext-corner.gif) no-repeat;
				height: 9px;
				width: 493px;
			}
			 #ext a{
				text-decoration:none;
				color:#000;
			}
			 #ext a:hover{
				text-decoration:none;
				color:#fafafa;
			}
			
		 #ext ol dl, dt, dd{
			margin:0;
			padding-left:2px;
		}
		 #ext .col dt {
			font-size:11px;
			color:#34b8ef;
			height:34px;
			margin-bottom:16px;
			margin-left:16px;
		
		}

		 #ext dd a{
			font-size:10px;
			color:#a1a1a1;
			text-decoration:none;
			height:25px;
			line-height:20px;
			padding-left:16px;
		
		}
		 #extl dd a:hover{
			color:#ffffff;
			background-image:url(../images/menu/bullet_rojo.gif);
			background-repeat:no-repeat;
			background-position:6px;
			padding-left:16px;		
		}