/* CSS temp_01 */

*{margin: 0 ; padding: 0 ;}
body {
  font: 75% 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
 background: #fff /* dela to bordel (= genruje E404) , bo neexistuje (ani tady, ani na SVN) url(../img/bg_body.jpg) */ repeat-x ;
  color: #000;
  text-align: center;
}
h1, h2, h3, h4, h5, h6 {
  margin:  20px;
  padding: 0 ;
  color: #de127a;
  border-left: 3px solid #554d43 ;
  padding: 5px 0 0 10px;
}
h1{font-size: 1.8em; letter-spacing: -1px;}
h2{font-size: 2.3em; letter-spacing: -1px; text-align: right; border: none;border-bottom: 2px solid #eee; padding: 10px 0px ; }
h3{font-size: 1.5em; font-weight: normal;  }
h4{font-size: 1.2em; }
h5{font-size: 1em; padding: 0 ;border: none; margin: 20px 20px -15px 20px ;  }
h6{font-size: 0.8em; padding: 0 ;border: none; margin: 20px 20px -15px 20px ; }

p{line-height: 140%; margin: 20px; font-size: 1em; text-align: left;}
ul{margin: 20px 20px 20px 60px ; list-style: square; line-height: 140%; }
ol{margin: 20px 20px 20px 60px ; line-height: 140%; }
dl{margin: 20px 20px 20px 60px ;line-height: 140%;}
dt{font-weight: bold;}
dd{margin: 0 0 15px 30px;}

img{border: 0 }
.foto{	border: 4px solid #f1f2eb ; }

address{font-size: 1em; 	margin: 20px; font-style: normal; }
big{font-size: 1.2em;}
small{font-size: 0.8em;}

a:link {text-decoration: underline; color: #038be0;}
a:visited {text-decoration: underline; color: #444444;}
a:active {text-decoration: underline; color: #fff;}
a:hover {text-decoration: none; color: #000;}

a:hover .foto{border-color: #ff0000;}


hr {display: none;}

/*		table		*/
table{
  margin:  20px;
  border: 4px solid #f1f2eb;
  background-color: #fff;
  font-size: 1em;
  border-collapse: collapse;
  }
th,td{
  border: 1px solid #ffbf41;
	padding:6px 10px;
  font-size: 1em;
  }
th{
  background-color: #ffbf41;
  padding: 8px 10px;
  color: white;
  font-size: 1em;
  text-align: center;
  }
.note {background-color: #f1f2eb; font-size: 0.9em;}

/*		forms		*/
fieldset{
  border: none;
  margin: 20px; 
 }
legend{

	padding: 5px 0 0 0 ;
	border: none;
	text-align: left;
}
div.f_row{
  background-color: #fff;
  padding: 7px 0  ;
  border-bottom: 1px solid #f1f2eb;
	clear: both;
}
div.f_row label{
  display: block;
  float: left;
  padding: 2px 3px ;
  width: 19%;
}
div.f_row input, div.f_row  select, div.f_row  textarea{
  padding: 0 1px ;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;;
  width: 70%;
  background-color: #f1f2eb;
}
div.f_row label input {
  width: auto;
}
fieldset fieldset div.f_row{
  padding-left: 25%;
}
 fieldset fieldset div.f_row label{
  display: inline;
  width: auto;
  float: none;
}
form input.button{
  font-weight: bold;
  width: auto ;
}

/*  ID  */
#page{
  text-align: left;
  background-color: white;
  padding: 0 ;
margin-left: -13px;
  position: relative;
}

#header{
  background-color: red;
  height: 190px;
  background: #554d43 url(../img/header_repeat2.jpg) repeat-x ;
  position: relative;
}
#header h1{
  margin: 0 ;
  padding: 0 ;
  border: none;
  background: url(../img/header1.jpg) no-repeat 254px 0px;
  height: 100%;
  float: left;
  width: 788px;
  position: relative;
  z-index: 8; 
   line-height: 100px;

}
#header h1 a{
  display: block;
  text-decoration: none;
  color: white;
  width: 255px;
  line-height: 35px;
  height: 190px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
}
#header h1 a span{
  display: block;
  width: 100% ;
  height: 100% ;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  cursor: hand;
  background: url(../img/logo_placky.jpg) no-repeat ;
}
#header h2{
  margin: 0 ;
  border: none ;
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
  position: absolute;
  top: 50px;
  left: 270px;
  padding: 10px 15px 10px 10px ;
  color: #000;
  letter-spacing: 0;
}
#mainlink{
  position: absolute;
  top: 90px;
  left: 620px;
  text-decoration: none;
  font-size: 0.9em;
  color: #d7dbd4;
   display: none; /**/
  }
#mainlink:hover{

}
#lang{
  height: 190px;
  width: 210px;
  background: url(../img/header2.jpg) no-repeat;
  margin-left: -4px;
  float: left;
  margin-right: -90px;
}
.lang_arr{
display: block;
height: 40px;
width: 25px;
background: url(../img/lang_arr.gif) no-repeat center top ;}
.lang_arr.en{margin-left: 30px;}
.lang_arr.fr{margin-left: 63px;}
.lang_arr.de{margin-left: 95px;}
.lang_arr.it{margin-left: 130px;}

.flags{
  position: relative;
  top:15px; /*15px;*/
  left: 29px;
}
.flags a{
  display: block;
  float: left;
  padding-right: 7px;
}

/*  navigation */

#navigation{
  background: #554d43 url(../img/navigation.jpg) no-repeat ;
  position: absolute;
  top: 190px;
  width: 255px;
  left: 0;
  margin-bottom: 50px;

  height: 361px;
 }
#navigation ul {
  margin: 30px 0 20px 0;
  padding: 0 0 0 50px ;
  list-style: none;
}

#navigation li {
  margin: 0 ;
  padding: 0 ;
  width: 165px;
  }
#navigation a {
  display: block;
  color: #fff;
  font-weight: bold;
  line-height: 22px ;
  height: 24px;
  text-decoration: none;
  background: url(../img/nav_off.gif) no-repeat 0 0;
  text-align: center;
  margin-bottom: 6px;
}
#navigation a.eshop{
  background: url(../img/nav_eshop.gif) no-repeat 0 0;
  margin-left: 48px;
  width: 170px;
  height: 41px;
  line-height: 16px;
  color: black;
}
#navigation a.eshop span{
  padding-top: 5px;
  display: block;
}

#navigation a:hover{
  background-position: 0 -27px;
}
#navigation a.on {
  background-position: 0 -27px;
}

#navigation a.eshop:hover{
  background-position:  0 -41px;
  color: white;

}


/* content */
#content{
  margin-left: 255px;
  background: url(../img/content.jpg) no-repeat left top;
  }
#content.index{
  }

.maincontent{
  padding: 5px 0px 80px 40px ;
width: 710px;

}
p.extra{
  font-size: 1em;

}
.photobar{
  background-color: #f1f2eb;
  padding: 15px 5px ;
  margin: 1px 20px ;
}
.photobar a{
	text-align: center;
	float: left;
	width: 33%;
}
.w50{ width: 49%;}

.black{
  color: black;
}
h3.black small{
  font-size: 0.5em;
}
ul.inline { margin-left: 20px; margin-right: 50px;}
ul.inline li{ margin: 0 0 0 15px; padding: 0 0 0 13px ;
display: block;
background: url(../img/bullet.gif) no-repeat left 6px;

}

ol.vyroba-placky{ margin-left: 15px; margin-top: 10px;}
ol.vyroba-placky li{ 
  float: left;
  font-size: 0.9em;
  width: 100px;
  border-left: 1px solid #ccc ;
  padding: 7px;
  list-style: none;
  height: 40px;
}
ol.vyroba-placky li.v1{ width: 99px;}
ol.vyroba-placky li.v2{ width: 120px;}
ol.vyroba-placky li.v3{ width: 105px;}
ol.vyroba-placky li.v4{ width: 98px;}
ol.vyroba-placky li.v5{ width: 78px;}
ol.vyroba-placky li.v6{ width: 78px;}



/* sidebar */
#sidebar{  }
#sidebar .maincontent{}

/**/
.news-item{
	font-size: 0.9em ;
	margin: 20px 0 25px 0 ;
}
.news-item .date{
	border-left: 1px solid #554d43 ;
	padding-left: 0.8em;
	color: #554d43;
}
.news-item p{
	margin: 8px 0 ;
}

/**/

/* footer */
#footer{
  clear: both;
  height: 50px;
  font-size: 0.9em;
  text-align: right;
  background: #f1f2eb ;
  border-top: 1px solid #ccc;
	  }
#footer p{
  line-height: 50px;
  margin: 0 ;
  padding: 0 20px;
  text-align: right;
  }
#creactive{
  text-decoration: none;
  color: #333;
  }
#creactive:hover{}
.counters{
  position: absolute;
  visibility: hidden;
}

/*  class   */
.noscreen{display: none;}
.separ {border-bottom: 2px solid #eee  ; line-height: 1px; font-size: 1px; height: 1px; margin: 15px 20px ;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px; margin: 0 ;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify {text-align: justify;}
.fl { float: left;}
.fr { float: right;}

/*	color scheme

temp_01:
000
fff
ffbf41
554d43
f1f2eb
ff0000

*/