/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	background: #FFFFFF;
	font: normal small "Comic Sans MS", Arial, Helvetica, sans-serif;
	color: #666666;
    font-size: 12px;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
}

h4, h5, h6 {
}

p, ul, ol, blockquote {
	margin-top: 0;
}

a {
	color: #344E44;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

/* Header */

#header {
	width: 700px;
	height: 150px;
	margin: 0 auto 20px auto;
	background: url(images/img1.gif);
}



#header a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Pages */

#pages {
	clear: both;
    position: relative;
    top: -25px;
    left: 200px;
    border: #FF3300 solid 0px;
    width: 500px;
    text-align: right;
}

#pages h2 {
	display: none;
}

#pages ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.4em;
}

#pages li {
	display: inline;
	padding-right: 20px;
}

#pages a:hover {
	text-decoration: underline;
}

/* Content */

#content {
	width: 700px;
	margin: 0 auto;
}

/* Column One */

#colOne {
	float: right;
	width: 480px;
}

#colOne .title {
	font-size: 2em;
}

#colOne .posted {
	margin-bottom: 1em;
}

#colOne .meta {
	background: url(images/img3.gif) repeat-x left bottom;
	margin-bottom: 3em;
	padding-bottom: 3em;
	text-align: right;
	font-style: italic;
	font-size: .8em;
}

/* Column Two */

#colTwo {
	float: left;
	width: 200px;
}

#colTwo form {
	margin: 0;
	padding: 0;
}

#colTwo #textfield1 {
	width: 10em;
	padding: .25em;
	background: #344E44 url(images/img1.gif) no-repeat center center;
	border: none;
	font: bold small "Comic Sans MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#colTwo #submit1 {
	width: 3em;
	background: #344E44 url(images/img1.gif) no-repeat center center;
	border: none;
	font: bold small "Comic Sans MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#colTwo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#colTwo li {
	margin-bottom: 1em;
}

#colTwo li ul {
}

#colTwo li li {
	margin: 0;
	padding-left: 2em;
}

#colTwo li h2 {
	width: 200px;
	height: 30px;
	margin-bottom: 1em;
	background: #344E44 url(images/img2.gif);
	text-align: center;
	font-size: 1.4em;
	color: #FFFFFF;
}

/* Footer */

#footer {
	width: 700px;
	height: 40px;
	margin: 0 auto;
	padding-top: 20px;
	background: url(images/img4.gif);
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

.logo{
}
.logo #text1{
   position: relative;
   top: 15px;
   left: 25px;
   font-size: 65px;
}
.logo #text2{
   color: #F0F8FF;
   position: relative;
   top: -35px;
   left: 255px;
}
.logo #sublogo{
   color: #FFFF66;
   position: relative;
   top: 5px;
   left: 125px;
}
.info{
	clear: both;
    position: absolute;
    top: 20px;
    left: 395px;
    border: #FF3300 solid 0px;
    width: 430px;
    text-align: right;
}
.info marquee{
}

.story .comment{
   font-size: 10px;
   color: #666666;
}
.story .formular, .post{
  padding: 18px;
  background-color: #EEEEEE;
  border: solid 1px #888888;
}
.formular h2{
   font-size: 16px;
   padding-bottom: 4px;
   color: #006C49;
}
.linka {
	border-bottom:1px solid #999999;
	margin-bottom:17px;
}

/****** ERROR *****/
.panelinfo{
    position: absolute;
    top: 150px;
    width: 550px;
    padding: 21px;
    background-color: #EEEEEE;
    border: solid 1px #888888;
    cursor: pointer;
}

.error_big {
	font-size:1px;
	padding:0;
	margin: 0px;
    background-color: #FAE8E9;
    border: 1px solid #CB2228;
}
.error {
	padding: 10px 15px 10px 15px;
	margin:0;
	font-size:12px;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#cb2228;
	line-height: 16px;
}
.formular tr.missing input{
	background-color: #FAE8E9;
	border: 1px solid #CB2228;
	padding: 1px 1px 3px 1px;
	padding-right: 3px;
}
.formular tr.enabled td input{
	background-color: white;
	border: 1px solid #7F9DB9;
	padding: 1px 1px 3px 1px;
	padding-right: 3px;
}
.formular tr.disabled td strong {
	color: silver;
}

.formular tr.disabled td input {
	background-color: #f3f3f3;
	border: 1px solid #dedede;
	padding: 1px 1px 3px 1px;
	padding-right: 3px;
}

.user_form_panel td{
    font-size: 13px;
}

.products{

}
.products .cel{
   border: 1px solid #999999;
   padding: 3px;
   vertical-align: bottom;
}
.cel_panel{
   text-align: center;
}
.cel_panel img{
     max-height: 150px;
}

.cel_label{
   position: relative;
   bottom: 0px;
   text-align: left;
   width: 100%;
   height: 26px;
   /*background-color: #BAC7C0;*/
   padding-left: 5px;
}
.about{
   background-image: url(images/background1.jpg);
   height: 620px;
   background-repeat: no-repeat;
   background-position: bottom;
}



.produkt .imagedetail{
    text-align: center;
    width: 100%;
}

.produkt .imagedetail img{
    margin-top: 20px;
    margin-bottom: 20px;
}

.produkt .PageControl{
}
.produkt .TabSheet a, .produkt .TabSheetActive, .produkt .TabSheet, .produkt .TabSheetHover a{
    text-decoration: none;
    color: #696969;
    font-size: 12px;
}
.produkt .TabSheet a{
    display: block;
}
.produkt .TabSheet a:hover, .produkt .TabSheetHover a:hover{
    text-decoration: none;
    color: #C10000;
    font-size: 12px;
}

.produkt .TabSheet{
    border-left: solid 1px #D3D3D3;
    border-top: solid 1px #D3D3D3;
    border-bottom: solid 1px #D3D3D3;
    background-color: #DCDCDC;
    width: auto;
    height: 22px;
}
.produkt .TabSheet a{
    text-decoration: none;
    display: block;
}
.produkt .TabSheetHover{
    border-left: solid 1px #D3D3D3;
    border-top: solid 1px #D3D3D3;
    border-bottom: solid 1px #D3D3D3;
    background-color: #F5F5F5;
    cursor: pointer;
    width: auto;
    height: 22px;
}
.produkt .TabSheetActive{
    border-left: solid 1px #D3D3D3;
    border-top: solid 1px #D3D3D3;
    width: auto;
    height: 22px;
    padding-left: 5px;
    padding-right: 15px;
}
.produkt .TabSheetSpan{
    border-left: solid 1px #D3D3D3;
    border-bottom: solid 1px #D3D3D3;
    width: 98%;
    height: 22px;
}
.produkt .TabSheetBody .caption{
    color: #696969;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 5px;
}
.produkt .popis{
    padding-left: 25px;
}
.produkt .popis .text{
    color: #696969;
    font-size: 14px;
}
.produkt .popis .kod{
    color: #006600;
    font-size: 14px;
    font-weight: bold;
}
.produkt .popis .cena_sdph{
    padding-left: 3px;
    text-align: left;
    color: #003366;
    font-size: 18px;

}
.produkt .popis .cena_bdph{
    padding-left: 3px;
    text-align: left;
    color: #3333CC;
    font-size: 14px;
}
.produkt .popis .caption_cena{
    color: #999999;
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 5px;
}
.produkt .popis .caption{
    color: #999999;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 5px;
}
.produkt .nazov{
    color: #696969;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
    padding-left: 5px;
}
.produkt .TabSheetBody .popis{
    color: #696969;
    font-size: 12px;
    margin-bottom: 15px;
}
.produkt .TabSheetBody{
    border-left: solid 1px #D3D3D3;
    border-right: solid 1px #D3D3D3;
    border-bottom: solid 1px #D3D3D3;
}