body {
background: url(../img/web-bg.gif) #d7d7d7 repeat-x;
font-family:arial, tahoma, verdana, sans-serif;
font-weight:normal;
font-size:80%;
color:#000000;
text-align:center;
line-height:1.5em;
}
html, body { 
height: 100%; 
margin: 0;
padding: 0;
}
form {
padding:0px;
margin:0px;
}
div {
padding:0px;
margin:0px;
}
ol, ul {
margin-top:5px;
text-align:left;
}
table, input, select, textarea {
font-size:100%;
font-family:arial, tahoma, verdana, sans-serif;
}
.left{
float:left;
}
.right{
float:right;
}
.clear{
clear:both;
}
.justify{
text-align:justify;
}
hr{
height:0px;
color:#cccccc;
border:0px;
border-top:1px solid #cccccc;
}
a img {
border-color:#cccccc;
}
.text{
font-size:100%;
}
a:link, a:visited, a:hover {
font-size: 100%;
font-weight:normal;
color: #ff5a00;
text-decoration:underline;
outline:none;
}
a:hover {
text-decoration: none;
}
h1 {
color:#979797;
font-size:200%;
font-weight:normal;
padding:0px;
margin:0px 0px 0px 0px;
line-height:1.0em;
}
h1 a:link, h1 a:visited, h1 a:hover {
color:#fe0000;
text-decoration:none;
}
h1 a:hover{
color:#000000;
}
h2 {
color:#979797;
font-size:170%;
font-weight:normal;
padding:0px;
margin:0px 0px 10px 0px;
}
h2 a:link, h2 a:visited, h2 a:hover {
color:#fe0000;
text-decoration:none;
}
h2 a:hover{
color:#000000;
}
h3, h4, h5{
color:#979797;
font-size:150%;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:0px;
}
h4{
font-size:130%;
}
h5{
font-size:120%;
}
/* clanek */
.articleText {
width:430px;
text-align:justify;
margin-bottom:10px;
}
.articleText h2, .articleText h3, .articleText h4, .articleText h5, .articleText h6 {
text-align:left;
}
.articleText ul {
margin:0px 0px 0px 20px;
padding:0px;
}
.articleText ul li{
background: url(../img/startBox-ul.gif) no-repeat 0px 9px;
list-style-type:none;
padding:1px 0px 1px 10px;
}
.articleText p {
margin:0px;
padding:5px 0px;
}
.articleText p p {
padding:10px 0px;
}

.articleText h2{
margin-top:25px;
line-height:1.0em;
}
table.tabulka {
background-color:#FFFFFF;
}
table.tabulka td {
background-color:#F8F8F8;
}
table.tabulka td.tmavy {
background-color:#FFF7DE;
}
/******************************************************************
	SAMOTNA STRANKA
*/
#page{
margin:0px auto 0px;
text-align:left;
width: 944px;
background:url(../img/page-bg-cont.gif) repeat-y white;
}
#page_cont{
background:url(../img/page-bg.gif) no-repeat;
}
#in_page{
padding:0px 12px 0px 13px;
}
#in_page_next{
padding:0px 12px 20px 13px;
background: url(../img/leftCol_bg.gif) 13px 13px  repeat-y;
_height:300px;
}
/******************************************************************
	ZAHLAVI WEBU
*/
#header{
height:81px;
width:919px;
background:white;
}
#header img{
margin:10px 0px 0px 26px;
}
#header #search{
float:right;
margin:30px 0px 0px 0px;
width:280px;
}
#header #search img{
float:left;
margin:0px;
}
#header #search button{
border:0px;
cursor:pointer;
background: url(../img/button-search.gif) 0px 0px no-repeat #CF3710;
width:75px;
height:22px;
color:white;
float:right;
}
#header #search input{
border:1px solid #d2d2d2;
height:22px;
width:160px;
margin:1px 5px 0px 0px;
float:right;
}
/******************************************************************
	TELO WEBU
*/
#leftCol{
width:699px;
float:left;
}
#leftCol #menu{
width:699px;
height:54px;
background: url(../img/menu_bg.gif) no-repeat #cf3710;
}
#leftCol #menu ul{
margin:0px 0px 0px 0px;
padding:22px 0px 0px 10px;
}
#leftCol #menu ul li{
float:left;
list-style-type:none;
padding:0px 10px 0px 11px;
background: url(../img/menu-line.gif) no-repeat;
}
#leftCol #menu ul li.first{
background: none;
}
#leftCol #menu ul li a:link, #leftCol #menu ul li a:visited, #leftCol #menu ul li a:hover {
color:white;
font-size:110%;
text-decoration:none;
}
#leftCol #menu ul li a:hover {
text-decoration:underline;
}
#leftCol #menu ul li a.act:link, #leftCol #menu ul li a.act:visited, #leftCol #menu ul li a.act:hover {
text-decoration:underline;
}
#leftCol #content{
padding:20px 10px;
}
#leftcol #content .startBox{
width:215px;
height:337px;
float:left;
margin:5px 15px 0px 0px;
}
#leftcol #content .startBox h3{
color:#ff9600;
font-weight:normal;
line-height:1.3em;
margin:0px;
padding:0px;
font-size:160%;
}
#leftcol #content .startBox ul{
margin:5px 0px 0px 0px;
padding:0px;
}
#leftcol #content .startBox ul li{
list-style-type:none;
background: url(../img/startBox-ul.gif) 0px 9px no-repeat;
padding:3px 0px 3px 10px;
}
#leftcol #content .startBox ul li a:link, #leftcol #content .startBox ul li a:visited, #leftcol #content .startBox ul li a:hover{
text-decoration:underline;
color:#ff5a00;
}
#leftcol #content .startBox ul li a:hover{
text-decoration:none;
}
#leftCol #content .infoBox{
width:215px;
height:120px;
background: url(../img/infoBox_bg.gif) no-repeat;
float:left;
margin:0px 15px 15px 0px
}
#leftCol #content .last{
margin:0px 0px 15px 0px
}
#leftCol #content .infoBox .in_infoBox{
padding:20px 5px 20px 15px;
}
#leftCol #content .infoBox .in_infoBox div{
width:195px;
height:40px;
overflow:hidden;
}
#leftCol #content .infoBox .in_infoBox p{
margin:0px;
padding:0px;
}

#leftCol #content .infoBox .in_infoBox a.moreProduct:link,
#leftCol #content .infoBox .in_infoBox a.moreProduct:visited,
#leftCol #content .infoBox .in_infoBox a.moreProduct:hover{
text-align:right;
text-decoration:none;
border-bottom:1px solid #FF5A00;
display:block;
}
#leftCol #content .infoBox .in_infoBox a.moreProduct:hover{
color:black;
}
#leftcol #content .startBox1{
background:url(../img/startBox1_bg.gif) no-repeat;
}
#leftcol #content .startBox2{
background:url(../img/startBox2_bg.gif) no-repeat;
}
#leftcol #content .startBox3{
background:url(../img/startBox3_bg.gif) no-repeat;
margin-right:0px;
}
#leftcol #content .startBox .in_startBox{
padding:5px 15px 5px 30px;
}
#rightCol{
float:right;
width:210px;
}
#rightCol .box{
width:210px;
margin:0px 0px 18px 0px;
}
#rightCol .box h3{
font-weight:normal;
color:#ff9d10;
}
#rightCol .box p{
padding:0px;
margin:5px 0px 0px 50px;
}
#rightCol .box .in_box{
padding:18px 14px;
}
#rightCol .box_top{
height:107px;
background: url(../img/box_top.gif) no-repeat;
}
#rightCol .box_middle{
height:95px;
background: url(../img/box_middle.gif) no-repeat;
}
#rightCol .box_bottom{
height:96px;
background: url(../img/box_bottom.gif) no-repeat;
}
#rightCol .box_info{
height:110px;
background: url(../img/box_info.gif) no-repeat #CF3710;
}
#rightCol .box_info .in_box{
padding:16px 14px;
}
#rightCol .box_top .in_box{
padding:16px 14px 10px;
}
#rightCol .box_info p{
margin:0px 0px 0px 45px;
font-size:120%;
line-height:1.5em;
}
#rightCol .box_info p a{
color:white;
}
#rightCol .box_contact{
height:315px;
background: url(../img/box_contact.gif) no-repeat;
}
#rightCol .box_contact p{
margin:5px 0px 0px 45px;
font-size:95%;
}
#rightCol .box_contact hr{
margin:13px 0px;
}
#rightContent{
float:right;
width:460px;
padding:30px 0px 0px 0px;
}
#rightContent h1{
font-size:220%;
margin:0px 0px 25px 0px;
}
#leftMenu{
float:left;
width:210px;
margin:0px;
background: url(../img/leftcol_menu_bg.gif) repeat-y;
}
#leftMenu #in_leftMenuTop{
background:url(../img/leftCol_menu_top_bg.gif) no-repeat;
min-height:45px;
_height:45px;
width:210px;
margin:0px 0px 5px 0px;
}
#leftMenu #in_leftMenu{
padding:0px 20px 0px 20px;
min-height:310px;
_height:310px;
}
#leftMenu .zabezpeceni{
background: url(../img/leftCol_menu_bg_zabezpeceni.gif) bottom right no-repeat;
}
#leftMenu .servis{
background: url(../img/leftCol_menu_bg_servis.gif) bottom right no-repeat;
}
#leftMenu .komfort{
background: url(../img/leftCol_menu_bg_komfort.gif) bottom right no-repeat;
}

#leftMenu #in_leftMenuTop h3{
color: #ff9600;
padding:20px 0px 0px 20px;

font-size:160%;
}
#leftMenu #in_leftMenu ul{
margin:0px;
padding:0px;
}
#leftMenu #in_leftMenu ul li{
list-style-type:none;
background: url(../img/leftCol_menu_li.gif) 0px 9px no-repeat;
padding:3px 0px 3px 18px;
}
#leftMenu #in_leftMenu ul li.act{
background: url(../img/leftCol_menu_li_act.gif) 0px 9px no-repeat;
}
#leftMenu #in_leftMenu ul li ul{
margin:5px 0px 0px 0px;
}
#leftMenu #in_leftMenu ul li ul li{
background: none;
padding:3px 0px 3px 10px;
}
#leftMenu #in_leftMenu ul li a:link, #leftMenu #in_leftMenu ul li a:visited, #leftMenu #in_leftMenu ul li a:hover{
text-decoration:none;
color:#ff9600;
}
#leftMenu #in_leftMenu ul li a:hover{
color:#ff5a00;
}
#leftMenu #in_leftMenu ul li.act a:link, #leftMenu #in_leftMenu ul li.act a:visited, #leftMenu #in_leftMenu ul li.act a:hover{
text-decoration:none;
color:#ff5a00;
}

#leftMenu #in_leftMenu ul li ul li a:link, 
#leftMenu #in_leftMenu ul li ul li a:visited, 
#leftMenu #in_leftMenu ul li ul li a:hover,
#leftMenu #in_leftMenu ul li.act ul li a:link, 
#leftMenu #in_leftMenu ul li.act ul li a:visited, 
#leftMenu #in_leftMenu ul li.act ul li a:hover
{
text-decoration:underline;
color:#6e6d6d;
}
#leftMenu #in_leftMenu ul li ul li a:hover,
#leftMenu #in_leftMenu ul li.act ul li a:hover,
#leftMenu #in_leftMenu ul li.act ul li.act a:link, 
#leftMenu #in_leftMenu ul li.act ul li.act a:visited, 
#leftMenu #in_leftMenu ul li.act ul li.act a:hover
{
text-decoration:none;
color:#ff5a00;
}








/******************************************************************
	ZAPATI WEBU
*/
#footer{
margin:0px auto 0px;
background: url(../img/footer_bg.gif) 1px 0px no-repeat;
width:944px;
height:150px;
}
#footer_next{
margin:0px auto 0px;
background: url(../img/footer_next_bg.gif) 1px 0px no-repeat;
width:944px;
height:150px;
}
#footer #in_footer, #footer_next #in_footer{
padding:25px 25px;
text-align:left;
}
#footer #in_footer a:link, #footer #in_footer a:visited, #footer #in_footer a:hover, #footer_next #in_footer a:link, #footer_next #in_footer a:visited, #footer_next #in_footer a:hover{ 
font-weight:bold;
text-decoration:none;
}
#footer #in_footer a:hover, #footer_next #in_footer a:hover{ 
text-decoration:underline;
}



/******************************************************************
	COCTACT FORM
*/
.form label {
display:block;
float:left;
font-weight:normal;
margin-bottom:10px;
position:relative;
width:430px;
}
.form label input {
width:430px;
border:1px solid #D2D2D2;
height:22px;
}
.form label textarea {
width:430px;
height:100px;
border:1px solid #D2D2D2;
}
.form label input.err, .form label textarea.err{
background:#FFF3F3;
border:1px solid red;
}
.buttonForm{
background:#CF3710 url(../img/button-search.gif) no-repeat scroll 0px 0px;
border:0px none;
color:white;
cursor:pointer;
float:right;
height:22px;
width:75px;
}
.error{
border:1px solid red;
color:red;
padding:10px 15px;
text-align:left;
}
.povinne{
float:right;
margin:10px 30px 0px 0px;
}

.checkbox label {
display:block;
float:left;
font-weight:normal;
margin-bottom:5px;
position:relative;
width:205px;
text-align:left;
}
.checkbox label.last {
width:220px;
}










.form label.large {
width:300px;
}
.form label.small {
width:110px;
float:right;
}
.form label.large input {
width:300px;
}
.form label.small input {
width:110px;
}