@charset "utf-8";
/*------------------------------- reset ---------------------------------*/
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li{font-size:100%}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,legend{margin:0;padding:0}
a img,:link img,:visited img{border:none}
ul,li{list-style-type:none}
table th,table td{border-collapse:collapse}
a{text-decoration:none}
fieldset{border:none} 
table,tr,th,td{border-collapse:collapse}*/
/*------------------------------- generals ---------------------------------*/
.under:hover{text-decoration:underline}
.blanco{color:#fff}
.b0{color:#000}
.b3{color:#333}
.b6{color:#666}
.b9{color:#999}
.bold{font-weight:bold}
.destacado{color:#006559}
.subrayado{text-decoration:underline}
.ok{font-weight:bold;color:#0c0}
/*------------------------------- cuerpo ---------------------------------*/
body{margin:0;padding:0;font:13px Arial, Helvetica, sans-serif;text-align:center;color:#777}
/*------------------------------- container ---------------------------------*/
#container{margin:0 auto;width:921px;text-align:left;position:relative}
/*------------------------------- head ---------------------------------*/
#head{float:left;width:921px;height:90px;overflow:hidden}
#head-logo{float:left;width:190px;height:90px}
#head-logo .logo{background:url(img/bg/head-logo.jpg) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:90;width:190px;height:90px}
#head-logo .logo2{background:url(img/bg/head-logo2.jpg) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:90;width:190px;height:90px}
/*------------------------------- head-menu ---------------------------------*/
#head-menu{float:left;width:731px;height:90px;overflow:hidden;background:url(img/bg/menu.jpg) no-repeat}
#head-menu ul{margin:56px 0 0 180px}
#head-menu li{display:inline;float:left;margin-left:20px}
#head-menu a{color:#777;display:block;text-transform:uppercase;font-weight:bold}
#head-menu a:hover{color:#006559}
/*------------------------------- float fix ---------------------------------*/
#content:after, ul:after, li:after,  p:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
#content, ul, li, p{display: block}
/* Hides from IE-mac \*/
* html #content, * html ul, * html li, * html p{height:1%}
#content, ul, li, p{display:block}
/* End hide from IE-mac */
/* end float fix */
/*------------------------------- content ---------------------------------*/
#content{width:921px}
.catalogo{background:url(img/bg/content.gif) repeat-y}
.contentFFF{background:url(img/bg/contentFFF.gif) repeat-y}
.contentFRANJA{background:url(img/bg/contentFRANJA.gif) repeat-y}
/*------------------------------- left ---------------------------------*/
#left{float:left;width:389px;height:493px;overflow:hidden;display:inline;margin-left:10px}
#left #empresa{width:355px;border:0;margin:180px 0 0 10px}
#left #empresa td{text-align:center;padding-top:25px}
/*------------------------------- secciones ---------------------------------*/
#left .index{float:left;display:inline;margin:130px 0 0 70px}
#left .seccion{float:left;display:inline;margin:30px 0 0 30px;width:300px;font-size:12px;text-align:justify}
#left .seccion2{float:left;display:inline;margin:20px 0 0 30px;width:320px;font-size:12px;text-align:justify}
#left .seccion2 form{margin-top:10px}
#left .seccion2 ul{font-size:10px}
#left .seccion2 li{text-align:left;margin-bottom:5px}
#left .seccion2 .campo{height:20px;width:315px;border:1px solid #ccc}
#left .seccion2 .campo2{height:75px;width:315px;border:1px solid #ccc}
#todo{float:left;width:841px;height:493px;overflow:hidden;display:inline;margin:30px 0 0 40px}
.ampliar{font-size:10px;margin-left:80px;text-decoration:underline}
/*------------------------------- menu ---------------------------------*/
#menu{float:left;width:360px;margin:15px 0 0 16px;display:inline;height:362px;overflow:hidden}
/*------------------------------- categorías madre ---------------------------------*/
#menu .cat{height:20px}
#menu .linkcat{font-size:14px}
/*------------------------------- subcategorías ---------------------------------*/
#menu .subcat{font-size:12px;margin-left:20px;height:18px}
#menu .linksubcat{font-size:13px}
/*------------------------------- subsubcategorías ---------------------------------*/
#menu .subsubcat{vertical-align:top}
#menu .linksubsubcat{font-size:11px;margin-left:40px;height:15px;display:block}
#menu table{margin-bottom:5px}
/*------------------------------- galeria ---------------------------------*/
#galeria{float:left;width:360px;margin-left:16px;display:inline;height:110px;overflow:hidden}
#galeria h2{font-size:18px;color:#333;width:340px;height:18px;margin-bottom:0px}
* {margin:0;padding:0;border:0}
ul.gallery{list-style:none;margin:0 0 10px 0}
ul.gallery li{display:block;float:left;margin:0 5px 0 0}
ul.gallery li a{padding:2px;display:block;border:0;line-height:0}
ul.gallery li a:hover{border:0}
ul.textGallery li{width:180px;text-align:center;padding:10px 10px 0 10px;border:1px #bdc2c4 solid;margin:0 5px 5px 0;font-size:0.8em}
ul.textGallery li:hover{background:#edeeef}
ul.textGallery li img{display:block;margin:0 auto 10px auto;border:1px #bdc2c4 solid;padding:3px}
/*------------------------------- index-right ---------------------------------*/
#right{float:left;width:512px;height:493px;overflow:hidden;display:inline}
#right p{margin-bottom:20px;font-size:12px;line-height:1.1em;text-align:justify;width:480px}
/*------------------------------- prepie ---------------------------------*/
#prepie{float:left;width:921px;height:14px;overflow:hidden;background:url(img/bg/pie.jpg) no-repeat}
/*------------------------------- pie ---------------------------------*/
#pie{float:left;width:921px;height:38px;text-align:center}
#pie a{color:#ccc;font-size:.8em}