/***************************************************************************
                          Etiko software
                             -------------------
    development          : 2001-20xx by Etikweb
    website              : www.etikweb.com
 ***************************************************************************/

/***************************************************************************
 *                                                                         *
 *   This program is free software; you can redistribute it and/or modify  *
 *   it under the terms of the GNU General Public License as published by  *
 *   the Free Software Foundation; either version 2 of the License, or     *
 *   (at your option) any later version.                                   *
 *                                                                         *
 ***************************************************************************/

 
/*@charset "iso-8859-1";*/
a:link		{ color: #606060 } /*909090*/
a:visited	{ color: #b06030 }
a:hover		{ color: #a5230C }
a:active	{ color: #a5230C }



html, body {
  margin: 0px 0px 0px 0px;
  background-color: #fff3ed; /* #e3ffdB; Page Background color (0.83,0.93,0.79) */
  color: #000;
  text-align: justify;
  }

html, body, h1, h2, h3, h4, div, p, ul, li, input {
   font-family: Verdana, Arial, Helvetica, sans-serif;
}


a img { color: #fff; }         /* hide the border in Netscape 4 */
@media all {                   /* hide from Netscape 4 */
  a img { color: inherit;     /* undo the rule above */
    border: none;               /* hide from Netscape 4 */
    }
  }

/* White link, to advanced search */
a.logo-link:link {color: #000000;    font-weight: bold;}
a.logo-link:visited {color: #000000; font-weight: bold;}
a.logo-link:hover {color: #ffffff;   font-weight: bold;}
a.logo-link:active {color: #ffffff;  font-weight: bold;}


.logo { /* Site logo */
   text-align: left;
   margin: 0px;
   padding-top: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   width: 100%;
   height: 65px;
   background-color: #fff3ed; /* Logo */
/*   border-color: #000000; */
   }

.logo-image { /* Site logo image (nested inside logo) */
   position: relative;
   margin: 0px;
   width: 50%;
   background-color: transparent; /* Logo */
   font: 10px arial, verdana, helvetica, sans-serif;
   }

.logo-search { /* Site search field (nested inside logo) */
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 65px;
  background-color: transparent; /* Logo */
  font: 10px arial, verdana, helvetica, sans-serif;
  text-align: right;
  padding-right: 15px;
  padding-top: 25px;
  }

.header-menu{ /* Menu below the logo */
  width:        100%;
  height:	16px;
  background-color: #ff9d96;/**/
  text-indent:      3px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  }

div.header-menu{

  }
a.header-menu_l:link{ 
  color: #ffffff
  } /*909090*/
 
a.header-menu_l:visited{ 
  color: #ffffff;
  } /*909090*/
  
a.header-menu_l:hover{ color: #ccaaaa }
a.header-menu_l:active	{ color: #ff0000 }

/** Image on hover **/
.thumb {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:3px;
}
.thumb img { 
	border:1px solid #000;
	vertical-align:bottom;
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:1;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
}
.thumb:hover span { 
	visibility:visible;
	top:37px; left:37px; 
}



/* Columns *******************************************/

.left-menus-navigation { /* Left menu */
  background: transparent; /* Blocks' background */
  padding-top: 10px;
  color: #000;
  float: left;
  width: 18%;
  border: none;
  font: 12px verdana, arial, helvetica, sans-serif;
  color: #000;
  }

.right-menus-navigation { /* Right menus */
  background: transparent; /* Blocks' background */
  padding-top: 10px;
  padding-left: 2%;
  color: #000;
  float: right;
  width: 18%;
  border: none;
  font: 12px verdana, arial, helvetica, sans-serif;
  color: #000;
  }

.main-content { /* Body, for contents */
  background: transparent;
  color: #000;
  float: left;
  width: 59%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 2%;
/*   border-left: 1px solid #000;
   border-right: 1px solid #000;*/
  text-indent: 5px;
/*  border-bottom: 1px solid #000; */
  font: 14px arial, verdana, helvetica, sans-serif;
  color: #000;
}





div.left-menus-navigation + div.main-content + div.right-menus-navigation {
/*   border-top: 1px solid #000;
   border-right: 1px solid #000;
*/}




.navigation-header div, .navigation-menu {
  background: transparent; /* Blocks' background */
  border: 1px solid #c0c0c0;
  padding: 0px;
  padding-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom    : 10px;
/*   border-color: #000000; /* #e0e0e0; */
   font: 12px arial, verdana, helvetica, sans-serif;
  }


.navigation-header, h2.navhead {
  background:  #ff9d96; /*#2F9760; /* Blocks' headers (0.18, 0.59, 0.38) */
  color: #000000;
  border: none;
  width: 100%;
  font-weight: bold;
  font-size: medium;
  text-indent: 0.5em;
  margin-top: 0;
  padding: 0.1em 0;
  }


.navigation-header h2, .navigation-header div, .navigation-header p, .navigation-header ul {
   background: transparent; /*#eec;*/
   color: #000;
  }

.navigation-header div, .navigation-header p, .navigation-header ul {
   margin-top: 0.2em;
}

.navigation-menu ul li {
   margin-left: -10px;
   margin-top: 6px;
   background: transparent; /*#D7F9B9;/*#eec;*/
   color: #885;
}



.userMenu div, .userMenu {
  background: transparent; /* Blocks' background */
  border: 1px solid #c0c0c0;
  padding: 10px;
  margin-bottom: 10px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 11px arial, verdana, helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000000;
  }
.hproduct div {
  background: transparent; /* Blocks' background */
/*  border: 2px solid #48AA43;
  padding: 10px;
  margin-bottom: 0px;*/
/*   border-color: #000000; /* #e0e0e0; */
/*   font: 11px arial, verdana, helvetica, sans-serif; */
/*  font-weight: bold;
  text-align: center;
  color: #000000;*/
  }
.product-abstract div, .product-abstract {
  background: transparent; /* Blocks' background */
  border: 1px solid #c0c0c0;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 11px arial, verdana, helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #000000;
  }

div.clearer {
  clear: left; 
  line-height: 0; 
  height: 0; 
  border: none;
  }




/* Show category before articles/products, etc */
.category div, .category {
  background: transparent; /* Blocks' background */
  border: 1px solid #c0c0c0;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 11px arial, verdana, helvetica, sans-serif;
  color: #000000;
  }

/* General box */
.box div, .box {
  background: transparent; /* Blocks' background */
  border: 1px solid #c0c0c0;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 13px arial, verdana, helvetica, sans-serif;
  color: #000000;
  }

/* General box */
.box2 {
  background: transparent; /* Blocks' background */
  border: 1px solid #c0c0c0;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 13px arial, verdana, helvetica, sans-serif;
  color: #000000;
  }

/* Notice box */
.noticebox div, .noticebox {
  background: transparent; /* Blocks' background */
  border: 1px solid #ffc0c0;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 13px arial, verdana, helvetica, sans-serif;
  color: #FF0000;
  }


/* Show comment */
.comment div, .comment {
  background: transparent; /* Blocks' background */
  border: 1px solid #c0c0c0;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
  font: 11px arial, verdana, helvetica, sans-serif;
  color: #000000;
  }



/* Search field, etc */
.search div, .search {
  background: transparent; /* Blocks' background */
  border: 1px solid #c0c0c0;
  padding: 10px;
  margin-bottom: 0px;
/*   border-color: #000000; /* #e0e0e0; */
/*  font: 11px arial, verdana, helvetica, sans-serif;*/
  color: #000000;
  }



ul li {
   margin-left: 0px;
   margin-top: 10px;
}

ol li {
   margin-left: 0px;
   margin-top: 10px;
}



/* General headings **/

h1 {
  color: #5db602;
  background: #e0e0e0;
  border: none;
  font-weight: bold;
  font-size: 134%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0.1em;
  }

h2 {
  color: #5db602;
/*  background: #e0e0e0;*/
  border: none;
  font-weight: bold;
  font-size: 134%;
/*  font-style: italic;*/
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0.1em;
}

h3 {
  color: #5db602;
/*  background: #e0e0e0;*/
  border: none;
  font-weight: bold;
  font-size: 117%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0.1em;
}

h4 {
  color: #5db602;
/*  background: #e0e0e0;*/
  border: none;
  font-style: italic;
  font-size: 109%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0.1em;
  }


h5 {
  color: #5db602;
/*  background: #e0e0e0;*/
  border: none;
  font-weight: bold;
  font-size: 105%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0.1em;
  }







/*.navigation-header {
  padding-bottom: 0.5em;
/*  border-bottom: 1px solid #000;
/*  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  
  border: inherit;
  }



.menuHead div, .menuHead p, .menuHead ul {
   margin-top: 0.2em;
}



.navigation-header p, .navigation-header div {
  text-indent: 0.3em;
  }

.navigation-header form {
   margin-top: 0;
   padding-left: 0.2em;
}

*/










.footer-menu{ /* Footer */
  clear: both;
  padding-top: 10px;
  width:            100%;
  background-color: #fff3ed; /*#EFF7E0;/**/
  text-align: center;
  font: 12px arial, verdana, helvetica, sans-serif;
  color: #000;
  border-top: 2px solid #000;
  }






/* Settings for forms *****************************************/

.button { /* Pushbutton */
  color:		#000000;
  background-color:	#F0F0F0;
  font-weight:		bold;
  font-size:		12px;
  text-align:		center;
  padding-left:		5px;
  padding-right:	5px;
  padding-top:		1px;
  padding-bottom:	3px;
  text-decoration:	none;
  margin-left:		3px;
  margin-top:		0px;
  margin-bottom:	0px;
  border:		1px solid #aaaaaa;
  border-radius:	5px;
  white-space:		nowrap;
}

.inputbox { /* Text box */
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}



.floatLeftRect div, .floatLeftRect{
  width: 115px;
  height: 140px;
  background-color: #fff;
  border: 1px solid;
  float: left;
  }


  
  
  
  
  
  
  

/*** CSS for image slider ***/
#image-slider {
  margin: 2px auto;
  width: 200px;
/*  height: 300px;*/
  float: left;
  text-align: center;  
}

#image-navigation {
  margin: 2px;
  text-align: center;
  z-index: 10;
}

#image-navigation a {
  text-decoration: none;
/*   background: #333333; */
/*   padding: 0px 0px; */
/*   color: #ffffff; */
  display: inline-block;
}

#image-navigation a:hover {
/*   background: #000000; */
  color: #ffffff;
}

#slides {
  height: 300px;
  overflow: hidden;
  position: relative;
}

#slides img {
  position: absolute;
  top: 0;
  left: -500px;
}

#slides img {
  z-index: 1;
  opacity: 0;
  /* animation */
  transition: all linear 400ms;
  -o-transition: all linear 400ms;
  -moz-transition: all linear 400ms;
  -webkit-transition: all linear 400ms;
}

#slides div {
  display: none;
  position: fixed;
}

#slides div:target + img {
  left: 0;
  z-index: 5;
  opacity: 1;
}

#slides img.default {
  left: 0;
  z-index: 5;
  opacity: 1;
}

#slides div:target ~ img.default {
  z-index: 1;
  opacity: 0;
  left: -500px;
}



/******* Ratings system 2 pure CSS ahd HTML ***/
.starRating:not(old){
  display        : inline-block;
  width          : 7.5em;
  height         : 1.5em;
  overflow       : hidden;
  vertical-align : bottom;
}


.starRating:not(old) > input{
  margin-right : -100%;
  opacity      : 0;
}

/** off state stars */
.starRating:not(old) > label{
  display         : block;
  float           : right;
  position        : relative;
  background      : url('images/star_empty.png');
  background-size : contain;
}

.starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 1.5em;
  height          : 1.5em;
  background      : url('images/star_full.png');
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
  opacity : 1;
}
/**********/

/** for robots**/
.extra_field { display: none; }