@charset "utf-8";
/* ---------------------------------------------
	OptimaLAN
----------------------------------------------*/


/* CSS GENERAL ------------------------------------------------------ */

/* quita el margen y el padding de todos los elementos */
* { margin: 0; padding: 0; }

/*para limpiar flotados */
.clear { clear: both; }

/* para esconder elementos */
.hide {	display: none; }

/* quita el borde de las imagenes con links */
img { border: 0; }

/* alineación de texto */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important;; }
.alignMiddle { vertical-align: middle !important;; }
.alignBottom { vertical-align: bottom !important; }

/* alineación de elementos */
.centered {	margin-left: auto; margin-right: auto; }

/* modo de display */
.asBlock { display: block; }
.asInline { display: inline; }

/* resets de bordes, margenes y padding */
.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }

/* tablas */
table { border-collapse: collapse; border-spacing: 0; }

/* varios */
.highlight { background: #ffffcc; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { border-bottom: 1px solid; }

/* tamaños en porcentajes */
.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

/* tamaños en pixels */
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w85px { width: 85px; }
.w100px { width: 100px; }
.w150px { width: 150px; }
.w160px { width: 160px; }
.w175px { width: 175px; }
.w180px { width: 180px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w400px { width: 400px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }

.floatLeft { float: left; }
.floatRight { float: right; }

.floatImgLeft { margin: 0 20px 20px 0; float: left; }
.floatImgRight { margin: 0 0 20px 20px; float: right; }


/* CSS TIPOGRAFIA ------------------------------------------------------ */
body {
	color: #000;
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* 1em = 10px aproximadamente. */
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }

li, dd { margin-left: 5%; }

h1 { font-size: 2.5em; }

h2 { font-size: 2em; }

	div.menuProductos h2 {
		color: #fff;
		width: 210px;
		height: 23px;
		font-size: 1.5em;
		font-weight: bold;
		line-height: 100%;
		text-transform: uppercase;
		letter-spacing: -0.03em;
		margin: 0;
		padding: 18px 0 0 8px;
		background: url(../_img/bkg_menuHead.gif) no-repeat top left;
	}

	div#novedades h2 {
		color: #0381bb;
		font-size: 1.7em;
		text-transform: uppercase;
		letter-spacing: -0.03em;
		margin: 0 0 1em 0;
	}

	div#buscador h2, div#promocion h2, div#localizacion h2, div.panelGeneral h2 {
		color: #0487bb;
		font-size: 1.5em;
		line-height: 120%;
		text-transform: uppercase;
		margin: 0 0 1.5em 0;
	}

		div#localizacion h2 { margin: 0 0 4em 0; }

	div.panelGeneralMain h2 {
		font-size: 2em;
		line-height: 120%;
		margin: 0 0 1em 0;
	}

h3 { font-size: 1.6em; }

	div.novedad h3 {
		font-size: 1.4em;
		font-weight: bold;
		line-height: 120%;
		margin: 0 0 1em 0;
	}

	div.panelGeneralMain h3 {
		color: #0487bb;
		font-size: 1.4em;
		margin: 1em 0 .5em 0;
	}
	
	h3.detalleFamilias { font-size: 1.2em !important; margin: 0 0 .2em 0 !important; }
	h3.detalleSubFamilias { font-size: 1.3em !important; margin: 0 0 .5em 2em !important; }


h4 {
	font-size: 1.2em;
}

	div.panelGeneralMain h4 {
		color: #666;
		font-size: 1.1em;
		margin: 1em 0 .5em 0;
	}

h5 {
	font-size: 1.3em;
	font-weight: normal;
}

h6 {
	font-size: 1.2em;
}


p {
	font-size: 1.2em;
	color: #333;
	margin: 0 0 1em 0;
}

	div.menuProductos div.item p, div.menuProductos div.item-active p {
		color: #313131;
		margin: 0;
		padding: .2em 1.5em;
		cursor: pointer;
	}

	div.menuProductos div.subfamilia p, div.menuProductos div.subfamilia-active p {
		color: #313131;
		margin: 0;
		padding: .2em 1em .2em 3.5em;
		cursor: pointer;
	}

	div.menuProductos div.subitem p, div.menuProductos div.subitem-active p {
		color: #666;
		margin: 0;
		padding: .2em 1em .2em 3.5em;
	}

	div.menuProductos div.subfamitem p, div.menuProductos div.subfamitem-active p {
		color: #666;
		margin: 0;
		padding: .2em 1em .2em 4.5em;
	}

	div.novedad p {
		color: #666;
		margin: 0 0 .2em 0;
	}

	p.marca {
		color: #D96200;
		margin: .5em 0;
	}

	p.promocion {
		color: #0487bb;
		font-size: 1.3em;
		margin: 0 0 2em 0;
	}
	
	.condiciones p { margin-left: 5%; }
	.condiciones { text-align:justify; }

pre { font-size: 1.1em; padding: 1em; border: 1px solid #bbb; }

ul, ol { font-size: 1.2em; list-style-position: inside; }

	ul li ul, ul li ol, ol li ul, ol li ol { font-size: 100%; }

ol { font-size: 1.2em; list-style-position: inside; }

blockquote { font-size: 1.3em; padding: 1em; border-left: 1px solid #bbb; }



/* CSS FORMS ------------------------------------------------------ */

form { margin: 1em 0; }

	form em { color: #FF0000; }

fieldset { padding: 1em; }

label { font-size: 1.2em; color: #333; margin: 0 0 1em 0; display: block; }

	div#buscador label { font-size: 1.1em; color: #0487bb; display: inline; }
	
	label.error { color: #FF0000; font-size: 100%;}

legend { font-size: 1.2em; }

input.textField {
	color: #333;
	background: #fff;
	border: 1px solid #68AFCF;
	padding: 0.15em;
}
	input.textField.error {
		border: 1px solid #FF0000;
	}

	input:focus.textField {
		color: #000;
		background: #F8FDFF;
		border: 1px solid #0381bb;
	}

textarea.textArea {
	color: #333;
	font: inherit;
	background: #fff;
	border: 1px solid #68AFCF;
	padding: 0.15em;
}
	
	textarea.textArea.error { border: 1px solid #FF0000; }

	textarea:focus.textArea {
		color: #000;
		background: #F8FDFF;
		border: 1px solid #0381bb;
	}

select.selectBox {
	color: #333;
	background: #fff;
	border: 1px solid #68AFCF;
	padding: 0.15em;
}

	select.selectBox.error { border: 1px solid #FF0000; }

	select:focus.selectBox {
		color: #000;
		background: #F8FDFF;
		border: 1px solid #0381bb;
	}
	
		option {
			margin: 0 1em 0 0;
		}



/* CSS LAYOUT ------------------------------------------------------ */
#wrapper {
	width: 900px;
	margin: 0 auto;
}

#header {
	width: 900px;
	height: 35px;
	padding: 76px 0 0 0;
	margin: 10px 0;
	background: url(../_img/bkg_header_01.gif) no-repeat left top;
	border: 1px;
}

	#navigation {
		height: 35px;
		background: url(../_img/bkg_navigation.gif) no-repeat right top;
	}

#sidebar {
	width: 210px;
	float: left;
}

#container2 {
	width: 670px;
	float: right;
}

	#mainContent {
		width: 440px;
		float: left;
	}
	
	#secondaryContent {
		width: 210px;
		float: right;
	}


/* CSS CLASES ------------------------------------------------------ */
a:link, a:visited { color: #0381BB; text-decoration: none; }
a:hover, a:active { background: #D9F4FF; }
.button a:link, .button a:visited { background: none; }


div.menuProductos .item a:link, div.menuProductos .item a:visited { color: #313131; text-decoration: none; font-size: 100% !important; font-weight: normal; }
div.menuProductos .subfamilia a:link, div.menuProductos .subfamilia a:visited { color: #313131; text-decoration: none; font-size: 100% !important; font-weight: normal; }
div.menuProductos .subitem a:link, div.menuProductos .subitem a:visited { color: #666; text-decoration: none; font-size: 90% !important; font-weight: normal; }
div.menuProductos .subfamitem a:link, div.menuProductos .subfamitem a:visited { color: #666; text-decoration: none; font-size: 90% !important; font-weight: normal; }

div.menuProductos .item-active a:link, div.menuProductos .item-active a:visited { color: #0487BB; text-decoration: none; font-size: 100% !important; font-weight: bold; }
div.menuProductos .subfamilia-active a:link, div.menuProductos .subfamilia-active a:visited { color: #0487BB; text-decoration: none; font-size: 100% !important; font-weight: bold; }
div.menuProductos .subitem-active a:link, div.menuProductos .subitem-active a:visited { color: #666; text-decoration: none; font-size: 90% !important; font-weight: bold; }
div.menuProductos .subfamitem-active a:link, div.menuProductos .subfamitem-active a:visited { color: #666; text-decoration: none; font-size: 90% !important; font-weight: bold; }



div#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	div#navigation ul li {
		height: 35px;
		background: url(../_img/bkg_buttonNavInact_left.gif) no-repeat left bottom;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	div#navigation ul li.active {
		height: 35px;
		background: url(../_img/bkg_buttonNavAct_left.gif) no-repeat left bottom;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	div#navigation ul li a:link, div#navigation ul li a:visited {
		color: #999;
		height: 35px;
		font-size: 12px !important;
		line-height: 33px;
		text-decoration: none;
		text-align: center;
		background: url(../_img/bkg_buttonNavInact_right.gif) no-repeat right bottom;
		margin: 0;
		padding: 0 20px;
		display: block;
		outline: none;
	}

	div#navigation ul li a:hover, div#navigation ul li a:active {
		color: #0381BB;
	}
	
	div#navigation ul li a.active:link, div#navigation ul li a.active:visited {
		color: #0381BB;
		height: 35px;
		line-height: 33px;
		text-decoration: none;
		text-align: center;
		background: url(../_img/bkg_buttonNavAct_right.gif) no-repeat right bottom;
		margin: 0;
		padding: 0 20px;
		display: block;
	}

	div#navigation ul li a.hover:link, div#navigation ul li a.active:active {
		color: #0381BB;
	}

	div.menuProductos {
		background: url(../_img/bkg_menuBack.gif) repeat-y left top;
	}
	
	div.menuProductosFooter {
		height: 8px;
		background: url(../_img/bkg_menuFooter.gif) no-repeat left bottom;
	}

div#productos {
	margin: 10px 0;
}

	div.bannerProducto {
		width: 440px;
		background: url(../_img/bkg_banProductos_top_01.gif) no-repeat left top;
		padding: 10px 0 0 0;
	}
		div.bannerProductoBottom {
			width: 430px;
			background: url(../_img/bkg_banProductos_bottom_01.gif) no-repeat left bottom;
			padding: 0 5px 10px 5px;
			/*border: 1px solid #000;*/
		}
	
		div.bannerProducto div.imgProducto {
			width: 210px;
			text-align: center;
			/* background: #00CCFF;
			border: 1px solid #f00;*/
			float: left;
		}
		
		div.bannerProducto div.textoProducto {
			width: 165px;
			float: right;
		}
	
			div.bannerProducto div.textoProducto p {
				margin: 0.2em 0 .5em 0;
				font-size: 1.1em;
			}

			div.bannerProducto div.textoProducto h3 {
				line-height: 120%;
				margin: 0;
			}

			div.bannerProducto div.textoProducto p.descripcion {
				color: #999;
				line-height: 120%;
			}
			

		div.bannerProducto div.button {
			width: 30px;
			height: 30px;
			padding: 10px 5px 0 5px;
			float: right;
		}

		
	div.bannerProductos {
		width: 440px;
		background: url(../_img/bkg_banProductosSec_top_01.gif) no-repeat left top;
		padding: 10px 0 0 0;
	}

		div.bannerProductosBottom {
			width: 420px;
			background: url(../_img/bkg_banProductosSec_bottom_01.gif) no-repeat left bottom;
			padding: 0 10px 10px 10px;
			/*border: 1px solid #000;*/
		}		

		div.panelGeneralMain .productoPeq {
			margin: 0 15px 0 0;
		}

		div.productoPeq {
			width: 90px;
			margin: 0 20px 0 0;
			_margin: 0 18px 0 0;
			float: left;
		}

		div.productoPeq.ultimo { margin: 0 !important; }
		
		div.row_familia_detalle { margin: 0 0 20px 0; clear: both; }

			div.imgProducto { min-height: 70px; _height: 70px; text-align: center; display: table-cell; vertical-align: middle; }
				div.imgProducto img { display: inline; }

			div.textoProducto { margin: 5px 0 0 0;  width: 91px; }

				div.textoProducto p {
					color: #999;
					font-size: 1.1em;
					line-height: 110%;
					text-align: center;
					margin: 0;
				}

div#novedades {
	padding: 10px;
}

	div#novedades div.novedad {
		margin: 0 0 20px 0;
	}


a.botonClaro:link, a.botonClaro:visited {
	color: #0487bb;
	font-size: 1.2em;
	line-height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../_img/bkg_buttonClear_left.gif) no-repeat left top;
	padding: 0 0 0 10px;
	float: left;
	display: block;
	outline: none;
}

	a.botonClaro:link span, a.botonClaro:visited span {
		background: url(../_img/bkg_buttonClear_right.gif) no-repeat right top;
		text-decoration: none;
		padding: 0 10px 0 0;
		display: block;
	}

a.botonOscuro:link, a.botonOscuro:visited {
	color: #fff;
	font-size: 1.2em;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../_img/bkg_buttonDark_left.gif) no-repeat left top;
	padding: 0 0 0 10px;
	float: left;
	display: block;
	outline: none;
}

	a.botonOscuro:link span, a.botonOscuro:visited span {
		background: url(../_img/bkg_buttonDark_right.gif) no-repeat right top;
		text-decoration: none;
		padding: 0 10px 0 0;
		display: block;
	}
	
div#buscador {
	width: 190px;
	height: 171px;
	background: url(../_img/bkg_buscador_01.gif) no-repeat left top;
	padding: 15px 10px;
	margin: 0 0 13px 0;
}

	div#buscador form { margin: 0; padding: 0; }
	div#buscador input#txt_busqueda { color: #D96200 }
	
div.buscadorResultados {
	margin: 0 0 2.5em 0;
}

	div.buscadorResultados img {
		background: fff;
		border: 1px solid #ddd;
		padding: 2px;
		margin: 0 15px 0 0;
		float: left;
	}
	
	div.buscadorResultados img.active { border: 1px solid #0487bb; }
	
	div.buscadorResultados p {
		margin: .2em 0;
	}

div#promocion {
	width: 190px;
	height: 174px;
	background: url(../_img/bkg_panel_01.gif) no-repeat left top;
	padding: 15px 10px;
	margin: 0 0 10px 0;
}

	div#promocion div.imgProducto {
		width: 190px;
		text-align: center;
	}
	
	div#promocion div.textoProducto {
		width: 190px;
		text-align: center;
	}

		div#promocion div.textoProducto p {
			color: #999;
			font-size: 1.2em;
			line-height: 120%;
			padding: 5px;
		}

	div#promocion div.button {
		width: 30px;
		height: 30px;
		padding: 0 5px 0 5px;
		margin: -5px 0 0 0;
		float: right;
	}

div#localizacion {
	width: 190px;
	height: 174px;
	background: url(../_img/bkg_panelLocaliz_01.gif) no-repeat left top;
	padding: 15px 10px;
	margin: 0 0 10px 0;
}

	div#localizacion p {
		color: #0487bb;
		line-height: 120%;
	}

		div#localizacion p.destacado {
			font-size: 2em;
			font-weight: bold;
		}
	
	div#localizacion div.button {
		width: 30px;
		height: 30px;
		padding: 0 5px 0 5px;
		margin: 35px 0 0 0;
		float: right;
	}

div#pie {
	width: 900px;
	height: 45px;
	background: url(../_img/bk_footer_01.gif) no-repeat left top;
	padding: 5px;
	margin: 30px 0 10px 0;
	clear:both;
}
	div#pie div.creditos {
		width: 205px;
		float: left;
	}

		div#pie div.creditos p {
			color: #999;
			font-size: 1.1em;
			line-height: 120%;
			padding: 8px 10px;
			margin: 0;
		}

	div#pie div.filiales {
		width: 190px;
		background: url(../_img/bkg_filiales_01.gif) no-repeat left top;
		margin: 0 0 0 20px;
		padding: 20px 0 0 20px;
		float: left;
	}
	
		div#pie div.filiales p {
			color: #999;
			font-size: 1em;
			line-height: 110%;
			padding: 0px 12px;
			margin: 0;
		}
		
	div#pie div.filiales2 {
		width: 190px;
		background: url(../_img/bkg_filiales_02.gif) no-repeat left top;
		margin: 0 0 0 20px;
		padding: 20px 0 0 20px;
		float: left;
	}
	
		div#pie div.filiales2 p {
			color: #999;
			font-size: 1em;
			line-height: 110%;
			padding: 0px 12px;
			margin: 0;
		}

.panelGeneralMain {
	width: 440px;
	background: url(../_img/bkg_panel_productos_top.gif) no-repeat left top;
	padding: 1px 0 0 0;
}

	.panelGeneralMainBottom {
		width: 410px;
		min-height: 470px; height: auto !important; height: 470px;
		background: url(../_img/bkg_panel_productos_bottom.gif) no-repeat left bottom;
		padding: 10px 15px;
	}
	
	.panelGeneralMain ul.archivos { font-size: 1.1em; list-style: none; }
	.panelGeneralMain ul.archivos li { background: url(../_img/bullet_disk.gif) no-repeat left center; padding: 2px 0 2px 16px; }

div.panelGeneral {
	width: 210px;
	background: url(../_img/bkg_panel_general_top.jpg) no-repeat left top;
	padding: 1px 0 0 0;
}

	.panelGeneralBottom {
		width: 180px;
		background: url(../_img/bkg_panel_general_bottom.jpg) no-repeat left bottom;
		padding: 15px 15px 10px 15px;
	}
	
	.panelGeneral ul.imagenes {
		margin: 1em 0;
		padding: 0;
		list-style: none;
		list-style-position: outside;
	}
		
		.panelGeneral ul.imagenes li {
			margin: 0;
		}
	
	.panelGeneral ul.imagenes img { border: 1px solid #ddd; }
	.panelGeneral ul.imagenes img.active { border: 1px solid #0487bb; }

	.panelGeneralMain .row { margin: 20px 0; }

#pieImpresion {
	margin: 20px 0;
	padding: 10px;
	border-top: 1px solid #0381BB;
	display: none;
}

	#pieImpresion p {
		font-size: 1.1em;
		line-height: 140%;
	}