﻿* { padding: 0; margin: 0; border: 0; }
body { margin: 0; padding: 0; font: normal 12px/1.7em  verdana, tahoma, sans-serif; text-align: center; background: #000000 url(http://www.verybox.com/pictures/interface/background/background3.jpg) top center repeat-y; color: #000000;}

img { background: transparent;}
hr 	{height: 4px;color:#c0c0c0;background-color:#c0c0c0;margin: 10px 0px;}

#cabecera {width: 100%; height:82px; text-align:left; margin:0 auto 0 auto;background: transparent url(http://www.verybox.com/pictures/interface/background/cabecera2.jpg) top center no-repeat;}
#cabsombra {background: #fff url(../pictures/interface/background/superior.jpg) bottom center no-repeat; height:20px;margin:0px auto 0 auto;float:left;width:100%;}

#logo {width: 250px;height:70px;float: left;padding:5px 0px 0px 0px;}

#banner {width: 468px;height:60px;float: left;padding:5px 0px 0px 0px;}
#banner img { float:left; }

#login {width: 300px;height:70px;float:none; text-align:right; margin:0px auto;padding:0px 0px 0px 450px;}
#logincont {width: 400px;float:none; text-align:right;}
#logincont input { border: 1px solid #cccccc; margin: 5px 5px 0 5px;float:right}
#logincont .campo { color:#838383; background:#ffffff; width:85px; padding:3px 5px 2px 5px; font: normal 1em Verdana, sans-serif;}
#logincont .boton { color:#eeeeee; background: transparent; text-align:center;cursor:pointer;padding:1px 0px 2px 0px; font: normal 1em Verdana, sans-serif;float:right; border:0px}
#conexion {font: bold 0.75em Verdana, sans-serif; color:#eb4242;}

#contenedor {width: 950px; text-align:left;margin:0 auto 0 auto;}

#submenu {text-align:center;float:right;width:950px;padding:20px 0 0 0;}
#submenu div {float:left;}
#submenu h1 {color:#333333; font: bold 1.7em Verdana, sans-serif;text-align:center;padding:10px 0 0 0;}
#submenu h2 {color:#444444; font: normal 1.4em Verdana, sans-serif;text-align:center;}
#submenu #dondeestoy {text-align:center;width:270px; margin:0 auto;float:right;}

#contenedor #menutipo {width:100%;text-align:center;display:block;}
#contenedor #menutipo div {float:left;}
#contenedor #cabeceratit {width:940px;height:332px; background: transparent url(../pictures/interface/cabeceras/background.jpg) no-repeat 0 0;text-align:center;margin:0 auto 0 auto;float:left;padding:15px 0 0 0;}
#contenedor #cabeceramini {width:890px;height:100px; background: transparent url(../pictures/interface/cabeceras/backgroundmini.jpg) no-repeat 0 0;text-align:center;margin:0 auto 0 auto;float:none;padding:0px 0 0 0;}

#contenedor #descripciontipo {width:900px;margin: 0 25px 0 25px;font: normal 1.6em "Trebuchet MS", Verdana, sans-serif; color:#343434;display:block;}
#contenedor #descripciontipo  h1 {padding: 20px 5px 0 5px;font: normal 1.5em "Trebuchet MS", Verdana, sans-serif; color:#343434;display:block;}
#contenedor #descripciontipo  h2 {padding: 20px 15px 0px 15px;font: normal 1.2em "Trebuchet MS", Verdana, sans-serif; color:#343434;display:block;}
#contenedor #descripciontipo  p {padding: 5px 15px 5px 15px;font: normal 0.8em "Trebuchet MS", Verdana, sans-serif; color:#747474;display:block;}
#contenedor #descripciontipo2 {width:900px;margin: 0 25px 0 25px;font: normal 1.6em "Trebuchet MS", Verdana, sans-serif; color:#343434;display:block;}

#contenedor #tablacaracteristicas {width:900px; margin:0 25px 0 25px;text-align:center;float:left;}
#contenedor #tablacaracteristicas table {width:100%; border: 0px solid #000000;border-collapse: collapse; padding:0px;margin:0px;}
#contenedor #tablacaracteristicas td {width:33%; color: #333333;padding:2px;}
#contenedor #tablacaracteristicas td.frase {color: #111111; font: bold 16px "Trebuchet MS", Tahoma, Sans-serif; }
#contenedor #tablacaracteristicas td.separador {color: #eeeeee; font: bold 14px "Trebuchet MS", Tahoma, Sans-serif; background-color: gray;text-align:left; padding:5px 15px;;border-color:#fff;border-style:solid; border-left-width:15px;border-right-width:15px;}
#contenedor #tablacaracteristicas td.first {color: #333333; font: bold 30px "Trebuchet MS", Tahoma, Sans-serif;vertical-align: bottom;border-bottom: 3px gray solid;}
#contenedor #tablacaracteristicas td.final {padding:0 20px 10px 20px;}
#contenedor #tablacaracteristicas td.descripcion {font-weight: bold; color:black; text-align: right; float: right;}
.precio-pie { float: right; text-align: right; background: transparent; border: 0px solid #000000; font: 2.8em "Arial Black", Sans-serif; color: #1791dc; letter-spacing: -2px;}

#divmenuproducto {border-bottom: 3px gray solid;float:left;width:100%;}
#nombreproducto {color: #333333; font: bold 2.4em "Trebuchet MS", Tahoma, Sans-serif;text-align:left;float:left;}
#menuproducto {color: #333333; font: normal 1.2em "Trebuchet MS", Tahoma, Sans-serif;text-align:right;float:right;padding:8px 0 0 0;}
#menuproducto li {display: inline; list-style-type: none;padding: 2px 10px 2px 10px;}
#menuproducto a:visited { color: #666666; text-decoration: none;}
#menuproducto a:link { color: #666666; text-decoration: none;}
#menuproducto a:visited.imagen { padding:0;margin-top:0px}
#menuproducto a:link.imagen { padding:0;margin-top:0px}
#menuproducto a:visited.active { color: #000000; font-weight: bold;}
#menuproducto a:link.active { color: #000000; font-weight: bold;}
#menuproducto a:hover {color: #333333;}
#botonesmenuproductocompraya {display:block; float:right; width:94px; height:33px; background:url(../pictures/interface/botones/compraya.gif) no-repeat;}
#botonesmenuproductocompraya span {display:none;}
#botonesmenuproductoconfiguralo {display:block; float:right; width:120px; height:33px; background:url(../pictures/interface/botones/configuralo.gif) no-repeat;}
#botonesmenuproductoconfiguralo span {display:none;}
#botonesmenuproductomasinfo {display:block; float:right; width:120px; height:33px; background:url(../pictures/interface/botones/masinfo.gif) no-repeat;}
#botonesmenuproductomasinfo span {display:none;}

#contenidotabs { text-align: left;}
#contenidotabs .tituloH1 	{color: #111111; font: bold 16px "Trebuchet MS", Tahoma, Sans-serif; letter-spacing: 1px;}
#contenidotabs .tituloUL 	{color: #1791DC; font: bold 15px "Trebuchet MS", Tahoma, Sans-serif; padding: 0px 0px 10px 20px; letter-spacing: 1px;}
#contenidotabs .contenido 	{color: #333333; font: 14px Verdana, Tahoma, Sans-serif; padding: 5px 15px 5px 20px; letter-spacing: 0px;}
#contenidotabs a:link	{color: #39B3FE; text-decoration:underline; font: bold 14px Verdana, Tahoma, Sans-serif;}
#contenidotabs a:visited {color: #39B3FE; text-decoration:underline; font: bold 14px Verdana, Tahoma, Sans-serif;}
#contenidotabs a:hover		{color: #333333; text-decoration:none;}
#contenidotabs UL		 	{padding: 0px 0px 0px 50px;}
#contenidotabs LI		 	{color: #333333; font: 12px Verdana, Tahoma, Sans-serif; padding: 0px 3px 0px 3px; line-height:1.5em;}

#tablaespecificaciones {padding:20px;width: 900px;}
#tablaespecificaciones table {width: 100%;}
#tablaespecificaciones table tr td {padding:2px 10px 2px 10px;}
#tablaespecificaciones .impar {background:#dddddd;}
#tablaespecificaciones .par {background:#ffffff;}
#tablaespecificaciones .bold {letter-spacing: 1px; font-weight:bold; color:black;width: 50%;}

#galeria IMG {border:1px solid white; padding:5px;}
#galeria IMG:hover { cursor:pointer; border:1px solid gray; padding:5px;}
#galeria #FotoGrande {border-color:#ffffff;}
#galeria #FotoGrande:hover {border-color:#ffffff;cursor:default;}

#pietop {background: black url(../pictures/interface/pie/superior3.jpg) bottom center no-repeat; height:20px;margin:20px auto 0 auto;float:left;width:100%;}
#pie {height:270px;background: #16171b url(../pictures/interface/pie/background3.jpg) top center no-repeat; color:#a9ddf5;margin:40px auto 0 auto; float:left;width:100%;}
#piecontenedor {width: 910px;font: normal 1.3em "Trebuchet MS", Verdana, sans-serif;margin:0 auto 0 auto; }
#piecontenedor .list {float:left;list-style-type:none; margin:40px 20px 0px 20px;}
#piecontenedor h3{ text-align:left;color:#fff;}
#piecontenedor ul { list-style-type:none; margin:0px 0px 0px 10px;}
#piecontenedor li a { color:#99c2ed; display:block; padding:0px 5px; line-height:1.7em; text-decoration:none;text-align:left;}
#piecontenedor li a:hover {color:#fff;}
#footer-bottom { clear: both; color: #393e4e; padding: 0em 0 .5em 0; text-align: center;}
#footer-bottom a { color: #474f67;}
#footer-bottom a:hover { color: #fff;}
#footer-bottom2 { clear: both; color: #393e4e; padding: 1.5em 0 .5em 0; text-align: center;}
#footer-bottom2 img {padding: 0 10px 0 10px;background: #16171b;}

#novedades {width:900px; height:165px;background: transparent url(../pictures/interface/pie/background2.jpg) bottom center no-repeat; margin: 0 25px 0 25px; color:#dddddd;display:block;}
#novedadescontenedor {font: normal 1.1em "Trebuchet MS", Verdana, sans-serif;margin:0 auto 0 auto; }
#novedadescontenedor .list {float:left;list-style-type:none; margin:20px 10px; width:195px}
#novedadescontenedor h3{ text-align:left;color:#0e689d;}
#novedadescontenedor ul { list-style-type:none; margin:0px 0px 0px 20px;}
#novedadescontenedor li a { color:#ff7300; display:block; padding:0px 5px; line-height:1.6em; text-decoration:none;text-align:left;}
#novedadescontenedor li a:hover {color:#000;}

.noseleccion{cursor:pointer; font: 13px "Trebuchet MS", Tahoma, Sans-serif;background:#ffffff;color:#333333;}
.siseleccion { cursor:pointer; font: bold 13px "Trebuchet MS", Tahoma, Sans-serif; color:#000000;background: #FFFFFF url(../pictures/interface/fondo/sel_conf.gif) repeat-x 0 0;}
.overseleccion { cursor:pointer; font: bold 13px "Trebuchet MS", Tahoma, Sans-serif; color:#000000;background: #FFFFFF url(../pictures/interface/fondo/sel_conf2.gif) repeat-x 0 0;}
#configurador .con_contenedor {float:left; width:100%}
#configurador .con_cabecera {float:left; width:920px; font: bold 16px "Trebuchet MS", Tahoma, Sans-serif;padding: 20px 20px 10px 20px;color:black; background: #FFFFFF url(../pictures/interface/fondo/cab_conf.gif) repeat-x 0 0; margin:0 auto 0 auto;}
#configurador .con_imagen {float:left;text-align:center;}
#configurador .con_tabla {float:left;}
#configurador .con_separador {float:left;margin:0px auto;padding: 20px 20px 10px 20px;width:100%;text-align:center;}
#configurador table tr td {padding: 5px 0px 5px 10px;margin:0;}

.ventanaprecio	{padding:0; background-position: center; color: #ffffff; background-image:url('../pictures/interface/fondoflotante.gif'); background-repeat:no-repeat; text-align:left; width: 180px; height: 250px; visibility: visible; z-index:1000000000; position:absolute;}
.ventanaprecio2	{padding:0; background-position: center; color: #ffffff; background-image:url('../pictures/interface/fondoflotante2.gif'); background-repeat:no-repeat; text-align:left; width: 180px; height: 250px; visibility: visible; z-index:1000000000; position:absolute;}
.ventanadatos	{padding:0; background-position: top center; color: #ffffff; background-image:url('../pictures/interface/fondodatos.gif'); background-repeat:no-repeat; text-align:left; width: 300px; height: 390px; visibility: visible; z-index:1000000001; visibility:hidden;display:none;margin:0 auto 0 auto;position:absolute;}
#botonpedido {bottom:10px;width:100px;height:20px;padding:10px;cursor: pointer;}
#PVP {padding:14px 0px 10px 18px;height:175px;}
.siseleccionado	{ background-color: #444444; color:#FFFFFF; cursor:pointer; font: 14px "Trebuchet MS", Tahoma, Sans-serif;padding:2px 5px;}
.noseleccionado	{ background-color: #222222; color:#DDDDDD; cursor:pointer; font: 14px "Trebuchet MS", Tahoma, Sans-serif;padding:2px 5px;}

#bold {letter-spacing: 2px; color:#666666;font: bold 14px "Trebuchet MS", Tahoma, Sans-serif;text-align:right;width:240px;float:left;height:20px;padding:0;margin:0 0 0 40px;border-bottom: 2px gray solid}
#campoform {font: normal 14px "Trebuchet MS", Tahoma, Sans-serif; width:360px;text-align:left;height:20px;color:#333333;border-bottom: 2px gray solid; float:right}
textarea {background-color:#cccccc;padding: 2px 10px;height:94px}
#campoform input {background-color:#cccccc;padding: 2px 10px;}
#botonform {padding:5px 0px 5px 520px;}
#botonform .boton { color:#333333; background:#cccccc; text-align:center;cursor:pointer;padding:2px 2px; font: bold 0.7em Verdana, sans-serif;border: 1px gray solid}

.float-right {float:right}
.align-right {text-align:right;}
.float-left {float:left}
.align-left {text-align:left;}

/* BOX */
.box2 { clear: both; margin-top: 6px; margin-bottom: 16px; max-width: 1100px; background: #ffffff;}
.box2 .b6 { background-position: top left; background-repeat: no-repeat; height: 100%;}
.box2 .b5 { background-position: top left; background-repeat: no-repeat; height: 100%;}
.box2 .b4 { background-position: top left; background-repeat: no-repeat; height: 100%;}
.box2 .b3 { background-position: top left; background-repeat: no-repeat; height: 100%;}
.box2 .b2 { background-position: top left; background-repeat: no-repeat; height: 100%;}
.box2 .b1 { background-position: top left; background-repeat: no-repeat; height: 100%;}
.box2 .infoboton { float: right; top: 0px; position: relative; padding:2px 0px 2px 5px}
.box2 .b1 {	background-image: url("../pictures/interface/box/ml.gif"); background-position: left; background-repeat: repeat-y;}
.box2 .b2 {	background-image: url("../pictures/interface/box/mr.gif"); background-position: right; background-repeat: repeat-y;}
.box2 .b3 { background-image: url("../pictures/interface/box/bl.gif"); background-position: bottom left;}
.box2 .b4 { background-image: url("../pictures/interface/box/br.gif"); background-position: bottom right;}
.box2 .b5 { background-image: url("../pictures/interface/box/tl.gif"); background-position: top left;}
.box2 .b6 { background-image: url("../pictures/interface/box/tr.gif"); background-position: top right; padding: 25px;}
.box2 h4 { overflow: hidden;}
.box2 h3 { overflow: hidden;}
.box2 h2 { overflow: hidden;}
.box2 h1 { overflow: hidden;}
