@charset "utf-8";
@import "reset.css";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #41b9eb url("../img/bg.jpg") repeat-x 0 0;
	font : 100% Arial, sans-serif;
color: #626060;
font-size: 12px;
}
body.mceContentBody {
background-color: #fff;
text-align:left;
padding: 25px;
}
.cleaner {
	clear:both;
}
p{
color: #626060;
font-size: 12px;
line-height: 18px;
padding-top: 15px;
padding-bottom: 15px;
}
a{
color:#11a7e6;
font-size: 14px;
}
h1{
color: #11a7e6;
font-size:24px;
font-weight: normal;
}
h2{
color: #11a7e6;
font-size:20px;
font-weight: normal;
}
h3{
color: #11a7e6;
font-size:16px;
}
img {

}

#obal {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header {
	width: 950px;
height: 210px;
}
#header .auto{
position:relative;
top: 37px;
left: 38px;
width: 392px;
height: 133px;
	background: url(../img/auto.jpg) no-repeat left top;
}
#header .logo{
position:absolute;
top: 40px;
margin-left: 810px;
width: 152px;
height: 129px;
	background: url(../img/lezici.png) no-repeat left top;
}
#header .napis a{
position:absolute;
top: 58px;
color:#FFF;
margin-left: 450px;
text-decoration: none;
font-size: 48px;}
#header .napis a strong{
color:#626060;
}

#header .horni-menu{
position:relative;
top: 35px;
width: 950px;
height: 40px;
	background: url(../img/horni-menubg.jpg) no-repeat left top;
}
#header .horni-menu li{
line-height:40px;
float: left;
}
#header .horni-menu li.oddelovac{
width: 2px;
line-height:40px;
float: left;
background:url(../img/oddelovac.jpg) no-repeat center center;
}
#header .horni-menu ul{
margin-left: 25px;
}
#header .horni-menu li a{
display: block;
padding-left: 15px;
padding-right: 15px;
color: #626060;
text-decoration:none;
}
#header .horni-menu li:hover a{
background:url(../img/menua.jpg) repeat-x center bottom;
color:#FFF;
}
#header .horni-menu li.aktivni a{
background:url(../img/menua.jpg) repeat-x center bottom;
color:#FFF;
}
#body {
	margin-top: -2px;
	width: 948px;
	overflow:hidden;
	text-align: left;
	border-left:#CCC solid 1px;
border-right:#CCC solid 1px;
border-bottom:#CCC solid 1px;
background: #fff url(../img/menurightbg.jpg) repeat-y top right;

}
#body .levy{
	width: 200px;
	background-color: #eeeeee;
float:left;
border-right:#CCC solid 1px;
}
#body .levy img{
	margin-right: 5px;
top: 5px;
}
#body li.prvni{
line-height: 40px;
border-bottom: #FFF solid 1px;
}
#body li.prvni span{
margin-left: 25px;
background:url(../img/sipka.gif) no-repeat left center;
padding-left: 15px;
}
#body li.prvni-aktivni span{
margin-left: 25px;
background:url(../img/sipka2.gif) no-repeat left center;
padding-left: 15px;
}
#body li.prvni a{
font-size:12px;
display: block;
text-decoration: none;
color:#626060;
}
#body li.prvni-aktivni a, #body li.prvni:hover a{
font-size:12px;
display: block;
text-decoration: none;
color:#fff;
}
#body li.prvni-aktivni, #body li.prvni:hover{
line-height: 40px;
border-bottom: #626060 solid 1px;
background-color:#626060;
text-decoration: none;
color:#FFF;
}




#body li.druhy{
line-height: 25px;
}
#body li.druhy span{
margin-left: 55px;
}
#body li.druhy-aktivni span{
margin-left: 55px;
}
#body li.druhy a{
font-size:11px;
display: block;
text-decoration: none;
color:#626060;
}
#body li.druhy-aktivni a, #body li.druhy:hover a{
font-size:11px;
display: block;
text-decoration: none;
color:#11a7e6;
}
#body li.druhy-aktivni, #body li.druhy:hover{
line-height: 25px;
text-decoration: none;
color:#11a7e6;
}


#body li.treti{
line-height: 25px;
}
#body li.treti span{
margin-left: 65px;
}
#body li.treti-aktivni span{
margin-left: 65px;
}
#body li.treti a{
font-size:11px;
display: block;
text-decoration: none;
color:#626060;
}
#body li.treti-aktivni a, #body li.treti:hover a{
font-size:11px;
display: block;
text-decoration: none;
color:#11a7e6;
}
#body li.treti-aktivni, #body li.treti:hover{
line-height: 25px;
text-decoration: none;
color:#11a7e6;
}



#body li.ctvrty{
line-height: 25px;
}
#body li.ctvrty span{
margin-left: 75px;
}
#body li.ctvrty-aktivni span{
margin-left: 75px;
}
#body li.ctvrty a{
font-size:11px;
display: block;
text-decoration: none;
color:#626060;
}
#body li.ctvrty-aktivni a, #body li.ctvrty:hover a{
font-size:11px;
display: block;
text-decoration: none;
color:#11a7e6;
}
#body li.ctvrty-aktivni, #body li.ctvrty:hover{
line-height: 25px;
text-decoration: none;
color:#11a7e6;
}



#body .obsah{
	width: 543px;
	background-color: #fff;
float:left;
	
border-right:#CCC solid 1px;
padding: 15px;
}
#body .pravy{
	width: 170px;
	height: 100%;
	background-color: #eeeeee;
float:left;
}
#body .pravy .kosik{
	width: 170px;
height: 137px;
	background: url(../img/kosik.jpg) no-repeat top left;
	padding-top: 30px;
}
#body .pravy .kosik p{

padding: 0px;
margin-left:15px;}

#body .pravy .kosik span{
color: #41b9eb;
}
#body .pravy .kosik a{
position: relative;
top: 15px;
font-size: 12px;
}
#footer {
	width: 950px;
margin-bottom: 25px;
}
#footer p{
padding: 0px;
padding-left: 20px;
background-color:#FFF;
border:#eeeeee solid 1px;
font-size:10px;
}
#footer a{
font-size:12px;
}

#body .produkty .produkt{
height: 160px;
padding: 5px;
border-bottom:#eeeeee solid 1px;
margin-bottom: 25px;
}


#body .produkty .produkt .obrazek{
float: left;
width: 200px;
height: 150px;
border: #41b9eb solid 1px;
overflow: hidden;
text-align:center;
line-height: 150px;
}
#body .produkty .produkt .obrazek img{
border: none;
display: inline;
}
#body .produkty .produkt .popis{
padding-left: 5px;
float: left;
width: 325px;
height: 150px;
}
#body .produkty .produkt .popis-text{
height: 130px;
overflow:hidden;
}

#body .produkty .produkt .nabidka{
height: 30px;
overflow:hidden;
text-align: right;
}
#body .produkty .produkt .nabidka form{
display: inline;

}
#body .produkty .produkt .nabidka .image{
border: none;
margin-left: 0px;
vertical-align:middle;
display:inline;

}
#body .produkty .produkt .nabidka p{
margin:0px;
padding: 0px;
}
#body .produkty .produkt .cena{
color: #41b9eb;
font-size: 14px;
}
#body .produkty .produkt .popis h2 {
line-height: 10px;
}
#body .produkty .produkt .popis h2 a{
text-decoration:none;
font-weight: bold;
}



#body .produkty2 .produkt{
padding: 5px;
margin-bottom: 25px;
}


#body .produkty2 .produkt .obrazek{
float: left;
width: 200px;
height: 150px;
border: #41b9eb solid 1px;
overflow: hidden;
text-align:center;
line-height: 150px;
}
#body .produkty2 .produkt .obrazek img{
border: none;
display: inline;
}
#body .produkty2 .produkt .popis{
padding-left: 5px;
float: left;
width: 325px;
height: 150px;
}
#body .produkty2 .produkt .popis-text{
height: 130px;
overflow:hidden;
}

#body .produkty2 .produkt .nabidka{
height: 30px;
overflow:hidden;
text-align: right;
}
#body .produkty2 .produkt .nabidka form{
display: inline;

}
#body .produkty2 .produkt .nabidka .image{
border: none;
vertical-align:middle;
display:inline;

}
#body .produkty2 .produkt .nabidka p{
margin:0px;
padding: 0px;
}
#body .produkty2 .produkt .cena{
color: #41b9eb;
font-size: 14px;
}
#body .produkty2 .produkt .popis h2 {
line-height: 10px;
}
#body .produkty2 .produkt .popis h2 a{
text-decoration:none;
font-weight: bold;
}

td {
vertical-align:top;
padding: 5px;
}
table p {
padding: 0px;}
.tkosik {
font-size: 12px;
  width: 99%;
  margin: 20px 0px 5px 0px;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
.tkosik th {
  background:  #11a7e6;
  color: white;
  border-top: 1px solid whitesmoke;
  padding: 5px;
}
.tkosik td {
  
  padding: 5px;
}
.tkosik .border
{
border-top: 1px solid gray;
}
.tkosik td.spodni {
  background: gainsboro;
}