/* nav*/
ul.topnav {  
list-style: none;  
padding: 0 20px;  
 margin: 0;  
float: left;  
width: 920px;  
background: #222;  
font-size: 1.2em;  
background: url(topnav_bg.gif) repeat-x;  
}  
ul.topnav li {  
float: left;  
margin: 0;  
padding: 0 15px 0 0;  
position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a{  
padding: 10px 5px;  
color: #000;  
display: block;  
text-decoration: none;  
float: left;
background:#999;  
}  
ul.topnav li a:hover{  
background:#ccc;  
}  
ul.topnav li span { /*--Drop down trigger styles--*/  
width: 17px;  
height: 35px;  
float: left;  
background: url(subnav_btn.gif) no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
list-style: none;  
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
left: 0; top: 35px;  
background: #333;  
margin: 0; padding: 0;  
display: none;  
float: left;  
 width: 170px;  
border: 1px solid #111;  
}  
 ul.topnav li ul.subnav li{  
margin: 0; padding: 0;  
border-top: 1px solid #252525; /*--Create bevel effect--*/  
border-bottom: 1px solid #444; /*--Create bevel effect--*/  
clear: both;  
width: 170px;  
}  
html ul.topnav li ul.subnav li a {  
float: left;  
width: 145px;  
background: #333 10px center;  
padding-left: 20px;  
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
     background: #222  10px center;  
}  

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.button, button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #A8A7A7;
  border-top:1px solid #A8A7A7;
  border-left:1px solid #A8A7A7;

  background-color:#0094E3;
  font-family:Arial, Verdana, sans-serif;
  font-size:110%;
  line-height:130%;
  text-decoration:none;
  font-weight:normal;
  color:#FFFFFF;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#4FA3DE;
  border:1px solid #A8A7A7;
  color:#FFFFFF;
}
a.button:active{
  background-color:#7094B7;
  border:1px solid #A8A7A7;
  color:#FFFFFF;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#C2E066;
  border:1px solid #A8A7A7;
  color:#529214;
}
a.positive:active {
  background-color:#C2E066;
  border:1px solid #A8A7A7;
  color:#fff;
}

/* Negative */
body .negative {
  color:#ffffff;
  background-color:#BEBEBE;
  border:1px solid #A8A7A7;

}
a.negative:hover, button.negative:hover {
  background-color:#D8D8D8;
  border:1px solid #BCBBBB;
  color:#ffffff;
}
a.negative:active {
  background-color:#D8D8D8;
  border:1px solid #BCBBBB;
  color:#fff;
}

/* Next */
body .next {
  color:#ffffff;
  background-color:#666666;
  border:1px solid #A8A7A7;

}
a.next:hover, button.next:hover {
  background-color:#A3A3A3;
  border:1px solid #BCBBBB;
  color:#ffffff;
}
a.next:active {
  background-color:#A3A3A3;
  border:1px solid #BCBBBB;
  color:#fff;
}


/* input button */
.inputbutton
{ cursor:pointer; background-color:#0094E3; border:1px solid #A8A7A7; color:#FFFFFF; font-size:110%; padding:5px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
} 
.inputbutton:hover, .inputbutton:active
{ cursor:pointer; background-color:#4FA3DE; border:1px solid #A8A7A7; color:#FFFFFF; font-size:110%; padding:5px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
}

.inputbutton-neg
{background-color:#BEBEBE; border:1px solid #A8A7A7; color:#FFFFFF; font-size:110%; padding:5px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
} 
.inputbutton-neg:hover, .inputbutton-neg:active
{background-color:#D8D8D8; border:1px solid #A8A7A7; color:#FFFFFF;font-size:110%; padding:5px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
}

.inputbutton-next
{background-color:#666666; border:1px solid #A8A7A7; color:#FFFFFF; font-size:110%; padding:5px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
} 
.inputbutton-next:hover, .inputbutton-neg:active
{background-color:#A3A3A3; border:1px solid #A8A7A7; color:#FFFFFF;font-size:110%; padding:5px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
}


/* buttons home register and login */

a.home-button-1{
width:135px;
height:26px;
  display:block;
  float:left;
  margin:0 0 17px 55px ;
  padding:7px 0px 0px 0px;   /* Links */
  font-family:Arial, Verdana, sans-serif;
  font-size:18px;
  line-height:18px;
  text-decoration:none;
  text-align:center;
  font-weight:normal;
  color:#FFFFFF;
  cursor:pointer;
  background-image: url(../images/button-home-1.gif);
  background-repeat:no-repeat;
}
a.home-button-1:hover{
color:#000;
}

a.home-button-2{
width:135px;
height:26px;
  display:block;
  float:left;
  margin:5px 0 20px 55px ;
  padding:7px 0px 0px 0px;   /* Links */
  font-family:Arial, Verdana, sans-serif;
  font-size:18px;
  line-height:18px;
  text-decoration:none;
  text-align:center;
  font-weight:normal;
  color:#FFFFFF;
  cursor:pointer;
  background-image: url(../images/button-home-2.gif);
  background-repeat:no-repeat;
}
a.home-button-2:hover{
color:#000;
}


/* -------------------------------------------------------------- 
  
   fancy-type.css
   * Lots of pretty advanced classes for manipulating text.
   
   See the Readme file in this folder for additional instructions.

-------------------------------------------------------------- */

/* Indentation instead of line shifts for sibling paragraphs. */
  /* p + p { text-indent:2em; margin-top:-1.5em; }
   form p + p  { text-indent: 0; } /* Don't want this in forms. */
   

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #113917; 
  /*font-style: italic;*/
  font-weight: normal;
  font-size:1.3em;
  line-height:1.25;
}


/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.5em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}

/* -----------------------------------------------------------------------
 
 
Tabs Plugin 0.1 for the Blueprint CSS Framework
http://blueprintcss.org
 
* Copyright (c) 2008-Present. Refer to the main Blueprint license.
* See README for instructions on how to use this plugin.
* For credits and origins, see AUTHORS.
 
----------------------------------------------------------------------- */
 
.tabs {
border-bottom:1px solid #DBDBDB;
height:1%; /* fixing IE 6 */
margin:0;
min-height:auto;
overflow:auto;
padding-bottom:10px;
padding-top:20px;
}
.tabs li {
  /*border:1px solid #ccc;
  border-bottom:none;*/
  float:left;
  font-size:1.1em;
  line-height:1.5;
  list-style-type:none;
  margin:0 1em 0 0;
  padding:0;
}
.tabs li a {
background:#fff;
  /*border:1px solid #eee;
  border-bottom:none;*/
  color:#888888;
  cursor:pointer;
  display:block;
  float:left;
  font-weight:bold;
  padding:.15em .75em .25em .75em;
}
.tabs li a.selected {
  background:#888888;
  /*border:1px solid #666;
  border-bottom:none;*/
  color:#fff;
  cursor:default;
}
.tabs li a, .tabs li a:focus, .tabs li a:hover {
  text-decoration:none;
}
.tabs li a:focus, .tabs li a:hover {
  color:#fff;
  background:#888888;
  outline:none;
}
.tabs li a.selected:focus, .tabs li a.selected:hover {
  color:#fafafa;
}
.tabs li.label {
border:none;
font-weight:bold;
line-height:1.5;
margin-right:.5em;
padding:.25em .33em .25em .33em;
}

.tabs ul {
margin:0;}


/* new styles */

.top-container {
background-image:url(../images/container-top.gif);
background-repeat:no-repeat;
float:left;
height:33px;
}

.mid-container {
background-image:url(../images/container-mid.gif);
background-repeat:repeat-y;
}

.end-container {
background-image:url(../images/container-end.gif);
background-repeat:no-repeat;
float:left;
height:23px;
}

.logo {
text-align:center;
}

.language-tab {
color:#FFFFFF;
background-image:url(../images/tab-language.gif);
width:69px;
height:23px;
background-repeat:no-repeat;
margin-top:6px;
text-align:center;
padding-top:2px;
}

.language-tab a {
color:#FFFFFF;
text-decoration:none;
}

.language-tab a:hover {
color:#CCC;
text-decoration:none;
}

.footer-wrap {
border-top:1px solid #dbdbdb;
padding-top:5px;
font-style:italic;
color:#999999;}

.footer-wrap a {
color:#999999;
font-style:normal;}

.footer-brand label {
color:#999999;
font-size:1em;
vertical-align:top;
}

/* contacto */

.contact-text {
font-size:1.2em;
color:#888888;
line-height:1.25;
}

.contact-text a{
text-decoration:underline;
color:#888888;

}
.contact-text a:hover{
text-decoration:none;
}

.map-box {
width:260px; 
height:260px;
border:1px solid #999999;
}

/* products */

.product-list-box {
width:535px;}

.product-list-link  {
font-size:14px;
padding:5px 0 0 0;
}
.product-list-link a {
font-size:14px;
padding:0;

}

.product-title {
font-family:"Impact", Verdana, Arial;
font-size:2.5em;
line-height:1;
margin:0.4em 0 0.5em 0
}
.product-title-premium {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:2.2em;
font-weight:bold;
line-height:1;
margin:0.4em 0 0.5em 0;
color:#000099;
}
.last-p {margin:0;}

.product-sub-title {
font-size:1.1em;
font-weight:bold;
color:#666666;
}
.agua-destilada {color:#3D96C2;}
.amoniaco-perfumado {color:#6B1B6B;}
.cristales {color:#1B3E85;}
.desincrustante-grasas {color:#C0D019;}
.eliminador-grasas {color:#7A9820;}
.fregasuelos {color:#EEB332;}
.gel-manos {color:#9A0575;}
.higiene-banos {color:#0097E4;}
.lejia {color:#006B68;}
.limpiador-amoniacal {color:#636A21;}
.limpiador-cuidado {color:#BD8E17;}
.limpiador-inox {color:#91837E;}
.cuidado-madera {color:#E36C24;}
.wc {color:#13A4BF;}
.manual-vajillas {color:#333333;}

.premium-desinfectante {color:#005996;}
.premium-acero {color:#E46D25;}
.premium-acido {color:#586116;}
.premium-lejia {color:#820011;}
.premium-lava-maquina {color:#6A267F;}
.premium-lava-mano {color:#339966;}
.premium-gel-manos {color:#99CC66;}

.highlight-2 { color:#0094E3;}



.sitemap-list {
color:#CCCCCC;
list-style-type:square;
margin:10px 0 10px 15px;
padding:0;
}

.sitemap-list li a {
color:#888;
}