* {margin: 0;padding: 0;font-family:Helvetica,Arial,  Tahoma, sans-serif;}

body {text-align:center;background:#FFF url(/images/bg.jpg) top center no-repeat;}

a:link, a:visited, a:active {text-decoration: none;color: #00386C;}
a:hover {text-decoration: underline;}

#contenedor{width:978px;margin:0 auto;}

#top {display:inline;float:left;width:100%;height:110px;margin:0;padding:0;}
#top #logotipo {display:inline;float:left;margin:10px 0 0 10px;}
#logotipo img{border:0;}

#top #frase{position:absolute;margin:0 0 0 -365px;top:82px;padding:0;text-align:left;left:50%;font-size:10px}

/* menu */
#menu {display: inline;float: right;margin:75px 0 0 0;}
.ddsmoothmenu{}
.ddsmoothmenu ul{z-index:102 !important;margin: 0;padding: 0;list-style-type: none;}

/*Primer Nivel*/
.ddsmoothmenu ul li{position: relative;display: inline;float: left;z-index:103 !important}
/*Estilo enlaces primer nivel*/
.ddsmoothmenu ul li a{display: block;background: #FFF;font-size:12px;text-decoration:none;height:25px;line-height:25px;font-weight:normal;color:#000;text-align:center !important;text-decoration:none !important;margin:0;padding:0 8px}
* html .ddsmoothmenu ul li a{ /*IE6 hack*/display: inline-block;}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: black;}
.ddsmoothmenu ul li a.selected{ /*CSS para dejar seleccionado el desplegable*/background: url(/images/bgmenu.png); color: white;text-align:center !important}
.ddsmoothmenu ul li a:hover{background: url(/images/bgmenu.png);color: white;}
	
/*1st submenu*/
.ddsmoothmenu ul li ul{position: absolute;left: 0;display: none;visibility: hidden;z-index:103 !important}

/*Submenu items*/
.ddsmoothmenu ul li ul li{display: list-item;float: none;}
/*submenu por encima del resto */
.ddsmoothmenu ul li ul li ul{top: 0;z-index:103 !important}
/* Submenu estilos */
.ddsmoothmenu ul li ul li a{width: 200px;font-size:12px;text-decoration:none;height:25px;line-height:25px;font-weight:normal;color:#000;text-align:left !important;text-decoration:none !important;margin:0;padding:0 8px;border-bottom: 1px solid gray;}

/* Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Hack para IE7*/
/* ######### flecha para submenu  ######### */
.downarrowclass{position: absolute;top: 12px;right: 7px;}
.rightarrowclass{position: absolute;top: 6px;right: 5px;}
/* ######### sombra que no usaremos  ######### */
.ddshadow{display:none !important;position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}
.toplevelshadow{ /*la sombra no funciona en IE, por eso no la usamos*/opacity: 0.8;}
/* fin menu */

#complemento{display:inline;float:left;width:100%;padding:0;margin:0;}

#fotos {display:inline;float:left;height:300px;width:100%;overflow:hidden;}

#submenu{width: 100%;display:inline;float:right;margin:10px 0 20px 0;height:130px;overflow:hidden;}

.scrollfamilias li{width:326px;height:130px;background:url(/images/bgfamilias.jpg) top right no-repeat;display:block;float:left;overflow:hidden;}
.sombra {width:100% !important;height:38px !important;background:url(/images/sombra.png) top left no-repeat !important;display:block !important;line-height:38px !important;text-align:center;font-weight:bold;color:white;letter-spacing:-1px;font-size:18px;text-indent:100px;text-transform:uppercase;overflow:hidden;}
.sombrapng{position:relative;z-index:101;top:0;left:0;width:20px;height:38px;display:inline;float:right;margin:-38px 0 0 0;text-align:right}
.fotofamilia{position:relative;z-index:101;top:0;left:0;height:100%;display:inline;float:left;margin:-38px -50px 0 -70px;text-align:left;}
.fotofamilia img{border:0;height:100%;}
.descripcion {text-align:center;padding:10px 10px 0 50px !important;font-size:11px;height:40px;text-indent:0 !important;margin:0 0 0 50px !important;width:210px}
.descripcion strong{font-size:13px}
a.vermas{display:block;height:24px;float:right;background:url(/images/vermas.png) top left no-repeat;text-align:center;line-height:24px;font-size:11px;font-weight:normal;color:black !important;margin:5px 10px 0 0;width:64px;text-decoration:none !important}

#left{display:inline;float:left;width:228px;}

#left .buscador{display:inline;float:left;width:100%;height:73px;background:url(/images/bgleft1.jpg) top left no-repeat;text-align:center;color:#4d4d4d}
.buscador input.text{height:23px;width:156px;border:0}
.buscador input.lupa{height:23px;width:30px;border:0;background:url(/images/lupa.gif) no-repeat}
#left .noticias{display:inline;float:left;width:100%;height:210px;background:url(/images/bgleft2.jpg) top left no-repeat;text-align:center;margin:7px 0;overflow:hidden;text-align:left}
.noticias input.text{height:23px;width:200px;border:0}
.noticias ul.scrollnoticias {width:208px;height:165px;overflow:hidden;list-style:none;margin:5px 10px 5px 10px}
.scrollnoticias li {padding:0 0 0 25px;background:url(/images/noticia.png) top left no-repeat;text-align:left;font-size:11px;width:183px;height:165px;overflow:hidden;}
.scrollnoticias a:link,.scrollnoticias  a:active,.scrollnoticias  a:visited{color:#00386C;font-size:12px;font-weight:bold;text-decoration:none}
#left p {margin:5px 10px;font-size:11px;color:#4d4d4d}
#left h3 {font-weight:900;color:#00386C;font-size:14px;text-align:center;margin:10px 0 0 0;line-height:22px}
#left h4 {font-weight:500;color:#00386C;font-size:26px;text-align:center;margin:0;line-height:32px;letter-spacing:-1px}
#left h4 img {vertical-align:middle;border:0;margin:0 5px 0 0}

.arrowlistmenu{display:inline;float:left;width:100%;font-size:13px;background:url(/images/bgsubmenu.jpg) bottom left no-repeat;padding:0 0 11px 0}
.arrowlistmenu .menuheader,.arrowlistmenu .menuheader a{margin:0 auto 0 auto;padding:0;overflow:hidden;font-size:13px;font-weight:bold;
width:90%;display:block;height:30px;line-height:30px !important;text-align:left;text-decoration:none !important;}
.arrowlistmenu .menuheader em {width:5px !important;display:inline-block;margin:0 5px 0 0;overflow:hidden;vertical-align:middle;}
.expandable{background:url(/images/bglileftopen.png) center no-repeat !important;cursor:pointer}
.expandable:hover{background:url(/images/bglileftopenh.png) center no-repeat !important;cursor:pointer;}
.arrowlistmenu .menuheader:hover,.arrowlistmenu .menuheader a:hover{background:url(/images/bglilefth.png) center no-repeat;line-height:30px;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/background: url(/images/bglileftclose.png) center no-repeat !important;line-height:30px;}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/list-style-type: none;padding: 0;margin:0;font:13px normal Arial,sans-serif !important;}
.arrowlistmenu ul li{/*bottom spacing between menu items*/}
.arrowlistmenu ul li a:link,.arrowlistmenu ul li a:active,.arrowlistmenu ul li a:visited{
background: url(/images/arrowbullet.png) no-repeat center left;font-size:12px !important;text-indent:10px;
display: block;padding: 0; height:30px;line-height:30px;width:90%;margin:0 auto;text-decoration: none;font-weight: normal;text-align:left;
}
.arrowlistmenu ul li a:hover{ font-weight:bold/*hover state CSS*/}

#slick-slidetoggle{position:absolute;left:20px;top:91px;width:20px;height:20px;overflow:hidden;left:50%;margin:0 0 0 -489px}
#slick-slidetoggle img {border:0}


#main{display:inline;float:right;width:730px;margin: 5px 0 0 0;text-align:left;padding:0;}

#main h1{font-size:27px;color:#00386C;line-height:22px;text-align:left;font-weight:normal;margin:0;padding:0;}
#main h2{font-size:18px;color:#4d4d4d;margin:20px 0 0 0;font-weight:bold;}
#main h3{font-size:13px;color:#4d4d4d;margin:20px 0 5px 0;font-weight:bold;}
#main h6 {font-size:11px;margin:25px;text-align:center;}
#main h2 span{font-family:Arial, sans-serif;font-size:15px;color:#00386C;line-height:10px;font-weight:normal;}
#main ul {margin-left:35px}
#main p,#main li {margin:20px 0 20px 0;font-size:13px;color:#4d4d4d;text-align:justify;line-height:17px;}
#main p small {font-size:12px;}
#main p em{font-weight:bold;color:#00386C;font-size:120%;}
#main p.verde{font-weight:bold;color:green;}
#main p.peque{font-size:10px;clear:both;line-height:12px}
#main input.email{width:404px;height:21px;background:url(/images/clave_r1_c1.gif) no-repeat;border:0;vertical-align:middle;line-height:21px;}

#main div.listafamilias{width:350px;float:left;display:inline-block;margin:0;border-top:1px dotted #ccc;background:url(/images/degradado.jpg) bottom left repeat-x;padding:0 0 20px 0}
#main div..listafamilias:hover{background-image:none !important}
.diezpx{margin-right:20px !important}
.listafamilias h2 {font-size:16px !important;line-height:20px !important;}
.fotomini {width:120px;float:left;}
.fotomini img {border:0;margin:0;height:auto;width:117px;padding:2px;border:1px dotted #CCC;background:white}
.listasubfamilias {display:inline;float:right;width:210px;margin:0;font-size:12px;}
.listasubfamilias a {margin:0 0 4px 0;text-decoration:none !important;line-height:20px}
.listasubfamilias a:hover{font-weight:bold}

#main form.contacto {padding:20px 0;font-size:12px;float:left}
.contacto fieldset {border:0;margin:0 0 10px 0;text-align:left;color:#4d4d4d;}
.contacto select ,.contacto input ,.contacto textarea{margin: 5px 0;width:500px;padding:3px 0;border:1px dotted #ccc;font-size:11px}
.contacto input.boton1 {background:#00386C;color:#fff;border:0;padding:3px 0;margin:5px 0;font-size:11px;width:200px;border:1px solid #ccc}

#main iframe{margin:10px 0 20px 30px;width:344px;padding:2px;float:right;height:244px}
.derecha {border:1px dotted #ccc;padding:2px;background:white;margin:0 0 10px 0;float:right}

/*======================================
windows xp style - div that contains the 
<select> has been given an id of #boletin
(for the purposes of this example
========================================*/
.stylish-select ul.newList {left:-9999px;}

#win-xp .newListSelected {background:#FFF url(/images/dropdown.gif) no-repeat scroll 225px 3px; border:1px dotted #ccc; padding:0; width:100%;margin: 5px 0;}
#win-xp .newListSelected div {display:block; padding:3px; text-align:left !important; width:100%;}
#win-xp ul.newList {list-style:none; color:#000; width:172px; background:#fff; border:1px dotted #ccc; top:35px; left:0; height:auto; overflow:auto; text-align:left!important; position:absolute; z-index:9999;}
#win-xp ul.newList li {padding:2px 5px !important; border-bottom: 1px dotted #ccc;margin:0 !important}
#win-xp .hiLite {background:#316ac5 !important; color:#fff!important;}
#win-xp .newListHover {background:#ccc !important; color:#000!important; cursor:default;}
#win-xp .newListSelHover {cursor:default;}
#win-xp .newListSelHover, #win-xp .newListSelFocus {background-position:auto;}
#win-xp .newListSelHover div, #win-xp .newListSelFocus div {font-weight:bold;}

#win-xp2 .newListSelected {background:#FFF url(/images/dropdown.gif) no-repeat scroll 230px 3px; border:1px dotted #ccc; padding:0; width:100%;margin: 5px 0;}
#win-xp2 .newListSelected div {display:block; padding:3px; text-align:left !important; width:100%;}
#win-xp2 ul.newList {list-style:none; color:#000; width:250px; background:#fff; border:1px dotted #ccc; top:35px; left:0; height:300px; overflow-y:scroll; text-align:left!important; position:absolute; z-index:9999;}
#win-xp2 ul.newList li {padding:2px 5px !important; border-bottom: 1px dotted #ccc;margin:0 !important}
#win-xp2 .hiLite {background:#316ac5 !important; color:#fff!important;}
#win-xp2 .newListHover {background:#ccc !important; color:#000!important; cursor:default;}
#win-xp2 .newListSelHover {cursor:default;}
#win-xp2 .newListSelHover, #win-xp2 .newListSelFocus {background-position:auto;}
#win-xp2 .newListSelHover div, #win-xp2 .newListSelFocus div {font-weight:bold;}




#mapa {display:inline;float:left;width:450px;height:380px;border:1px dotted #CCC;overflow:hidden;}
#sat {display:inline;float:right;width:270px;min-height:380px;border:1px dotted #CCC}
#sat p {margin:10px !important}
#sat p span {font-size:16px !important;font-weight:bold !important;color:#00386C !important}
#sat ul{margin:10px !important;list-style:none;}
#sat li{background:url(/images/support.png) top left no-repeat;padding:0 0 0 25px;font-size:11px !important}
#sat li strong {font-size:12px !important}

#main ul.listaproductos {list-style:none}
.listaproductos li {font-size:16px !important;padding:10px 0 10px 10px;border-bottom:1px dotted #ccc;margin:0 !important;line-height:16px !important;font-weight:bold;}
.listaproductos li:hover {background:#f0f0f0}
.listaproductos li a{text-decoration:none !important}

.fotogrande{display:inline;width:300px;height:auto;float:right;margin:0 0 0 0;}
.fotogrande img{width:100%;height:auto;}
.caption-top, .caption-bottom {color: #ffffff;padding: 1.2em;font-weight: normal;font-size: 11px;cursor: default;border: 0px solid #334143;background: #000000;text-shadow: 1px 1px 0 #202020;}
.caption-top {border-width: 0px 0px 8px 0px;}
.caption-bottom {border-width: 0;}
.caption a, .caption a {border: 0 none;text-decoration: none;background: #000000;padding: 0.3em;}
.caption a:hover, .caption a:hover {background: #202020;}
.caption-wrapper {float: left;}
br.c { clear: both; }

#main table{width:100% !important;border-top:1px dotted #CCC !important;font-size:11px !important;color:#4d4d4d !important;clear:both !important;}
#main td{padding:5px 0 !important;border-bottom:1px dotted #CCC !important}

.fichaproducto{float:left;margin:10px 10px 0 0;width:400px}
.fichaproducto table{width:100%;border-top:1px dotted #CCC;font-size:11px;color:#4d4d4d}
.fichaproducto td{padding:5px 0;border-bottom:1px dotted #CCC}
.fichaproducto p{margin-top:0 !important;text-align:left !important}

#main h6.pvp{width:100%;float:left;display:inline-block;margin:0;border-top:1px dotted #ccc;background:url(/images/degradado.jpg) bottom left repeat-x;padding:10px 0;font-size:15px;}
.tachado {font-size:12px !important;font-weight:normal !important}

#main a[href $='.pdf'].descargas {background: transparent url(/images/pdf.gif) no-repeat center left;text-decoration:none !important;padding-left:30px;margin:10px 0;display:block}
#main a[href $='.xls'].descargas {background: transparent url(/images/xls.gif) no-repeat center left;text-decoration:none !important;padding-left:30px;margin:10px 0;display:block}
#main a[href $='.doc'].descargas {background: transparent url(/images/doc.gif) no-repeat center left;text-decoration:none !important;padding-left:30px;margin:10px 0;display:block}
#main a[href $='.htm'].descargas {background: transparent url(/images/htm.gif) no-repeat center left;text-decoration:none !important;padding-left:30px;margin:10px 0;display:block}
#main a[href $='.jpg'].descargas {background: transparent url(/images/jpg.gif) no-repeat center left;text-decoration:none !important;padding-left:30px;margin:10px 0;display:block}
#main a[href $='.gif'].descargas {background: transparent url(/images/gif.gif) no-repeat center left;text-decoration:none !important;padding-left:30px;margin:10px 0;display:block}
#main a[href $='.avi'].descargas {background: transparent url(/images/avi.gif) no-repeat center left;text-decoration:none !important;padding-left:30px;margin:10px 0;display:block}
#main a[href $='.wmv'].descargas {background: transparent url(/images/wmv.gif) no-repeat center left;text-decoration:none !important;padding-left:30px;margin:10px 0;display:block}
#main a[href $='.flv'].descargas {background: transparent url(/images/wmv.gif) no-repeat center left;text-decoration:none !important;padding-left:30px;margin:10px 0;display:block}
#main a[href $='.zip'].descargas {background: transparent url(/images/zip.gif) no-repeat center left;text-decoration:none !important;padding-left:30px;margin:10px 0;display:block}

#main p img.inicio {float:right;margin:0 0 10px 20px;border:0}

#main ul.buscando{margin:-10px 0 20px 35px;font-size:12px;}

.requerido {border:1px solid red !important;}
.error {border:1px solid red;padding:5px;font-weight:bold;color:red !important;}
.error2 {padding:5px;font-weight:bold;color:red !important;}
.ok {border:1px solid green;padding:5px;font-weight:bold;color:green !important;}

#main table.accesorios{width:100%;font-size:12px;border-top:1px dotted #ccc;margin:5px 0}
.accesorios td {padding:3px 0;font-size:12px;color:#4d4d4d;border-bottom:1px dotted #ccc}
.accesorios td img {margin:0 !important;}

.centrado {margin:30px 0 0 0 !important;text-align:center !important;}
img.fichita {margin:20px 7px;width:48px !important;height:48px !important;border:1px dotted #fff;padding:5px 0}
.fichita:hover {border:1px dotted #ccc}




#main form.contacto2 {width:600px;margin:20px auto;font-size:12px;}
.contacto2 fieldset {border:0;margin:0 0 10px 0;text-align:left;width:300px;float:left}
.contacto2 select ,.contacto2 input ,.contacto2 textarea{margin: 5px 0;width:250px;padding:3px 0;border:1px solid #00386C;font-size:11px}

#main #basebuscadores{display:inline;float:left;background:url(/images/bgavanzado.jpg) bottom center repeat-x;width:932px;padding:10px}

#main form.buscador{font-size:11px;margin:0;width:946px;height:46px;background:url(/images/bgbuscador.jpg);padding: 0 0 0 6px;overflow:hidden;}
.buscador fieldset {width:170px;border:0;margin:0;padding:12px 0 0 0;height:46px;display:block;float:left;}
.buscador select ,.buscador input {margin: 0 0 0 5px;width:100px;padding:0;vertical-align:middle;font-size:11px}
.buscador .btnbuscar{margin:0;padding:0;background:url(/images/buscar.gif) top left no-repeat;}
.buscador .btnbuscar:hover{background:url(/images/buscarh.gif) top left no-repeat;}

#main form.referencia{font-size:11px;margin:0 0 0 75px;display:inline;width:220px;padding: 10px;float:left;display:inline;overflow:hidden;}
.referencia fieldset {display:inline;border:0;margin:5px 30px 0 0;padding:0 4px;line-height:24px;width:190px;text-align:left;font-weight:bold;}
.referencia input ,.referencia select{margin: 0;width:184px !important;font-size:11px;padding:3px}
.referencia option{padding:0 3px}
.referencia .btnbuscar{margin:-42px 0 0 -18px;background:url(/images/buscar.gif) top left no-repeat;}
.referencia .btnbuscar:hover{background:url(/images/buscarh.gif) top left no-repeat;}

#main form.alta {width:400px;margin:20px 60px;}

#main form.paginacion{font-size:11px;margin:10px 0;display:inline;float:left;}
.paginacion input.boton2 {background:#00386C;color:white;border:1px solid #00386C;padding:1px;margin:0 3px;font-size:11px;cursor:pointer}
.paginacion input.boton1 {background:#f5f5f5;color:black;border:1px solid #DCDCDC;padding:1px;margin:0 3px;font-size:11px;}

.last{border-right:0 !important}

#main table.productos{width:680px;font-size:12px;border-top:1px dotted #dcdcdc;margin:5px 0}
.productos td.mini{width:120px;list-style:none;text-align:center;margin:0;overflow:hidden;text-align:left;padding:5px 0}
.productos td.detalle{width:560px;list-style:none;text-align:center;margin:0;overflow:hidden;text-align:left;padding:5px 0}
.productos td img {margin:0;}
#main ul#productos li b{font-size:13px;font-weight:bold;line-height:13px}
#main ul#productos li ul{margin:5px 15px 0 15px;width:300px;height:100px;text-align:left}
#main ul#productos li ul li{font-size:11px;border-bottom:1px solid #dcdcdc !important;text-align:left;height:auto;padding:5px 0;width:300px}



#main td.tope{font-weight:bold;background:url(/images/bgblock.jpg) repeat-x;height:32px;vertical-align:middle;}
.tope form{width:14px;height:15px;display:inline;margin:0;padding:0;}
#main td form input,#main input.cantidad {width:30px;text-align:center;border:1px solid #dcdcdc}


#main td.gris {border-right:1px solid #f2f2f2;background:white;text-align:center;}
#main td.gris2 {border-right:1px solid #f2f2f2;background:white;text-align:left;}
#main td.gris3 {border-right:1px solid #f2f2f2;background:white;text-align:center;}
.gris img {border:1px solid white;width:100px}
#main td.blanca {border-right:1px solid #FFF;background:#f2f2f2;text-align:center;}
#main td.blanca2 {border-right:1px solid #FFF;background:#f2f2f2;text-align:left;}
.blanca img {border:1px solid #f2f2f2;width:100px}

#main td span{text-transform:uppercase;font-size:14px;font-weight:bold;line-height:22px}
#main td span.precio{font-size:18px;color:#900}

.zoom2 { margin:0; position:relative;z-index:1502}

.pad {border:1px dotted #ccc;padding:2px;background:white;margin:10px 10px 0 0}
.pad2 {border:1px dotted #ccc;padding:2px;background:white;margin:0 10px 0 0;vertical-align:middle;height:24px;width:auto;}


#pie{display: inline;float: left;height: 40px;width: 100%;background:url(/images/bgpie.png) top left repeat-x;margin:10px 0}
#pie p {text-align:left;font-size:11px;color:#fff;line-height:40px;text-indent:10px;}