@charset "utf-8";
/** { margin: 0; padding: 0; }*/
/****** ESTRUCTURA ******/
body { margin: 0 auto; font-size: 13px; font-family: Arial, Helvetica, sans-serif; background: url(img/body.png) #000; color:#333; }

#wrap_1 { width: 980px; margin: 16px auto; padding: 12px 0 0 10px; }
	.wrap_inicio { background: url(img/wrap_inicio.jpg) 0 0 no-repeat; }
	.wrap_normal, .wrap_wide { background: url(img/wrap_normal.jpg) 0 0 no-repeat; }
#wrap_2 { width: 960px; background:none; }
#top_bar { margin:0; height:16px; }

#header_1 { width:100%; margin: 0; padding:0; position:relative; height: 132px; }
		div#logo{ margin:0; padding:0; position:absolute; top: 12px; left: 105px;}
			div#logo img{ margin:0;}
		div#animacion{ margin:0; padding:0; position:absolute; top: -2px; right: 10px;}

#main { width:100%; background: #FFF; padding: 0; margin-bottom:16px; }
#main_b { width:100%; background: url(img/main_b.png) 0 100% no-repeat; }

.menu_bar { float:left; position:relative; margin: 0 0 0 16px; padding: 12px 0 0 0; }
	.menu_bar span { position:absolute; top:3px; left:16px; color: #000; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; text-transform:uppercase; }
	.menu_bar_l { background: url(img/menu_bar_l.png) 0 0 no-repeat; }
		.menu_bar_r { background: url(img/menu_bar_r.png) 100% 0 no-repeat; height: 32px; }
#menu_java .menu_bar_r { width: 380px; }
#menu_productos .menu_bar_r { width: 532px; }


#wide_content { float:left; width: 100%; margin: 0; overflow:hidden; }

#content { float:left; width: 712px; margin: 0 16px 0 0; overflow:hidden; }

#sidebar_r { float: right; width: 200px; margin: 0; overflow:hidden; }

#footer { clear:both; width:100%; color:#666; font-size:11px; line-height:150%; background-color: #ECE9E0; }
	#footer_b { background: url(img/footer_b.png) 0 100% no-repeat; }
		#footer_t { background: url(img/footer_t.png) 0 0 no-repeat; }
	#footer h5 { margin:0 0 4px 0; padding:0; color: #E8511C; font-size:11px; font-weight:normal; }
	#footer p { line-height:100%; }

p#java { text-align:center; margin-top: 8px; }
	p#java a { color: #999; }

a#credits { float:right; padding-right: 34px; line-height:22px; background: url(img/vision_izoizo.png) 100% 0 no-repeat; color: #CCC; font-size:11px; }
	a#credits:hover { background-position: 100% -26px; color: #FFF; text-decoration:none; }

/****** GENERALES ******/
a {	color:#09C; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }

div{background:none; margin:0; padding:0;}

	h1, h2 { color:#E8511C; }
h1{	font-size: 24px; font-weight:normal; margin: 0 0 8px 0; padding: 0; letter-spacing:1px; }
	.wrap_inicio h1{ font-size: 22px; }
h2{	font-size: 16px; }
h3{	font-size: 14px; padding: 4px 0; letter-spacing:1px; color: #675934; }
h4{	font-size: 13px; margin:0 ; padding:0; color:#333; font-weight: bold; }
h5 { margin:0 0 4px 0; padding:0; color: #E8511C; font-size:11px; font-weight:normal; }

hr { width:96%; height:1px; margin:6px auto ; border: 0; color:#CCC; background-color: #CCC; }

/****** EXTRAS ******/
.izq { float:left; }
.der { float:right; }
.esp { clear:both; }
.centro { margin-left:auto; margin-right:auto; }

.aire_v { padding-top: 8px; padding-bottom: 8px; }

.un_tercio { width:33%; }
.dos_tercios { width:66%; }
.mitad { width:50%; }

.gutter { padding: 16px; }
.gutter_med { padding: 6px 8px; }
.gutter_mini { padding:8px; }

.gt { padding-top: 10px; }
.gb { padding-bottom: 10px; }
.gl { padding-left: 10px; }
.gr { padding-right: 10px; }
.gtb { padding-top: 10px; padding-bottom: 10px;}
.glr { padding-left: 10px; padding-right: 10px;}
.gtl { padding-top: 10px; padding-left: 10px; }
.gtr { padding-top: 10px; padding-right: 10px; }
.gbl { padding-bottom: 10px; padding-left: 10px; }
.gbr { padding-bottom: 10px; padding-right: 10px; }
.mtb { margin-top: 10px; margin-bottom: 10px; }
.mt { margin-top: 10px; }
.mr { margin-top: 10px; }
.mb { margin-top: 10px; }
.ml { margin-top: 10px; }

.centrado { text-align:center }
.derechado { text-align:right }
.mediado { vertical-align:middle }

.sutil{ color:#666; }
.pequena { font-size:11px;}
.sutilisimo { color: #666; font-size: 11px; }

.minilabel { font-size: 11px; font-weight: bold; color: #666; }

img.cont { margin: 8px; }

/****** ESPECIALES ******/
.novedades { width: 48%; background-color: #F7F5EF; font-size:11px; }
	.novedades h3 { color: #675934; }

.slide_inicio { margin-bottom: 16px; text-align: center; }
h2.distribuidor { font-size: 20px; color: #666; }

/****** MENU PRINCIPAL ******/
	.menu_principal { width:100%; margin: 0 0 0 16px; padding: 0; list-style: none; }
		.menu_principal li { float: left; line-height: 32px; margin: 0 14px 0 0; padding:0; text-align:center; font-size: 14px; letter-spacing: 1px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
			#menu_java .menu_principal li { margin-right: 26px; }
			#menu_productos .menu_principal li { margin-right: 20px; }
			#menu_java .menu_principal li.ultimo, #menu_productos .menu_principal li.ultimo { margin-right: 0; }
			.menu_principal li a { float: left; color: #FFD41B; line-height: 32px; text-decoration:none; }
			.menu_principal li.active { }
				.menu_principal li.active a { color: #FFF; background: url(img/menu.png) 0 50% no-repeat; text-decoration: none; }
					.menu_principal li.active a:hover { }
			.menu_principal li a:hover { background: url(img/menu.png) 0 50% no-repeat; text-decoration: none; }

/****** GALLERY AJAX ******/
.galleryNavigation { position: relative; width: 300px; margin: 10px auto; background: url(img/galleryNavigation_l.png) 0 0 no-repeat transparent; }
	.galleryNavigation ul { width: 100%; height: 32px; padding: 10px 0 0 0; margin: 0; background: url(img/galleryNavigation_r.png) 100% 0 no-repeat transparent; text-align: center; }
		.galleryNavigation ul li { display: inline; list-style: none; padding: 0 10px; font-weight: bold; font-size: 16px; color: #FFF; }
			.galleryNavigation ul li a { color: #FFF; }
				.galleryNavigation ul li a:hover { color: #FFD41B; text-decoration: none; }
				.galleryNavigation ul li a:focus { outline: none; }
				.galleryNavigation ul li.current a { color: #FFD41B; text-shadow: 0 0 3px #FFEC9D; }
				.galleryNavigation a.previous { position: absolute; left: 20px; top: 13px; display: block; width: 13px; height: 15px; background: url(img/galleryNavigation_previous.png) 0 0 no-repeat transparent; text-indent: -4000px; font-size: 1px; }
				.galleryNavigation a.next { position: absolute; right: 20px; top: 13px; display: block; width: 13px; height: 15px; background: url(img/galleryNavigation_next.png) 0 0 no-repeat transparent; text-indent: -4000px; font-size: 1px; }
					.galleryNavigation a.previous:hover, .galleryNavigation a.next:hover { background-position: 0 -15px; }
					.galleryNavigation a.previous:focus , .galleryNavigation a.next:focus  { outline: none; }

.galleryContainer { position: relative; }
	.galleryContainer ul { z-index: 9; }
	.galleryContainer .loader { position: absolute; top: 20px; left: 320px; z-index: 100; width: 80px; height: 80px; background: url(img/loader.gif) 50% 50% no-repeat #FFF; border: 1px solid #999; }

/****** LISTAS ******/
ul.thumbnails, div.thumbnails { float:left; width: 684px; margin: 0 0 0 8px; padding: 8px 4px 4px 8px; background: url(img/galeria.png) 0 0 repeat-x #999; }
	div.thumbnails { position: relative; width: 692px; height: 464px; overflow: hidden; padding: 0; }
		div.thumbnails ul { float: left; width: 684px; margin: 0; padding: 6px 4px 4px 6px; }
	ul.thumbnails li, div.thumbnails ul li { position: relative; float:left; width: 100px; height: 100px; margin: 0 4px 4px 0; padding: 4px; border: #FFF 1px solid; background-color: #FFF; list-style: none; text-align:center; }
		ul.thumbnails li:hover, div.thumbnails ul li:hover { border-color: #E8511C; }
		ul.thumbnails li.fin_fila, div.thumbnails ul li.fin_fila { margin-right: 0; }
		ul.thumbnails li img { }
		ul.thumbnails li div.desc, div.thumbnails ul li div.desc { position: absolute; bottom: 4px; left: 0; width: 100%; z-index: 10; height: 14px; line-height: 14px; overflow: hidden; text-align: center; font-size: 11px; text-transform: uppercase; background: url(img/zoom_in.png) 98% 0 no-repeat #FFF; opacity:0.7; filter:alpha(opacity=70); }
			ul.thumbnails li a div.desc, div.thumbnails ul li a div.desc { color: #999; }
			ul.thumbnails li a:hover div.desc, div.thumbnails ul li a:hover div.desc { color: #E8511C; text-decoration: none; background-position: 98% -14px; opacity:1.0; filter:alpha(opacity=100); }

	div.thumbnailsContainer { position: absolute; top: 0; left: 0; width: 100%; height: 460px; }

#content ul, #wide_content ul { list-style-image:url(img/list.png); }
	#content ul li, #wide_content ul li { line-height: 150%; }
.marcas{ margin: 20px 0 0 0; padding: 0; width:100%; list-style: none; text-align:center; }
	.marcas li { display:inline; line-height:40px; margin:0 16px; }
		.marcas li a { color:#0378AA; font-size: 13px; font-weight:bold; }
			.marcas li a:hover { color:#F90; }

.productos_inicio { float:left; margin: 0 0 16px 0; padding: 0; width:100%; text-align:center; }
	.productos_inicio li { float: left; list-style:none; margin-right: 17px; }
		.productos_inicio li.ultimo { margin-right: 0; }
		.productos_inicio li a { display:block; width: 172px; height: 245px; padding-top: 5px; background: url(img/productos.png) 0 0 no-repeat; font-size: 16px; color: #333; letter-spacing:2px; }
			.productos_inicio li a img { margin-bottom:12px; opacity:0.9; filter:alpha(opacity=90); }
			.productos_inicio li a:hover { color: #E8511C; text-decoration: none; }
				.productos_inicio li a:hover img { opacity:1.0; filter:alpha(opacity=100) }

/****** MODULOS ******/
.gut_mod { padding: 8px; }

.mod_t { width: 200px; background: url(img/mod_t.png) 0 0 no-repeat; }
.mod_b { background: url(img/mod_b.png) 0 100% no-repeat; }

.mod_mitad_t { width: 456px; background: url(img/mod_mitad_t.png) 0 0 no-repeat; }
.mod_mitad_b { background: url(img/mod_mitad_b.png) 0 100% no-repeat; }

/****** CONTENIDO ******/
#main p { line-height:150%; margin:8px 0; }
#main p { }

div#content ul, div#content ol { line-height:150%; }

/****** TABLAS ******/
table { width:100%; }
.productos { border-collapse:collapse; border: #CCC 1px solid; margin:10px auto; background-color:#FFF; }
	.productos th { border-bottom: #666 2px solid; line-height:200%; }
	.productos td { border-bottom: #CCC 1px solid; line-height:150%; padding:4px; vertical-align:top; }
		.productos td.mediado { vertical-align:middle; }
		.productos td h4, .productos td ul { padding:0; margin:0; }
		.productos td ul li { list-style-image:url(img/check.png); }
.cuartos td { width:25%; }
.tercios td { width:33%; }
.celdas td { border: #CCC 1px solid; }

/****** FORMULARIOS ******/
form { }
fieldset { float: left; margin: 16px 0; padding: 16px; border: #CCC 1px solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
legend { font-size: 14px; letter-spacing:1px; color: #E8511C; font-weight: bold; }
label { display: block; width: 100%; margin: 8px 0 6px 0; color: #666; }
input[type=text] { height: 18px; line-height: 22px; padding: 2px 0; vertical-align: middle; }
textarea { overflow: auto; }
input[type=text], textarea { width: 100%; background: url(img/textfield.png) 100% 0 no-repeat #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	input[type=text]:focus, textarea:focus { }
	.cotizacion input[type=text], .cotizacion textarea { width: auto; }
input[type=text], textarea, select { border: 1px solid #999; }
select { clear: both; vertical-align: text-bottom; }
select[multiple=multiple] { width: auto; padding: 4px; line-height:150%; }
option { padding: 0 3px; }
input[type=checkbox] { margin: 4px 6px 4px 2px; width: auto; }
input[type=radio] { width:auto; margin: 0 3px 7px 0; }
div.radio label { margin: 0 0 6px 20px; }
input[type=submit], input[type=button] { display: inline; width: auto; vertical-align: bottom; padding: 4px 8px; font-weight: bold; }
div.submit { margin: 16px auto; text-align: center; }
form span.error { font-size: 11px; color: #F30; }
form input.error { border: 1px solid #F30; }