/*------------------------------CONTENEDORES PRINCIPALES------------------------------*/

html, body
{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
}
body
{
	background-image: url("/img/bg_gral.jpg");
}
body form
{
	height: 100%;
}
.containerMain
{
	width: 848px; 
	min-height: 100% !important;
	/*height:100%;*/
	margin: 0px auto;
	border-left: solid 1px #154E8D;
	border-right: solid 1px #154E8D;
	background: white url("/img/bg_lateral.jpg") repeat-y;
	position: relative; /*Necesario para posicionar la sombra absoluta*/
}
.top
{
	/*background: white url("/img/top.jpg");*/
	height: 182px;
}

.tablaContainer
{
	border-collapse: collapse;
	border-spacing: 0px; /*border:0px;     margin:0px;     padding:0px;     background-color:Green; */
}
.tablaContainer td
{
	padding: 0px;
}
.tablaContainer > td:first-child
{
	border-right: 1px solid #154E8D;
}

/*------------------------------MENU BARRA SUPERIOR------------------------------*/
.menu
{
	height: 30px;
	border-top: solid 1px #154E8D;
	border-bottom: solid 1px #154E8D;
	background: #3074BF url("/img/bg_menu.jpg") repeat-y;
	position: relative;
	font-size: 12px;
	font-weight: bold;
}
.sombraMenu
{
	height: 6px;
	width: 848px;
	background-repeat:repeat-x;
	position: absolute;
	left: 0px;
	z-index: 5;
	background-image:url("/img/sombraMenu.png") !important;
	background-image:none;
	filter: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/sombraMenu.png', sizingMethod='scale');
}
.menu ul
{
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 0px;
	list-style-type:none;
}
.menu ul li
{
	list-style-type: none;
	float: left;
}
.menu ul li a
{
    display:block !important;
	display:inline-block;
	height: 23px;
	/*width:85px;*/
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFFFFF;
	border-left: solid 1px #3074BF;
	text-decoration: none;
	background-color: #91B5DD;
}
.menu ul li a:hover, .menu ul li a:active
{
	background-color: #6396CF;
	color: #FFFFFF;
}
.menu ul li a img
{
	border: 0px;
	position: relative;
	top: 2px;
}
.menu table.loginName
{
	border-collapse: collapse;
	border: none;
	position: absolute;
	color: #FFFFFF;
}

/*------------------------------MENU LATERAL------------------------------*/

.menuLateral
{
	margin-top: 20px;
}

.menuLateral ul
{
	margin: 0px;
	padding: 0px;
	width: 220px;
	border-top: solid 1px #154E8D;
	font-size: 12px;
}
.menuLateral ul li
{
	list-style-type: none;
}
.menuLateral ul li a
{
	display: block;
	height: 20px;
	padding-left: 10px;
	padding-top: 4px;
	color: #000000;
	border-bottom: solid 1px #154E8D;
	text-decoration: none;
	background-color: #EEEDEA;
}
.menuLateral ul li a:hover, .menuLateral ul li a:active
{
	background-color: #C6C2B7;
	text-decoration: none;
}
.menuLateral ul li a img
{
	border: 0px;
	position: relative;
	top: 1px;
}


/*------------------------------CONTENIDO 2 EN BARRA LATERAL------------------------------*/
.content2
{
	width: 220px;
}
.intContent2
{
	margin: 20px 0px 0px 0px;
	position: relative; /*Necesario para que el z-index del pie no se encime*/
	z-index: 10;
}

.resaque
{
	width: 190px;
	margin: 0px auto 15px auto;
}
.tituloResaque
{
	font-weight: bold;
	height: 16px;
	padding: 4px;
	background-repeat:no-repeat;
	background-position:0% 100%;
	background-image:url("/img/top_resaque.png") !important;
	background-image:none;
	filter: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/top_resaque.png', sizingMethod='scale');
	color: #FFF;
	display: block;
}
.textoResaque
{
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	border: 1px solid #154E8D;
	background-color: #EEEDEA;
}
.textoResaque a, .linksProducto
{
	color: #3074BF;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.linksProducto
{
		font-size: 12px;
		background: url("/img/pdf.gif") no-repeat 0 0;
		padding-left: 25px;
		height: 24px;
		
}

.textoResaque a:hover, .linksProducto:hover
{
	color: #3074BF;
	text-decoration: underline;
}

/*------------------------------CONTENIDO------------------------------*/


.content /*Contenedor de la MasterPage*/
{
	position: relative;
	padding-bottom: 35px;
	width: 628px;
}
.contentInterior /*Contenedor dentro de cada página*/
{
	margin: 25px 20px 0px 20px; /*position:relative;*/
}
.contentInterior h1
{
	font-size: 16px;
	border-bottom: dotted 1px #3074BF;
	padding-bottom: 2px;
	background: url("/img/bullet_h1.gif") no-repeat 100% 100%;
}
.contentInterior h2
{
	font-size: 14px;
}
.contentInterior p
{
	text-indent: 30px;
	line-height: 18px;
}


/*------------------------------TABLA CATALOGO------------------------------*/
.tablaCatalogo
{
	width: 100%;
	text-align: center;
	border-collapse: separate; /*Hace que el borde sea individual para las especificaciones del borde de cada celda*/
	border-spacing: 0px;
}
.infoProd
{
	position: relative;
	width: 90%;
	margin: 0px auto;
	border-top: dotted 1px #D6D3CC;
	text-align: left;
	font-size: 11px;
	padding: 3px 0px 20px 0px;
}
.infoProd span.codigo
{
	font-weight: bold;
}
div.codigo2
{
	font-weight: bold;
	position: relative;
	margin: 0px auto;
	text-align: left;
	font-size: 11px;
	width: 90%;
}
div.codigo2 a
{
	text-decoration: none;
}
.precio2
{
	color: #3074BF;
	font-size: 10px;
	float: right;
}
.addCarrito
{
	float: right;
}
/*.addCarritoTabla
{
	float: right;
	width:200px;
}*/
.infoProd p
{
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	line-height: normal;
	font-size: 10px;
}
.rowTabla td
{
	border: 1px solid #FFF;
	padding: 10px 0px;
}
.rowTabla img
{
	border: transparent 1px solid;
}
.rowTabla a.inputBorder
{
	border: solid 1px #FFF;
}
.rowTabla a.inputBorder:hover
{
	border: solid 1px #154E8D;
}
.rowTabla td:hover
{
	/*border:1px solid #154E8D;*/
}
.tdProveedor
{
	/*border: groove 3px #3074BF;*/
}
.tdLinea
{
	height: 20px;
	border: dotted 1px #3074BF;
}

/*------------------------------DETALLE DE PRODUCTO------------------------------*/
.botonBack
{
	border-collapse: collapse;
}
.botonBack td
{
	padding: 0px;
	height: 21px;
}
.btn1
{
	background: #FFFFFF url("/img/btn_back_1.gif") no-repeat;
}
.btn2
{
	background: #FFFFFF url("/img/btn_back_2.gif") no-repeat;
}
td.txtBoton
{
	font-size: 11px;
	background: #FFFFFF url("/img/btn_back_bg.gif") repeat-x;
	padding: 0px 5px;
}
td.txtBoton a
{
	height: 18px;
	display: block;
	color: #000;
	text-decoration: none;
	padding-top: 3px;
}
td.txtBoton a:hover
{
	color: #000;
	cursor: pointer;
	text-decoration: underline;
}
.detalle
{
	border-left: solid 1px #3074BF; /*border-bottom:solid 3px #EEEDEA;*/
	margin-top: 20px;
	margin-left: 20px;
	padding-left: 10px;
	padding-bottom: 40px;
}
.detImagen
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.detCodigo
{
	font-size: 16px;
	font-weight: bold;
}
.detNombre
{
	font-size: 12px;
	font-weight: bold;
}
.detPrecio
{
	color: #3074BF;
}
.detDescripcion
{
	margin-top: 20px;
}
.detColores
{
	margin-top: 20px;
	font-weight: bold;
}
.color1
{
	background-color: #EEC;
	border: solid 1px #3074BF;
	width: 20px;
	height: 20px;
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}
.color2
{
	background-color: #eee;
	border: solid 1px #3074BF;
	width: 20px;
	height: 20px;
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}
.color3
{
	background-color: #000;
	border: solid 1px #3074BF;
	width: 20px;
	height: 20px;
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}


/*------------------------------PIE LATERAL------------------------------*/

.pieLateral
{
	width: 220px;
	min-height: 186px !important;
	height:186px;
	position: absolute;
	bottom: 0px;
	background-image: url("/img/bg_pie_lateral.jpg"); /*z-index:0;*/
}


/*------------------------------OTROS------------------------------*/

.bannerAgua
{
	background: url("/img/banner_agua.jpg") no-repeat;
	height: 46px; 
}
/*.bienvenida
{
	position: relative;
	top: 0px;
	left: 367px;
	width: 248px;
	height: 94px;
	padding: 9px 5px 5px 5px;
}
.bienvenida h1
{
	font-size: 12px;
	margin: 0px;
}
.bienvenida h1 img
{
	margin-right: 5px;
}
.bienvenida p
{
	font-size: 10px;
	margin: 0px;
}*/
.formulario
{
	margin: 0px auto;
}
.formulario input
{
	font-size: 12px;
}
.formulario select
{
	font-size: 12px;
}
.formulario textarea
{
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS";
	background: url("/img/bullet_h1.gif") no-repeat 85% 100%;
	border: solid 1px #7F9DB9;
}
.formulario tr > td:first-child
{
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}
.formulario tr td
{
	padding: 3px;
}
.listaCarrito
{
	border-top: dotted 1px #7F9DB9;
	border-bottom: dotted 1px #7F9DB9;
	width: 100%;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
}
.loginControl
{
	margin:0px auto;
}
table.loginPanel
{
	/*border-collapse: collapse;*/
	background: url("/img/bg_login.gif") no-repeat 50% 0;
	width:375px;
}
table.loginCampos
{
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 25px;
	border-collapse: collapse;
}
table.loginCampos tr
{
}
table.loginCampos td
{
	padding: 1px 3px;
}
table.recuerdame
{
	width: 290px;
	border-top: 1px solid #7F9DB9;
}
.btnGenerico
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	height: 26px;
	border-collapse: collapse;
}
.btnGenerico td.btnGenLeft
{
	background: url("/img/bt_left.gif") no-repeat;
	width: 10px;
}
.btnGenerico td.btnGenCenter
{
	background: #3175BD url("/img/bt_back.gif") repeat-x;
	width: 10px;
}
.btnGenerico td.btnGenRight
{
	background: url("/img/bt_right.gif") no-repeat;
	width: 10px;
}
.btnGenerico a
{
	color: #FFFFFF;
	display: block;
	height: 20px;
	text-decoration: none;
	padding-top: 1px;
	white-space:nowrap;
}
.clearRight
{
	clear: right;
	display:block;
	/* margin-left:10px; */
	margin-top:3px;
}
/*----------------------------GENERICOS---------------------------------*/

a
{
	text-decoration: none;
	color:#3074BF;
}
a:hover
{
	text-decoration: underline;
}



/*----------------------------TOP 5---------------------------------*/
div.top5Container
{
	width: 581px;
	height: 443;
	position: relative;
	margin: 0px auto;
}
.top5main
{
	position: relative;
	z-index: 50;
	
}
.topImg1
{
	width: 196px;
	height: 137px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 11px;
	left: 26px;
}
.topImg2
{
	width: 196px;
	height: 136px;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	left: 357px;
	top: 71px;
}
.topImg3
{
	width: 196px;
	height: 151px;
	overflow: hidden;
	position: absolute;
	z-index: 3;
	left: 193px;
	top: 143px;
}
.topImg4
{
	width: 196px;
	height: 132px;
	overflow: hidden;
	position: absolute;
	z-index: 4;
	left: 41px;
	top: 265px;
}
.topImg5
{
	width: 196px;
	height: 161px;
	overflow: hidden;
	position: absolute;
	z-index: 5;
	left: 373px;
	top: 264px;
}
.topTit1
{
	position: absolute;
	top: 169px;
	left: 41px;
	z-index: 51;
	width: 142px;
}
.topTit2
{
	position: absolute;
	top: 217px;
	left: 424px;
	z-index: 52;
	width: 160px;
}
.topTit3
{
	position: absolute;
	top: 13px;
	left: 252px;
	z-index: 53;
	width: 155px;
}
.topTit4
{
	position: absolute;
	top: 224px;
	left: 35px;
	z-index: 54;
	width: 149px;
}
.topTit5
{
	position: absolute;
	top: 321px;
	left: 252px;
	z-index: 55;
	width: 110px;
}
.topTit
{
	font-weight: bold;
	color: #154E8D;
	text-decoration: none;
}
.topTit:hover
{
	color: #154E8D;
	text-decoration: underline;
}
.topDesc
{
	font-size: 11px;
}
.envioDone
{
	display:block;
	border:solid 1px #104D8C;
	background-color:#FFF8E1;
	padding:10px;
	width:360px;
	margin:0px auto;
	text-align:center;
}
.PanelExpander
{
    background:url("/img/btn_vercroquis.jpg") no-repeat;
    width:83px;
    height:26px;
    cursor:pointer;
}
.buscadorCompleto
{
	position:  relative;
	top: -100px;
	left: -400px;
}