/***********************************************/
/* Area-integral soluciones informáticas, s.l.                         */
/* uso tienda  WWW.AREA-INTEGRAL.NET    */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/************************************/
body
{
font-size: 14px;
color: #333333;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
width:100%;

}
/************************************/
/* hyperlink and anchor tag styles  */
/************************************/

a
{
text-decoration: none;
}
a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}

/************************************/
/* Header tag styles                */
/************************************/

h1
{
font-size: 120%;
color: #334d55;
margin: 0px;
padding: 0px;
}

h2
{
font-size: 114%;
color: #006699;
margin: 0px;
padding: 0px;
}

h3
{
color: #334d55;
margin: 0px;
padding: 0px;
float: left;
}

h4
{
font-size: 200%;
font-weight: bold;
color: #224272;
margin: 0px;
padding: 0px;
text-align: center;
}

h5
{
font-size: 140%;
color: #006699;
margin: 0px;
padding: 2px;
}
h6
{
font-size: 150%;
font-weight: bold;
color: #224272;
margin: 0px;
padding: 0px;
text-align: center;
}
/***********************************************/
/***********************************************/
/* MAIN STRUCTURE                                 */
/************************************/
/***********************************************/
#contenedor
{
width: 100%;
margin:0 auto;
padding:0 15px 0 15px; 
}

#tl
{
position: absolute;
top: 0px;
left: 0px;
z-index: 100;
}

#tr
{
position: absolute;
top: 0px;
right: 0px;
z-index: 100;
}

/************************************/
/* cabecera Divs                    */
/************************************/
#suphead
{
border:0px;
margin:0px;
padding: 0px 0px 0px 5px;
background-color: #f1f1f1;
color: #adadad;
height: 15px;
font-size: 8pt;
vertical-align: middle;
}



#masthead
{
border:0px;
margin-bottom:5px;
margin-top:5px;
background-color: #ffffff;
height: 75px;
overflow:hidden;
}

/************************************/
/* COLUMNAS CONTENIDO PRINCIPAL */
/************************************/
#navBar1
{
width: 168px;
float: left;
display: block;
border: 0px solid #ccc;
margin-top: 0px;
}
#navBar2
{
margin-left: 180px;
border: 0px solid #ccc;
}
#navBar3
{
width: 100%;
border: 0px solid #ccc;
}
#navBar4
{
width: 75%;
float: left;
border: 0px solid #ccc;
}
#navBarFace
{
width: 220px;
float: right;
display: block;
border: 0px solid #ccc;
margin-right: 1px;
}
/************************************/
/*CONTENEDORES DENTRO COLUMNA
/************************************/
#content_menu
{
border: 0px solid #ccc;
float: left;
padding: 0px;
margin-top: 0px;
}
#content_menu img
{
border: 0px solid #ccc;
padding: 0px;
margin: 0px;
top: 0px;
}
#content
{
border:0px;
width:100%;
}
#lisclaseleft
{
width:20%;
float:left;
}
#lisclaseright
{
width:80%;
float:right;
}

#content_menu_detalle
{
border: 0px solid #ccc;
float: left;
padding: 0px;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;

}
#content_menu_detalle img
{
border: 0px solid #ccc;
padding: 0px;
margin: 0px;
top: 0px;
}
/************************************/
/*           PIE PÁGINA      */
/************************************/
#page_bottom
{
clear: both;
font-size: 80%;
color: #686868;
padding: 10px 0px 2px 0px;
margin-top: 5px;
}
#page_bottom img
{
vertical-align: middle;
text-align: center;
}

/************************************/
/*CONTENIDO CENTRO EDITABLE
/************************************/
.main_content
{
padding: 0px;
margin: 10px auto;
width:100%;
}
.main_content h3
{
color: #333333;
clear: both;
font-size: 18px;
padding: 5px 5px 0px 5px;
}

#h_uno {
float:left;
display:inline-block;
margin-left: 5px;
margin-right: 5px;
vertical-align:top;
}
#h_zero {
float:left;
display:inline-block;
border-right: 1px solid #ccc;  
padding-left: 12px;
padding-right: 12px;
height:100%;  
}
#h_zero a {
text-decoration:none;
color: #003366;
display: block;
border: 1px solid #ccc;
padding: 7px;
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#cccccc));
background: -moz-linear-gradient(top, #ededed, #cccccc);   
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color:#fd5d06;
font-size:24px;
font-family: sans-serif;
font-weight: bold;
text-transform:uppercase;
}
#h_zero a:hover {
/*border-top-color: #28597a;*/
background: #28597a;
color: #ccc;
}


#h_dos {
float:left;
display:inline-block;
vertical-align:top;
border-right: 1px solid #ccc;  
color: #265598;
font-size: 8pt;
padding-left: 5px;
padding-right: 7px;
height:100%;  
}
#h_tres {
float:left;
display:inline-block;
vertical-align:top;
border-right: 1px solid #ccc;  
color: #265598;
font-size: 8pt;
padding-left: 5px;
padding-right: 7px;
height:100%;  
}
#h_tres ul
{
font-family: sans-serif;
padding:0; 
margin:0;
border:0;   
list-style-type:none;
font-size: 11px;
}
#h_tres span.tag {
color: #cc0000;
font-weight: bold;
}
#h_tres span.value {
color: #33cc33;
font-weight: bold;
}

#h_cuatro {
display:inline-block;
vertical-align:top;
padding-left: 7px;
margin-right: 7px;   
border:0px;  
}

/************************************/
#utility
{
font-family: Verdana,sans-serif;
font-size: 8pt;
position:absolute;
top: 8px;
right: 5px;
color: #265598;
background-image: url(../img/sec_back.gif);
background-repeat: repeat-x;
height: 62px;
width: 160px;
padding-top:5px;
overflow:hidden;
z-index:2;
}
#utility div.line
{
width: 100%;
text-align: left;
position: relative;
left: 10px;    
}
#utility span.left
{
width: 55px;
display:inline-block;
text-align: left;
position: relative;
left: 10px;    
}
#utility span.left img
{    
border:0px;
}

#utility span.right
{
width: 95px;
display:inline-block;
text-align: right;
font-weight: bold;
color: #b8020f;
}

#utility span.right div {
color: #265598;
font-weight:normal;
}


#utility a
{
display: block;
padding: 2px 5px 2px 5px;
margin: 5px 0px 2px 0px;
text-align: center;
}

#utility a:link
{
color: #fd5d06;
background-color: #FFFFFF;
}
#utility a:visited
{
color: #fd5d06;
background-color: #FFFFFF;
}
#utility a:hover
{
text-decoration: none;
display: block;
background-color: #fd5d06;
color: #FFFFFF;
}

#utility form {
display:none;
}
/************************************/
#pageName
{
color: #265598;
border-top: 0px solid #ccc;
margin-left: 0px;    
}
#pageName h1
{
font-size: 18pt;
color: #ff6600;
margin-left: 12px;
margin-right: 20px;
padding-top: 10px;
}
#pageName h1 a
{
color: #265598;
}
#pageName h1 a:visited
{
color: #265598;
}
#pageName h1 a:hover
{
color: #fd5d06;
text-decoration: none;
}

/************************************/
/* MENU CABECERA FAMILIAS PRINCIPALES*/
/************************************/
#globalNav
{
    padding:0px;
    border:0px;
    background-image:url(../img/glbnav_background.gif);
    background-repeat: repeat-x;
    margin:0 7px 0 9px;
    height:35px;
    overflow:hidden;
}
ul.globalLink
{        
    padding:0;
    margin:0;
    border:0;    
    border-left: 1px dotted #ccc;    
}
ul.globalLink li
{
    display:block;
    float:left;
    line-height:35px;
    padding:0;
    margin:0;
    border:0;    
    border-right: 1px dotted #fff;    
}
ul.globalLink li span.static {
padding-left:6px;
padding-right:5px;        
display:block;
color: #fff;
}

a.glink {
padding-left:6px;
padding-right:5px;        
display:block;
font-size:14px;    
text-shadow: 1px 1px #333;
font-weight:bold;     
}

a.glink:link
{
color: #fff;
text-decoration: none;    
}
a.glink:visited
{
color: #fff;
text-decoration: none;    
}
a.glink:hover
{
text-decoration: none;
color: #FF6600;
background-image: url(../img/glbnav_select.gif);
background-repeat: repeat-x;
background-position: center left;    
}
a.glink span
{
color: #cccfff;
}



.seclink_activo
{
margin-left: 3px;
font-size: 10pt;
color: #224272;
font-weight: bold;
padding: 1px 3px 2px 3px;
border: 1px solid #ccc;
}
.seclink
{
font-size: 9pt;
padding: 3px 3px 3px 3px;
line-height: 25px;
}
a.seclink:link
{
text-decoration: none;
color: #224272;
border: 1px solid #ccc;
background-color: #dee2e5;
}
a.seclink:visited
{
text-decoration: none;
color: #224272;
border: 1px solid #ccc;
background-color: #dee2e5;
}
a.seclink:hover
{
color: #fff;
text-decoration: none;
background-color: #224272;
}
.filter_marca
{
font-size: 9pt;
padding: 3px 3px 3px 3px;
border: 1px solid #fd5d06;
background-color: #265598;
line-height:210%;
}
a.filter_marca:link
{
color: #ffffff;
text-decoration: none;
}
a.filter_marca:visited
{
color: #ffffff;
text-decoration: none;
}
a.filter_marca:hover
{
text-decoration: none;
color: #ffffff;
}
.filter_marcaG
{
font-size: 14pt;
padding: 3px 3px 3px 3px;
border: 1px solid #fd5d06;
background-color: #265598;
line-height:210%;
}
a.filter_marcaG:link
{
color: #ffffff;
text-decoration: none;
}
a.filter_marcaG:visited
{
color: #ffffff;
text-decoration: none;
}
a.filter_marcaG:hover
{
text-decoration: none;
color: #ffffff;
}

/***********filtrar lista*************************/
#filter
{
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
border-top: 1px solid #fff;
}
#filter input
{
font-size: 12px;
margin: 10px 0px 0px 10px;
font-size: 12px;
}
#filter_marca
{
margin: 10px 10px 10px 10px;
padding: 0px 10px 0px 10px;
text-align: left;
}
#filter_marca A:hover
{
background-color: #CCCCCC;
}
#filter_marcaG
{
margin: 10px 10px 10px 10px;
padding: 0px 10px 0px 10px;
text-align: left;
}
#filter_marcaG A:hover
{
background-color: #CCCCCC;
}
/************************************/
/* PIE DE PAGINA */
/************************************/
#menupie
{
border-top: 4px solid #ccc;
height: 22px;
padding-top: 5px;
margin-bottom: 5px;
padding-bottom: 5px;
background-image: url(../img/fondo_menupie.gif);
background-repeat: repeat-x;
background-position: bottom;
text-align: center;
}

/************************************/
/*          COMPONENTES				*/
/************************************/
/**********buscador web****************/
#search
{
padding: 0px 0px 0px 0px;
font-family: Verdana, sans-serif;
font-size: 10pt;
color: #333333;
border: 0px solid #ccc;    
float: right;
height: 40px;
}
#search input
{
font-size: 12px;
margin: 10px 0px 0px 10px;
}
#search a:link
{
font-size: 80%;
font-weight: bold;
color: #003366;
}
#search a:visited
{
font-size: 80%;
font-weight: bold;
color: #003366;
}
#search a:hover
{
font-size: 80%;
font-weight: bold;
color: #fff;
text-decoration: none;
background-color: #FF6600;
}
#search input
{
font-size: 12px;
margin: 10px 0px 0px 10px;
}
#search a:link
{
font-size: 80%;
font-weight: bold;
color: #003366;
}

#search a:visited
{
font-size: 80%;
font-weight: bold;
color: #003366;
}

#search a:hover
{
font-size: 80%;
margin: 0px;
font-weight: bold;
color: #003366;
}
#search span
{
font-size: 70%;
margin: 0px;
}
/**********MIGAS **************/

#breadCrumb
{
margin-top: 3px;
margin-bottom: 4px;
padding-left: 5px;
font-family: Verdana,sans-serif;
font-size: 11pt;
font-weight: bold;
color: #fd5d06;
background-color: #FFFFFF;
}
#breadCrumb a:link
{
font-weight: bold;
padding: 3px 5px 3px 5px;
color: #fd5d06;
}
#breadCrumb a:visited
{
font-weight: bold;
padding: 3px 5px 3px 5px;
color: #fd5d06;
text-decoration: none;
}
#breadCrumb a:hover
{
padding: 3px 5px 3px 5px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
color: #265598;
}
/*********************************/
.paginacion
{	
float: left;
color: #000000;	
font-weight: bold;
border: 1px solid #d8deec;
width:100%;
background-image: url(../img/fondo_similares.gif);
margin-bottom: 12px;	
font-size: 16px;

}
.paginacion img {
border: none;
}
.paginacion a {
text-decoration: none;
}
.paginacion a:link
{
color: #1294e7;
padding: 1px 2px 1px 2px;    
}
.paginacion a:visited
{
color: #1294e7;
padding: 1px 2px 1px 2px;
}
.paginacion a:hover
{
background-color: #d2e1ec;
}
.paginacion div.pagbody {
padding-top: 3px;
text-align: center;
}
.paginacion div.pagbody span{
padding-left: 2px;
padding-right: 2px;
}
.paginacion div.pagbody span.sporden{
float:left;
display:inline-block;
padding-left:5px;
}

/**********************************************/
.orden_alfab
{
float: left;
font-size: 11px;
color: #003366;
margin-left: 10px;
}
.orden_alfab img
{
padding: 0px 0px 0px 2px;
}
/**********************************************/
.orden_precio
{
float: right;
font-size: 11px;
color: #003366;
width: 60px;
}
.orden_precio img
{
padding: 0px 0px 0px 0px;
}
/************BOTONES GENERALES******************/
#subir
{
float: right;
margin-top: 2px;
background-image: url(../img/ico_subir1.gif);
background-repeat: no-repeat;
background-position: right 0px;
padding-right: 20px;
}

a.linkin:link
{
font-size: 85%;
color: #265598;
margin: 0px;
padding: 2px 5px 0px 5px;
font-weight: bold;
}
a.linkin:visited
{
font-size: 85%;
color: #265598;
margin: 0px;
padding: 2px 5px 0px 5px;
font-weight: bold;
}
a.linkin:hover
{
font-size: 85%;
margin: 0px;
padding: 2px 5px 0px 5px;
border-bottom: 0px solid #ccc;
text-decoration: none;
color: #fff;
background-color: #265598;
}
/************* #siteInfo styles ***************/
#siteInfo
{
clear: both;
border-top: 2px solid #cccccc;
font-size: 80%;
color: #333333;
margin-bottom: 10px;
padding: 5px 10px 10px 10px;
}
/********************************************/
/*        LEFT CONTENT                      */
/********************************************/

/*******MENU FAMILIAS***********************/
#sectionLinks
{
width: 168px;
border: 0px;
margin: 0px;
padding: 0px; 
vertical-align: top;
display:block;     
}

#sectionLinks span.padre
{
background-image: url(../img/menu_top.gif);
background-repeat:no-repeat;   
background-position: 0% 0%;
display:block;
height: 5px;
overflow: hidden;     
}

#sectionLinks span.sinpadre
{
background-image: url(../img/menu_topb.gif);
background-repeat:no-repeat;     
background-position: 0% 0%;    
display:block;  
height: 5px;    
overflow: hidden;     
}


#sectionLinks img.begin
{
display:block;  
height: 5px;    
overflow: hidden; 
}

#sectionLinks img.end
{
vertical-align: top;
}
#sectionLinks div.nzinter
{
background: url(../img/familia_nzpie.gif) no-repeat top; 
height: 8px;
overflow: hidden;     
}
#sectionLinks div.nzbegin
{
background: url(../img/familia_zpie.gif) no-repeat top; 
height: 6px;
overflow: hidden;     
}
#sectionLinks div.nzend
{
background: url(../img/familia_pieb.gif) no-repeat top; 
height: 6px;
overflow: hidden;     
}


#sectionLinks h1
{
text-align: left;
padding: 5px 10px 9px 12px;
font-size: 12pt;
font-weight: bold;
background: url(../img/familia_tit.gif) no-repeat top;
font-family: Arial, Helvetica, sans-serif;
height: 30px;
color: #FFFFFF;
border-bottom: 1px solid #ccc;
}

#sectionLinks h1.masend
{
text-align: left;
font-size: 9pt;      
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
padding: 5px 10px 9px 12px;
height: 30px;
border: 0px;
margin: 0px;
background: #224272 url(../img/familia_ztit.gif) no-repeat top;
}

#sectionLinks ul
{
margin: 0px;
padding: 0px;
border: 0px;
top: 0;
list-style-type: none;
}
#sectionLinks ul li
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#sectionLinks ul li a
{
border-bottom: 1px solid #ccc;
text-decoration: none;
padding: 5px 0px 3px 25px;
font-size: 10pt;
display: block;
width: 140px;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
color: #013f6c;
text-decoration: none;
background-image: url(../img/nchildren.png);
background-repeat: no-repeat;
background-position: 5px 6px;
}
#sectionLinks ul li a:hover
{
color: #666666;
text-decoration: none;
background-color: #d2e1ec;
background-image: url(../img/nchildren2.png);
background-repeat: no-repeat;
background-position: 5px 6px;
}


#sectionLinks ul li.nas a
{
border-bottom: 1px solid #ccc;
text-decoration: none;
padding: 5px 0px 3px 25px;
font-size: 10pt;
display: block;
width: 140px;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
color: #013f6c;
text-decoration: none;
background-image: url(../img/nchildren.png);
background-repeat: no-repeat;
background-position: 5px 6px;
}
#sectionLinks ul li.nas a:hover
{
color: #666666;
text-decoration: none;
background-color: #d2e1ec;
background-image: url(../img/nchildren2.png);
background-repeat: no-repeat;
background-position: 5px 6px;
}

#sectionLinks ul li.mas
{
background: #013f6c url(../img/familia_categoria.gif) no-repeat top;
color: #fff;
}

#sectionLinks ul li.mas a
{
background-image: url(../img/nparent.png);
background-repeat: no-repeat;
font-weight: bold;
font-size: 105%;
background-position: 5px 6px;
}
#sectionLinks ul li.mas a:hover
{
background-color: #ffffff;
background-image: url(../img/nparent2.png);
background-repeat: no-repeat;
background-position: 5px 6px;
}

#sectionLinks ul li.masend
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#sectionLinks ul li.masend a
{
border-bottom: 1px solid #ccc;
text-decoration: none;
padding: 5px 0px 3px 25px;
font-size: 10pt;
display: block;
width: 140px;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
color: #013f6c;
text-decoration: none;
background-image: url(../img/flecha.gif);
background-repeat: no-repeat;
background-position: 5px 6px;
}

#sectionLinks ul li.masend a:hover
{
color: #666666;
text-decoration: none;
background-color: #d2e1ec;
background-image: url(../img/flechaon.gif);
background-repeat: no-repeat;
background-position: 5px 6px;
}

#sectionLinks ul li.masend h2
{
border-bottom: 1px solid #ccc;
margin: 0px 0px 0px 0px;
padding: 5px 0px 3px 25px;
font-weight: bold;
font-size: 10pt;
display: block;
width: 140px;
border-top: 0px solid #ccc;
border-bottom: 0px solid #ccc;
color: #FF6648;    
background-image: url(../img/flecha.gif);
background-repeat: no-repeat;
background-position: 5px 6px;
}


/********BEST SELLERS MODULO****************/
.relatedLinks
{
margin-top: 10px;
padding: 0px 0px 0px 0px;
font-size: 80%;
background-image: url(../img/familia_listar_back.gif);
background-repeat: repeat-y;
}

.relatedLinks h3
{
padding: 0px 10px 0px 10px;
font-size: 10pt;
background-image: url(../img/tit_bestseller.gif);
background-repeat: no-repeat;
height: 32px;
color: #FFFFFF;
}


/********BEST SELLERS LISTADO****************/
.masvendidos
{
font-size: 100%;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
width: 166px;
}
.masvendidos H2
{
margin-left: 60px;
text-align: left;
font-weight: 100;
font-size: 100%;
}
.masvendidos P
{
margin-left: 60px;
text-align: left;
line-height: 1px;
}
.masvendidos img
{
float: left;
margin-left: 2px;
}
.masvendidos a:link
{
display: block;
background-color: #fff;
color: #265598;
font-weight: bold;
}
.masvendidos a:visited
{
display: block;
background-color: #fff;
color: #265598;
font-weight: bold;
}
.masvendidos a:hover
{
display: block;
text-decoration: none;
color: #FFFFFF;
background-color: #265598;
font-weight: bold;
}
/***********MARCAS***********************/
.relatedmark
{
margin-top: 10px;
width: 165px;
padding: 0px 0px 0px 0px;
font-size: 80%;
width: 95%;
}

.relatedmark h3
{
padding: 0px 10px 0px 10px;
margin-bottom: 10px;
font-size: 10pt;
height: 25px;
color: #003366;
border-bottom: 2px solid #ccc;
}

/***********LISTA MARCAS***********************/
.list_marks
{
width: 165px;
border: 0px solid #ccc;
}

.list_marks ul
{
width: 100%;
list-style-type: none;
padding: 0;
margin-left: 5px;
overflow: hidden;
}

.list_marks ul li
{
display: block;
float: left;
width: 40%;
background-image: url(../img/ico_listar.gif);
background-repeat: no-repeat;
background-position: left;
padding: 2px 0px 2px 10px;
}

.list_marks a:link
{
display: block;
background-color: #fff;
padding: 0px 0px 0px 0px;
color: #265598;
}

.list_marks a:visited
{
display: block;
background-color: #fff;
padding: 0px 0px 0px 0px;
color: #265598;
}

.list_marks a:hover
{
display: block;
padding: 0px 0px 0px 0px;
text-decoration: none;
color: #FFFFFF;
background-color: #265598;
}

/******ESPACIO PUBLICIDAD PIE*****************/
#advert
{
border-top: 2px solid #ccc;
padding: 10px;
width: 150px;
float: left;
margin-top: 10px;
}

#advert img
{
display: block;
}
.advert_sim
{
float: left;
border:0px solid #ccc;
width:180px;
clear:none;
width:20%;

}


.listado_sim
{
float: left;
top: 0px;	
border:0px solid #ccc;
width:75%;
PADDING:10PX;



}



/*******************************************************/


/***********PIECOMUN 3 columnas*************************/

.primeracaja
{
float: left;
padding-bottom: 5px;
width: 200px;
}

.segundacaja
{
float: left;
padding: 0px 10px 0px 10px;
border-right: #ccc 0px solid;
border-left: #ccc 1px solid;
width: 400px;
padding-bottom: 5px;
text-align: justify;
}
.segundacaja img
{
margin-top: 5px;
}
.terceracaja
{
float: right;
width: 200px;
text-align: right;
padding-bottom: 5px;
}
.cajaslim
{
float: left;
width: 20px;
padding: 4px 4px 4px 4px;
}

/**************************************************/


.lista1colsense
{
font-size: 100%;
width: 165px;
height: 100%;
margin-top: 0px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
padding: 0px 5px 0px 5px;
float: left;

}

.lista1col
{
font-size: 100%;
width: 98%;
margin-top: 0px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
padding: 0px 5px 0px 5px;
float: left;

}
.lista1col ul
{
padding: 0px;
margin: 0px;
left: 0px;
}
.lista1col li
{
list-style-type: none;
margin-left: 5px;
padding-left: 5px;
padding-right: 1px;
}
.listaep
{
text-align: center;
}
.listaep img
{
float: left;
border: 1px solid #ccc;
padding: 2px;
}
.listaep ul
{
padding: 0px 2px 0px 2px;
margin: 0px 0px 0px 0px;
text-align: left;
vertical-align: top;
}
.listaep li
{
list-style-type: none;
padding: 2px;
text-align: left;
}
.listaep li.right
{
text-align: right;
border: 0px solid #ccc;
width: 100px;
}
.listaep li.rightsoft
{
text-align: right;
border: 0px solid #ccc;
font-weight: bold;
width: 100px;
color: #990000;
}



/********TABULA LISTADOS 1 COLUMN************/

.tab_img
{
float: left;
width: 100px;
border: 0px solid #ccc;
height: 100px;
overflow: hidden;
}
.tab_img img
{
padding: 0px 10px 0px 5px;
text-align: center;
}
.tab_left
{
float: left;
width: 80%;
border: 0px solid #ccc;
}
.tab_left ul
{
padding: 0px;
margin: 0px;
left: 0px;
}
.tab_left li
{
list-style-type: none;
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
}
.tab_camion
{
vertical-align: bottom;
margin: 15px 2px 0px 2px;
float: right;
width: 60px;
}
.tab_right
{
vertical-align: top;
margin: 0px;
float: right;
text-align: right;
border: 0px solid #ccc;
}
.tab_right2
{
vertical-align: top;
margin: 0px;
float: right;
text-align: right;
border: 0px solid #ccc;
top:1px;
position:absolute;
right:0px;}

.tab_right2 img
{
border:0px;}
/*********titulos default***************************/
.agrupa_titulo
{
clear: both;
width: 100%;
height: 30px;
background-image: url(../img/fondo_titulares.gif);
background-repeat: repeat-x;
margin-bottom: 10px;
border-bottom: 1px solid #999;
}



/*********caja titulares ofertas / novedades ver todas***************************/
.tit_seccion
{

padding: 7px;
border-bottom: 2px solid #999;
}

.tit_seccion_b
{
padding: 7px;
border-bottom: 2px solid #fff;
}
.tit_seccion_activo
{
margin-left: 5px;
font-size: 15pt;
color: #265598;
font-weight: bold;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 2px solid #999;
border-top: 1px solid #999;
padding: 6px 10px 7px 10px;
background-color: #a4bacb;
text-decoration: none;
}
.tit_seccion_activo:hover
{
text-decoration: none;
background-color: #d2e1ec;
}


.tit_seccion_desactivo
{
font-size: 15pt;
color: #000;
font-weight: bold;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 0px solid #fff;
border-top: 1px solid #999;
padding: 6px 10px 10px 10px;
text-decoration: none;
background-color: #FFFFFF;
}
.negro{color:#000000;}

.destaca_selec
{
font-size: 15pt;
color: #FF6600;
font-weight: bold;
display: inline;

}
.destaca_selec h1
{
font-size: 15pt;
color: #FF6600;
font-weight: bold;
display: inline;
}

#navcontainer {    
background-image: url(../img/tabnpie.gif);
background-repeat: repeat-x;
background-position:0% 100%;
display: block;
float: none;
width: 100%;
padding-bottom: 0px;
}

#navcontainer ul
{
list-style-type: none;
font-size: 10pt;
font-weight: bold;
display:inline-block;
margin: 0px;
padding: 0px;
left:0px;
}


#navcontainer ul li { 
display: block;
float: left;
width: 185px;
margin-left: 3px;
padding: 0px;
border: 0px;
}


#navcontainer ul li span { 
text-align: center;
display: block;
padding: 6px 10px 7px 10px;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 1px solid #ffffff;
background-color: #ffffff;
height:29px;
}
#navcontainer ul li span.portada { 
text-align: center;
display: block;
padding: 6px 10px 7px 10px;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 1px solid #ffffff;
background-color: #ffffff;
height:29px;
color: #9567BF;
}
#navcontainer ul li span.listado { 
text-align: center;
display: block;
padding: 6px 10px 7px 10px;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 1px solid #ffffff;
background-color: #ffffff;
height:29px;
color: #006699;
}
#navcontainer ul li span.ofertas { 
text-align: center;
display: block;
padding: 6px 10px 7px 10px;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 1px solid #ffffff;
background-color: #ffffff;
height:29px;
color: #41ABBD;
}
#navcontainer ul li span.novedades { 
text-align: center;
display: block;
padding: 6px 10px 7px 10px;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 1px solid #ffffff;
background-color: #ffffff;
height:29px;
color: #BEBE01;
}




#navcontainer ul li span h1 { 
display: inline;
color: #FF6600;
font-size: 10pt;
}

#navcontainer ul li a
{
padding: 6px 10px 6px 10px;
text-decoration: none;
color: #265598;
background-color: #a4bacb;
text-align: center;
display: block; 
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 2px solid #999;
height:29px;  
}

#navcontainer ul li a.portada
{
padding: 6px 10px 6px 10px;
text-decoration: none;
color: #FFFFFF;
background-color: #9567BF;
text-align: center;
display: block; 
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 2px solid #999;
height:29px;  
}

#navcontainer ul li a.listado
{
padding: 6px 10px 6px 10px;
text-decoration: none;
color: #ffffff;
background-color: #006699;
text-align: center;
display: block; 
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 2px solid #999;
height:29px;  
}

#navcontainer ul li a.ofertas
{
padding: 6px 10px 6px 10px;
text-decoration: none;
color: #FFFFFF;
background-color: #41ABBD;
text-align: center;
display: block; 
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 2px solid #999;
height:29px;  
}


#navcontainer ul li a.novedades
{
padding: 6px 10px 6px 10px;
text-decoration: none;
color: #FFFFFF;
background-color: #BEBE01;
text-align: center;
display: block; 
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 2px solid #999;
height:29px;  
}






#navcontainer ul li a:hover
{
text-decoration: none;
background-color: #d2e1ec;
color: #FF6600;
border-bottom: 2px solid #FF6600;
}


.vertodas
{
margin-left: 45px;
height: 18px;
margin-top: 5px;
font-size: 14px;
float: right;
padding: 2px;
}

.vertodas A:link
{
padding: 4px 2px 4px 2px;
color: #000;
}
.vertodas A:hover
{
padding: 2px 2px 4px 2px;
color: #000;
background-color: #ea8504;
}
.vertodas A:visited
{
padding: 4px 2px 4px 2px;
color: #000;
}
/*********LISTADO 2 COLUMN oferta cabecera***************************/
.lista2col
{
width: 49%;
margin-top: 5px;
border: 0px solid #000;
padding: 15px 5px 0px 0px;
float: left;
text-align: left;
min-height:325px;
height: auto !important;
height:275px;
}

.lista2col img
{
padding: 0px 5px 0px 5px;
float: right;
vertical-align: bottom;
}
.lista2col ul
{
padding: 0px;
margin: 0px;
left: 0px;
}
.lista2col li
{
list-style-type: none;
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
}
/*********LISTADO 3 COLUMN***************************/
.lista3colSim
{
font-size: 80%;
width: 32%;
margin-top: 3px;
margin-left: 3px;
margin-bottom: 3px;
min-height: 150px;
height: auto !important;
height: 140px;        
border:1px solid whitesmoke;
padding: 0px 2px 5px 0px;
float: left;
}

.lista3col
{
font-size: 80%;
width: 32%;
margin-top: 3px;
margin-left: 3px;
margin-bottom: 3px;
min-height: 250px;
height: auto !important;
height: 230px;        
border:1px solid whitesmoke;
padding: 0px 2px 5px 0px;
float: left;
}

.lista3col div.foto90
{
padding: 0px 8px 5px 5px;
float: left;
border: 0px solid #ccc;
width: 90px;
height: 100px;
overflow: hidden;
}

.lista3col div.foto120
{
padding: 0px 8px 5px 5px;
float: left;
border: 0px solid #ccc;
width: 120px;
height: 120px;
overflow: hidden;
}

.lista3col div.foto140
{
padding: 0px 8px 5px 5px;
float: left;
border: 0px solid #ccc;
width: 140px;
height: 140px;
overflow: hidden;
}

.lista2col div.foto190
{
padding: 7px 2px 5px 5px;
float: right;
border: 0px solid #ccc;
width: 190px;
height: 190px;
overflow: hidden;
}


.lista3col ul
{
padding: 0px;
margin: 0px;
left: 0px;
}
.lista3col li
{
list-style-type: none;
margin-left: 5px;
padding-left: 5px;
padding-bottom: 5px;

}
.lista3coltit
{
border: 0px solid #ccc;
margin: 5px 5px 5px 7px;
padding: 2px 2px 2px 2px;
font-size:85%;

}


/*********LISTADO 4 COLUMN fijo***************************/
.lista4colfijo
{
width: 182px;
margin-top: 0px;
min-height: 100px;
height: auto !important;
height: 100px;        
padding: 0px 2px 5px 0px;
float: left;

}
.centrado {
   
padding-left:5%;
}

.lista4colsense
{
width: 115px;
margin-top: 0px;
min-height: 90px;
height: auto !important;
height: 90px;        
padding: 0px 2px 2px 0px;
float: left;

}
.centradosense {
   
padding-left:5%;
}

/*********LISTADO 4 COLUMN***************************/
.lista4col
{
font-size: 80%;
width: 24%;
margin-left: 2px;
min-height: 200px;
height: auto !important;
height: 200px;        
border:1px solid whitesmoke;
padding: 0px 5px 5px 0px;
float: left;
}

.lista4col div.foto90
{
padding: 0px 8px 5px 5px;
float: left;
border: 0px solid #ccc;
width: 90px;
height: 100px;
overflow: hidden;
}

.lista4col div.foto120
{
padding: 0px 8px 5px 5px;
float: left;
border: 0px solid #ccc;
width: 120px;
height: 120px;
overflow: hidden;
}
.lista4col ul
{
padding: 0px;
margin: 0px;
left: 0px;
}
.lista4col li
{
list-style-type: none;
margin-left: 5px;
padding-left: 5px;
padding-bottom: 5px;

}
.lista4coltit
{
border: 0px solid #ccc;
margin: 5px 5px 5px 7px;
padding: 2px 2px 2px 2px;
font-size:85%;

}

/**************LISTADO 5  COLUMN**********************/
.lista5col
{
font-size: 100%;
width: 20%;
border-right: 1px solid #ccc;
padding: 10px 5px 10px 0px;
color: #032f89;
float: left;
}
.lista5col img
{
padding: 0px 5px 5px 5px;
}
.lista5col ul
{
padding: 0px;
margin: 0px;
left: 0px;
}
.lista5col li
{
list-style-type: none;
margin-left: 5px;
padding: 0px 5px 3px 5px;
}
.lista5col P
{
margin-left: 8px;
}

/**************LISTADO 6  COLUMN**********************/
.lista6col
{
width: 15%;
border:0px solid #ccc;
padding-left: 15px;
padding-top: 12px;
text-align:center;
float:left;
height: 200px;
}
.lista6height
{
width: 100%;
height: 105px;
border: 0px solid #ccc;
text-align:center;
float:left;    
}
.lista6height img
{
border: 0px;
padding: 0px;
margin-top: 5px;
text-align:center;	
}
.lista6height p{
font-size:90%;
margin-bottom:2px;	
margin-top:2px;	
width:100%;
background-color:#FFFFFF;

}

/*********LISTADO 8 COLUMN***************************/
.lista8colmas
{
font-size: 150%;
text-decoration: none;
text-align:center;
font-weight:bold;
color: #b8020f;
width: 12%;
margin-top: 0px;
min-height: 50px;
height: auto !important;
height: 50px;        
border:1px solid whitesmoke;
padding: 0px 2px 5px 0px;
float: left;
}
.lista8col{
font-size: 150%;
text-decoration: none;
text-align:center;
font-weight:bold;
color: #b8020f;
width: 12%;
margin-top: 0px;
margin-left: 2px;   
min-height: 90px;
height: auto !important;
height: 90px;        
border:1px solid whitesmoke;
padding: 0px 2px 5px 0px;
float: left;
}

.lista8col div.foto90
{
padding: 0px 8px 5px 5px;
float: left;
border: 0px solid #ccc;
width: 90px;
height: 100px;
overflow: hidden;
}

.lista8col div.foto110
{
padding: 0px;
border: 0px;
min-height: 60px;            
}
.lista8col div.foto110 a {
display:block;
padding-left:5px;
}

.lista8col ul
{
padding: 0px;
margin: 0px;
left: 0px;
}
.lista8col li
{
list-style-type: none;
margin-left: 5px;
padding-left: 5px;
padding-bottom: 5px;

}
.lista8coltit
{
border: 0px;   
padding: 2px 2px 2px 2px;
font-size:10px;
margin-bottom:5px;
color:#ff6600;
}
.lista8coltit a {
text-decoration:none;
color:#ff6600;
}
.titulo8col
{
color: #fff;
background-color: #ff6600;
font-weight: bold;
font-size: 11px;
}
/********* FICHA DETALLE  ***************************/
.detalle2
{
background-color: #265598;    
width:100%;
border:1px solid #a4bacb;
float: left;
color:#ffffff;
padding: 5px 0px 5px 0px;
font-size:18px;
font-weight:400;
}
.detalle2 h1
{
background-color:#265598;
color:#ffffff;
padding: 5px 5px 5px 20px;
font-size:18px;
font-weight:400;
}
.presmarcas {
margin-top:30px;
margin-left:auto;
margin-right:auto;
margin-bottom:60px;
border:0;
width:94%;

}


.detalle
{
float: left;
padding-top: 2px;
width:100%;
border:1px solid #a4bacb;
}

.detalle ul.contactar {
background-color: #f1f1f1f1;
width:90%;    
margin-left: auto;
margin-right: auto;
margin-bottom:20px solid #ffffff;
}


.detalle_tit
{
float: left;
padding: 5px 10px 5px 10px;
width:100%;
font-weight:bold;
border-top:1px solid #eff2f9;
background-color:#eff2f9;
background-image: url(../img/fondo_similares.gif);
background-repeat:  repeat-x;
background-position: top;
}

.detalle_sectit
{
display: block;
border-top:1px solid #eff2f9;
background-color:#eff2f9;
background-image: url(../img/fondo_similares.gif);
background-repeat:  repeat-x;
background-position: top;

}

.detalle_sectit h1 {
font-size: 14pt;
color: #ff6600;
margin: 0px 20px 0px 12px;
padding: 0px 0px 0px 0px;
}

.detalle_similares
{
float: left;
padding: 0px;
width:100%;
border-top:0px solid #0033CC;

}

.detalle_similares P
{
text-align:center;

}

.detalle_descrip
{
float: left;
color:black;
padding: 0px;
width:95%;
border-top: 10px solid #ffffff;
margin-left: 15px;
font-size:13px;
}

.detalle_descrip table
{
font-size:11px;
}
.detalle ul
{
margin-left: 0px;
padding: 0px;
padding: 0px;
margin: 0px;
left: 0px;

}
.detalle li
{
list-style-type: none;
margin-left: 5px;
padding: 0px 5px 0px 5px;
}
.detalle ul li
{
margin-left: 0px;
padding: 0px;
color: #666666;
}
.detalle img
{
float: left;
margin-left: 0px;
margin-right: 10px;
border: 0px solid #ccc;
}

.detallec1
{
float: left;
width: 330px;
margin-left: 0px;
border:0px solid #ccc;
}
.detallecimg
{
float: left;
width: 310px;
margin-top: 20px;
margin-left: 25px;
margin-right: 5px;    
border:0px solid #ccc;
}
.detallec1 span
{
line-height: 20px;
}
.detallec2
{
float: left;
width: 210px;
margin-left: 15px;
border:0px solid #ccc;

}
.detallec3
{
float: left;
width: 270px;
margin-left: 10px;
border:0px solid #ccc;

}
.detallec2 p
{
padding-top: 10px;

}
.adsense_detalle{
float: left;
top: 0px;
padding-right:12px;
border: 0px solid #ccc;
}
.fotosense{
float: left;
height: 125px;
width: 265px;
margin-right: 30px;
margin-bottom: 5px;
border: 1px solid #0066CC;
}
/********Estado lista**************/
.estad_pedido_tb
{
border: 1px solid #ccc;
}
.estad_pedido_tb ul
{
padding: 0px;
margin: 0px;
padding-right: 0px;
display: block;
right: 0px;
}
.estad_pedido_tb ul li
{
list-style: none;
margin: 0px;
width: 100%;
}

/********FIN FICHA DETALLE**************/

.opcion_det1
{
border: 0px solid #ccc;
float: left;
}
.opcion_det1 ul
{
padding: 0;
margin-bottom: 10px;
padding-right: 0px;
}
.opcion_det1 ul li
{
list-style: none;
margin: 5px;
float: left;
width: 120px;
text-align: center;
}
.opcion_det1 ul li a
{
text-decoration: none;
color: #003366;
display: block;
height: 28px;
border: 0px solid #ccc;
padding-top: 2px;
padding-bottom: 0px;
background-color: #ededed;
}
.opcion_det1 ul li a:hover
{
background-color: #ff8200;
color: #000;
text-decoration: none;
}
.opcion_det1 p
{
padding-left: 10px;
font-size: 90%;
color: #006699;
margin: 0px;
clear: both;
}

/*************OPCIONES FICHAS ***********/


/*************OPCIONES FICHAS ***********/
.pedido_info
{
color: #666666;
border: 1px dotted #828282;
font-size: 11px;
clear: both;
width: 360px;
float: right;
padding: 4px 10px 4px 10px;
margin: 10px 0px 10px 0px;
}

.opcion_info
{
color: #666666;
border-top: 2px dotted #828282;
font-size: 10px;
width: 100%;
float: left;
}

/***********************************************/
/*   DIRECTORIA FAMILIAS SUBFAMILIAS PIE PAGINA*/
/***********************************************/
.categorias
{
margin: 0px 0px 10px 0px;
left: 0px;
right: 0px;
}
.categorias ul
{
list-style-type: none;
margin-left: 0px;
padding: 0px;
width: 100%;
}
.categorias ul li
{
font-size: 12px;
font-weight: bold;
padding-right: 4px;
float: left;
width: 32%;
}
.categorias ul li a:link
{
color: #032f89;
text-decoration: underline;
}
.categorias ul li a:visited
{
color: #032f89;
text-decoration: underline;
}
.categorias ul li ol
{
list-style-type: none;
padding: 0px;
margin-left: 0px;
}
.categorias ul li ol li
{
border: 0px solid #ccc;
font-size: 85%;
width: 100%;
}
.categorias ul li ol li a:link
{
color: #032f89;
font-weight: 100;
text-decoration: none;
}
.categorias ul li ol li a:visited
{
color: #032f89;
font-weight: 100;
text-decoration: none;
}
.categorias ul li ol li a:hover
{
background-color: #333333;
color: #FFFFFF;
text-decoration: none;
}

/*****LOS 4 PASOS COMPRAS****************/

#pasoscomp
{
border: 0px solid #ccc;
text-align: center;
margin-bottom: 20px;
display: block;
clear: both;
}

#pasoscomp img
{
text-align: center;
}

#resumen
{
border: 0px solid #43c8f3;
margin-top: 5px;
width: 100%;
padding: 0;
}

#resumen2
{
border: 0px solid #43c8f3;
margin-top: 5px;
clear:both;
width:350px;
float:right;
padding: 0;	
}

.enstock
{
    font-size: 11px;
    color: #33cc33;
    font-weight: bold;
}
.proximamente
{
    font-size: 11px;
    color: #cc0000;
    font-weight: bold;
}
.texto9
{
font-size: 9px;
color: #333333;
}
.texto10
{
font-size: 10px;
color: #333333;
}
.texto11
{
font-size: 11px;
color: #333333;
}
.texto11r_curs
{
font-size: 11px;
color: #003366;
font-style: oblique;
}
.texto12
{
font-size: 12px;
color: #333333;
}
.texto12N
{
font-size: 12px;
color: #333333;
font-weight: bold;
}

.marcas11
{
color:#000000;
font-size: 100%;
font-weight: bold;
}
.marcas11_oferta
{
color: #333333;
font-size: 150%;
font-weight: bold;
}
.referencia
{
color: #990000;
font-size: 11PX;
font-weight: bold;
}
.precio
{
color: #b8020f;
font-size: 120%;
font-weight: bold;
margin-top: 5px;
}
.precioantes
{
color: #b8020f;
font-size: 110%;
text-decoration: line-through;
}
.precioantes_detal
{
color: #b8020f;
font-size: 35px;
font-weight: bold;
text-decoration: line-through;
}
.precioantes_oferta
{
color: #b8020f;
font-size: 120%;
text-decoration: line-through;
}
.precio_oferta
{
color: #fff;
font-size: 19px;
font-weight: bold;
padding-top: 22px;
text-align: center;
height: 55px;
width: 120px;
background-image: url(../img/precio_oferta.gif);
background-repeat: no-repeat;
}
.precio_oferta1
{
color: #b8020f;
font-size: 14px;
font-weight: bold;
text-align: left;
height: 30px;
width: 150px;
padding-top: 10px;
background-image: url(../img/precio_oferta1.gif);
background-repeat: no-repeat;
background-position: 75px;
}
.precio_oferlist
{
color: #fff;
font-size: 120%;
font-weight: bold;
margin-top: 5px;
background-color: #FF9900;
}
.precio_list
{
color: #b8020f;
font-size: 120%;
font-weight: bold;
margin-top: 5px;
}
.precio_nuevo
{
color: #b8020f;
font-size: 14px;
font-weight: bold;
text-align: left;
border: 0px solid #ccc;
padding-top: 5px;
}
.precio_nuevo_antes
{
color: #b8020f;
font-size: 14px;
font-weight: bold;
text-align: left;
border: 0px solid #ccc;
padding-top: 5px;
text-decoration: line-through;
}


.precio_detalle
{
color: #000;
font-size: 35px;
font-weight: bold;
padding-top: 20px;
padding-bottom: 0px;
text-align: center;
height: 85px;
width: 200px;
border:0px solid #ccc;
background-image: url(../img/precio_detalle.gif);
background-repeat: no-repeat;
}
.precio_antes{
color: #000;
text-align: center;
height: 40px;

width: 150px;
border:0px solid #ccc;
}
.comprard
{
margin-top: 0px;
margin-bottom: 0px;
margin-left:10px;
margin-top: 10px;
font-weight: bold;
height: 100px; 

}
.comprard a
{

color: #224272;	    
height:110px;
text-decoration: none;
padding-bottom:84px;
background-image: url(../img/Ico_comprar2.gif);
background-repeat: no-repeat;
background-position: center 15px;	
}
.comprard a:hover
{
color: #000;
text-decoration: none;
background-image: url(../img/Ico_comprar2_on.gif);
background-repeat: no-repeat;
background-position: center 17px;	
}
.precio_detalle_mini
{
color: #000;
font-size: 16px;
font-weight: bold;
padding-top: 20px;
text-align: right;
height: 35px;
width: 150px;
}
.buscar
{
margin: 0px;
padding: 2px 5px 0px 5px;
border: 1px solid #1e5c90;
text-decoration: none;
color: #000000;
background-color: #ffffff;
}
.tabvertodos{margin-left:310px;padding:20px;}
.vertodos
{
margin-top: 0px;
padding: 12px 35px 12px 20px;
text-align: left;
width:240px;
font-size:150%;
border:0px solid #ccc;
}
a.vertodos
{
text-decoration: none;
background-image: url(../img/listadocompleto.gif);
background-repeat: no-repeat;
background-position: left top;
color:#fff;
font-weight:bold;
}
a.vertodos:hover
{
text-decoration: none;
background-image: url(../img/listadocompleto_on.gif);
background-repeat: no-repeat;
background-position: left top;
color:  #000;
}
.similares
{
height:122px;
border:0px solid #ccc;
font-family:Arial black;
text-align:center;
width:213px;
height:123px;
float:right;
margin-top:0px;
float:left;
vertical-align:bottom;
}
a.similares
{
text-decoration: none;
background-image: url(../img/ofertas_similares_new.gif);
background-repeat: no-repeat;
background-position: left top;
color:#224272;
font-size:20px;		
}
a.similares:hover
{
text-decoration: none;
background-image: url(../img/ofertas_similares_newon.gif);
background-repeat: no-repeat;
background-position: left top;
color:  #224272;
}

.comprar
{
margin-top: 5px;
padding: 8px 25px 12px 8px;
text-align: left;
}
a.comprar
{
text-decoration: none;
background-image: url(../img/comprar_on.gif);
background-repeat: no-repeat;
background-position: left top;
color:#000;
}
a.comprar:hover
{
text-decoration: none;
background-image: url(../img/comprar.gif);
background-repeat: no-repeat;
background-position: left top;
color:  #666666;
}
.comprar img
{
float: left;
}
.comprar_col
{
padding: 8px 25px 12px 8px;
text-align: left;
clear: both;
display: block;
}
.comprar_col img
{
float: left;
}
a.comprar_col
{
text-decoration: none;
background-image: url(../img/comprar_on.gif);
background-repeat: no-repeat;
background-position: left top;
color: #FF0000;
}
a.comprar_col:hover
{
text-decoration: none;
background-image: url(../img/comprar.gif);
background-repeat: no-repeat;
background-position: left top;
color: #666666;
}


.titulo
{
color: #265598;
font-weight: bold;
font-size: 11px;
}
.titulo a
{
background-color: #fff;
color: #265598;
}
.titulo a:visited
{
background-color: #fff;
color: #265598;
}
.titulo a:hover
{
text-decoration: none;
background-color: #d2e1ec;
padding: 0px 0px 0px 0px;    
}
.titulo a span {
color: #fd5d06;
font-weight: bold;
}
.titulo a img {
border:0;
}

.titulo_oferta
{
color: #265598;
font-size: 20px;
text-align: left;
font-weight: bold;
}
.titulo_oferta span {
color: #fd5d06;
font-weight: bold;
}

.titulo_oferta a:link
{
display: block;
text-align: center;
background-color: #fff;
color: #990000;
font-weight: bold;
}
.titulo_oferta a:visited
{
display: block;
text-align: center;
background-color: #fff;
padding: 0px 0px 0px 0px;
color: #990000;
font-weight: bold;
text-decoration: none;
}
.titulo_oferta a:hover
{
display: block;
padding: 0px 0px 0px 0px;
text-decoration: none;
background-color: #d2e1ec;
font-weight: bold;
}

.infop
{
width: 176px;
min-height: 90px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.infop p
{
margin-left: 10px;
}
.infop a
{
margin-left: 5px;
}

.infop img
{
float: right;
padding: 10px;
}

.yes
{
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: LEFT;
background-color: #00CC00;
padding: 0px 5px 0px 5px;
}
.no
{
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: LEFT;
background-color: #FF0000;
padding: 0px 5px 0px 5px;
}
.volver
{
background-image: url(../img/volver.gif);
background-repeat: no-repeat;
background-position: left;
font-weight: bold;
font-size: 11px;
}
.eliminar
{
background-image: url(../img/eliminar.gif);
background-repeat: no-repeat;
background-position: right;
font-weight: bold;
font-size: 11px;
}
.continuar
{
background-image: url(../img/continuar.gif);
background-repeat: no-repeat;
background-position: right;
font-weight: bold;
font-size: 11px;
}
.imprimir
{
background-image: url(../img/ico_print.gif);
background-repeat: no-repeat;
background-position: right;
font-size: 10px;
}
.consulta
{
background-image: url(../img/ico_consultas.gif);
background-repeat: no-repeat;
background-position: right;
font-size: 10px;
}

.identifica
{
font-size: 12px;
font-weight: bold;
padding: 11px;
}
a.identifica:link
{
color: #fff;
padding: 2px 5px 0px 5px;
background-image: url(../img/identifica.gif);
background-repeat: no-repeat;
background-position: right;
}
a.identifica:visited
{
color: #fff;
background-image: url(../img/identifica.gif);
background-repeat: no-repeat;
background-position: right;
}
a.identifica:hover
{
text-decoration: none;
color: #000;
background-image: url(../img/identifica_on.gif);
background-repeat: no-repeat;
background-position: right;
}
.entrar
{
font-size: 12px;
font-weight: bold;
padding: 10px 6px 10px 10px;
margin-left: 5px;
}
a.entrar:link
{
color: #fff;
background-image: url(../img/entrar.gif);
background-repeat: no-repeat;
background-position: right;
}

a.entrar:visited
{
color: #fff;
background-image: url(../img/entrar.gif);
background-repeat: no-repeat;
background-position: right;
}
a.entrar:hover
{
text-decoration: none;
color: #000;
background-image: url(../img/entrar_on.gif);
background-repeat: no-repeat;
background-position: right;
}
.preciopago
{
color: #fff;
font-size: 16px;
font-weight: bold;
background-color: #0a4aa6;
padding: 2px 5px 2px 5px;
}
.destaca
{
color: #000;
font-size: 14px;
font-weight: bold;
background-color: #dddfe1;
margin: 10px;
padding: 2px 5px 2px 5px;
}
.hiddenPic
{
visibility: hidden;
border:0px;
}
.error
{
color: Red;
font-size: large;
font-size:95%;
}
/******  clasemap ************************************
****************************************************/
table.glosportada
{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-left: 10px;
}
td.mccat
{
width: 30%;
vertical-align: top;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 5px;
}
DL.mcbox
{
margin-bottom: 10px;
}
DL.mcbox DD
{
padding: 2px 0 2px 0;
margin-left: 5px;
}
DL.mcbox DD A
{
font-size: 12px;
color: #032f89;
}
DL.mcbox DD A:visited
{
color: #032f89;
}
DL.mcbox DT
{
color: #032f89;
font-weight: bold;
}
DL.mcbox DT A
{
font-size: 14px;
color: #032f89;
text-decoration: underline;
}
DL.mcbox DT A:visited
{
color: #032f89;
}

DL.mcbox DT A.nosub
{
font-size: 12px;
color: #032f89;
text-decoration: none;
}
DL.mcbox DT A.nosub:visited
{
color: #032f89;
text-decoration: none;
}


table.gloscat
{
width: 100%;
height: 400px;
border-collapse: collapse;
border-spacing: 0;
margin-left: 0px;
background-color: #f5f5f5;
}
table.gloscat td.mccat
{
width: 45%;
vertical-align: top;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 5px;
}
table.gloscat DL.mcbox
{
margin-bottom: 10px;
}
table.gloscat DL.mcbox DD
{
padding: 3px 0 3px 0;
margin-left: 7px;
}
table.gloscat DL.mcbox DD A
{
font-size: 12pt;
color: #032f89;
}
table.gloscat DL.mcbox DD A:visited
{
color: #032f89;
}
table.gloscat DL.mcbox DT
{
text-decoration: underline;
color: #032f89;
font-weight: bold;
font-size: 12pt;
margin-bottom:5px;
}
table.gloscat DL.mcbox DT A
{
font-size: 15pt;
color: #032f89;
color: #032f89;
text-decoration: underline;
}
table.gloscat DL.mcbox DT A:visited
{
color: #032f89;
}


table.mapclass{
width: 94%;
margin: 20px 70px 20px 70px;
border:0px;
}

/******separa en 3 columnas******/
td.subcat{
width: 33%;
vertical-align: top;
padding-top: 0px;
padding-bottom: 5px;    
}




/******separa cada categoria por cajas******/
DL.subcatbox{
padding-left: 10px;
margin-left: 0px;
border:0px;	
}

DL.subcatbox2 {
padding: 0px 0 0px 0;
margin-left: 0px;
}
DL.subcatbox3{
margin: 0px;
padding: 1px 0 1px 0;
}

/***cabecera principal*****/

DL.subcatbox DT.dthdr{
margin:5px;    
background-color: #cccddd;        
}

a.hdl{
color:#003366;
font-size:130%;	    
font-weight:bold;     
}
a.hdl:link{
color:#003366;    
text-decoration: none;
}
a.hdl:hover{
color:#003366;	
text-decoration: none;
}
a.hdl:visited{
color:#003366;
text-decoration: none;
}
span.sdr {
color: #00000f;    
font-weight:bold;    
font-size:130%;	        
}
a.hdr{	
color: #b8020f;    
font-weight:bold;    
font-size:130%;	        
}
a.hdr:link{
color: #b8020f;
text-decoration: none;
}
a.hdr:hover{
color: #b8020f;
font-weight:bolder;
text-decoration: none;
}
a.hdr:visited{
color: #b8020f;
text-decoration: none;
}


/**********nivel 1*****************************/

DL.subcatbox DL {
margin:0px;
padding-top: 10px;
padding-left: 5px;    
background-color: #ffffff;        
}

DL.subcatbox DL DT {
color: #7D7D7D;	    
}
a.subnr {
font-size:110%;
font-weight:bold;       
}
a.subnr:link{
color:#003366;   
}
a.subnr:hover{
color:#003366;
}
a.subnr:visited{
color:#003366;
}
/**********nivel 2*****************************/

a.subnr2{
font-size:90%;
font-weight:normal;       
}

a.subnr2:link{
color:#003366;
margin-bottom:5px;
}
a.subnr2:hover{
color:#003366;

}
a.subnr2:visited{
color:#003366;
}






/*************defaultmap*****************************************************/




table.dmapclass{
width:100%;
margin:auto;
border:1px solid #ccc;	
}

table.psdefault {
width: 100%; 
border:0px;
border: 5px solid #ffffff;
}


table.psdefault  tr td {
width: 50%;
vertical-align: top;
border:0px;
}


table.psdefault  tr td.lined{
width: 50%;
height:100%;
vertical-align: top;    
border-left:1px dotted #7D7D7D;	    
}

table.psdefault  tr td.lined ul {
list-style-type:none;
width:100%;
vertical-align:top;
color: #7D7D7D;
font-size: 9pt;
background-color: #ffffff;
padding:0px;
margin:0px;
margin-left:4px;
}

table.psdefault  tr td.lined ul li {
width:210px;
padding-top: 10px; 
display: block;
font-size: 10px;
vertical-align:top;
}


div.rlinee{    
float:right;  
width: 100px;    
}

div.llinee{
width: 94px;
overflow: hidden;
height: 94px;
}


table.psdefault  tr td.lined ul li div a{
text-decoration:none;
display:inline;
font-size:8pt; 
color: #265598;    
}

table.psdefault  tr td.lined ul li div a:link{
color: #265598;
}

table.psdefault  tr td.lined ul li div a:hover{
color:#fd5d06;
text-decoration:none;
}


table.psdefault  tr td.lined ul li div img {
display:inline;
border:none;   
}


/******separa en 3 columnas******/
td.dsubcat{
width: 33%;
vertical-align: top;
}
td.dsubcat2{
width: 33%;
vertical-align: top;
border-left:1px solid #ccc;	
}

h5.dsubcat {
margin: 0px;
padding: 0px;
border: 0px;
display:block;
background-color:#f1f1f1;
text-align:center;
text-transform: uppercase; 
}

DL.dlmap {
margin:0px;
border:0px;
background-color: #ffffff;
border-bottom: 1px dotted #7D7D7D;	
padding-top: 2px;
}

dl.dlmap dt {
color: #7D7D7D;
}

dl.dlmap dd {
margin:0px;
padding-left: 7px;    
}


span.dnolink  {
font-size:80%;
font-weight:bold;    
color:#003366;   
}






/**********nivel 1*****************************/

a.dsubnr {
font-size:80%;
font-weight:bold;       
}
a.dsubnr:link{
color:#003366;   
}
a.dsubnr:hover{
color:#003366;
}
a.dsubnr:visited{
color:#003366;
}
/**********nivel 2*****************************/

a.dsubnr2{
font-size:70%;
font-weight:normal;       
}

a.dsubnr2:link{
color:#003366;
margin-bottom:0px;
}
a.dsubnr2:hover{
color:#003366;

}
a.dsubnr2:visited{
color:#003366;
}

#topventas
{
margin-top: 3px;
margin-bottom: 4px;
padding-left: 5px;
font-family: Verdana,sans-serif;
font-size: 11pt;
font-weight: bold;
color: #000000;
background-color: #fd5d06;}

/***********toolbar vista****/
img{ border: 0pt; }

#bottom_div{
width: 520px;
height: 150px;
background-color: #b9d1ea;
clear:both;
}

#vista_toolbar {
float:left;
font-size: 12px;
font-weight:bold;
margin-left:2px;
margin-right:10px;
margin-bottom:15px;
margin-top:10px;
padding:0;
}

#vista_toolbar ul {
/*background-image:url(../img/backv.gif);*/
background-repeat:repeat-y repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;

}

#vista_toolbar ul li {
display:inline;
padding:0;
}

#vista_toolbar a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
background: url(../img/left2.png) no-repeat left center;
}

#vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
background:url(../img/right2.png) repeat-x right center;
}

#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
background: url(../img/left2.png) no-repeat left center;
color: #fd5d06;
}

#vista_toolbar a:hover span {
background:url(../img/right2.png) repeat-x right center;
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

.clr {
clear:both;
}

#entermarcas {
width:100%;
border:0;
font-size:11px; 
}

#entermarcas h2 {
color:#2e3038;
padding:5px 10px;
font-size:18px;
margin-bottom:10px;
border-bottom: 3px solid #f00300;
font-family:Arial, Helvetica, sans-serif;
background-color: #f2f2f2;	
}


#entermarcas dl {
display:block;
padding-bottom:25px;
text-align:left;
}
#entermarcas dl dt  {
color:#3a6abc;
padding:5px 10px;
font-size:130%;
margin-bottom:10px;
border-bottom: 3px solid #cccccc;
font-family:Arial, Helvetica, sans-serif;
background-color: #f2f2f2;
font-weight:bold;
}
#entermarcas dl dd {
font-weight:normal;
text-align:left;
color: #032f89;
padding-left:4px;
padding-top:5px;
padding-bottom:10px;
vertical-align:middle;
}
#entermarcas dl dd a {
margin:5px;
text-decoration:none;
display:inline-block;
height:26px;
line-height:26px;
min-height:26px;
vertical-align:middle;
cursor:pointer;
}
#entermarcas dl dd a:hover {
color:#006895;
background-color:#f1f1f1;
text-decoration:none;
}

#entermarcas dl dd img.teclabel {
border:0;
height:20px;
border:3px solid #ffffff;
vertical-align:middle;
}

.lisclasedescr {
font-size: 10px;
color: #333333;
padding-left:6px;
padding-right:6px;
text-align:justify;
}
.detbarrabotones {
padding-left:25px;
}
#cloudin { position:relative; left:15px; right:15px; }
#cloud { margin-top:10px; margin-bottom:10px; font-size: 12pt; width:100%; }
#cloud li { display:inline-block; line-height: 3.0em; padding-left:10px; *display: inline;}
#cloud li a { text-decoration:none; white-space:nowrap; }
#cloud li a:hover { background-color: #f1f1f1; }
#cloud span.tag1 { font-size: 1.1em; font-weight: 100; color: #E57D00; }
#cloud span.tag2 { font-size: 1.2em; font-weight: 200; color: #C08D10; }
#cloud span.tag3 { font-size: 1.3em; font-weight: 300; color: #8BA61F; }
#cloud span.tag4 { font-size: 1.4em; font-weight: 400; color: #CE8A0E; }
#cloud span.tag5 { font-size: 1.5em; font-weight: 500; color: #F57500; }
#cloud span.tag6 { font-size: 1.6em; font-weight: 600; color: #B11500; }
#cloud span.tag7 { font-size: 1.7em; font-weight: 700; color: #6E9215; }
#cloud span.tag8 { font-size: 1.8em; font-weight: 800; color: #404B49; }
#cloud span.tag9 { font-size: 1.9em; font-weight: 900; color: #823712; }
#cloud span.tag10 { font-size: 2.0em; font-weight: 900; color: #0099CD; }
#cloud span.tag11 { font-size: 2.0em; font-weight: 100; color: #FFC000; }
#cloud span.tag12 { font-size: 1.9em; font-weight: 200; color: #6402AC; }
#cloud span.tag13 { font-size: 1.8em; font-weight: 300; color: #8BA61F; }
#cloud span.tag14 { font-size: 1.7em; font-weight: 400; color: #CE8A0E; }
#cloud span.tag15 { font-size: 1.6em; font-weight: 500; color: #F57500; }
#cloud span.tag16 { font-size: 1.5em; font-weight: 600; color: #B11500; }
#cloud span.tag17 { font-size: 1.4em; font-weight: 700; color: #6E9215; }
#cloud span.tag18 { font-size: 1.3em; font-weight: 800; color: #404B49; }
#cloud span.tag19 { font-size: 1.2em; font-weight: 900; color: #823712; }
#cloud span.tag20 { font-size: 1.1em; font-weight: 900; color: #0099CD; }
#cloud span.tag21 { font-size: 1.5em; font-weight: 100; color: #FFC000; }
#cloud span.tag22 { font-size: 1.6em; font-weight: 200; color: #6402AC; }
#cloud span.tag23 { font-size: 1.7em; font-weight: 300; color: #8BA61F; }
#cloud span.tag24 { font-size: 1.8em; font-weight: 400; color: #CE8A0E; }
#cloud span.tag25 { font-size: 1.9em; font-weight: 500; color: #F57500; }
#cloud span.tag26 { font-size: 2.0em; font-weight: 600; color: #B11500; }
#cloud span.tag27 { font-size: 1.1em; font-weight: 700; color: #6E9215; }
#cloud span.tag28 { font-size: 1.2em; font-weight: 800; color: #404B49; }
#cloud span.tag29 { font-size: 1.3em; font-weight: 900; color: #823712; }
#cloud span.tag30 { font-size: 1.4em; font-weight: 900; color: #0099CD; }