body{	font-family: Arial; font-size: 11px;	margin: 0;	padding: 0; text-align: center; color:black; background:#F5F5F5; }
.cistic {    clear: both;
   height: 1px;
   border: none;
   margin: -1px 0 0 0;
   visibility: hidden;}
a {text-decoration: underline; color: #9B2F4F;}
img {	border: 0;}
p {margin: 0; padding:0 0 10px 20px;}
hr {margin: 0; padding: 0;}
h4{font-size: 11px;margin: 0; padding: 10px 0 10px 0;}
h3{font-size: 12px;margin: 0; padding: 0 0 10px 0;}
h2{font-size: 14px; margin: 0; padding: 0 0 10px 0;}
.pink{color: #9B2F4F;}
.Mezera50{	height: 50px;}
.Mezera100{	height: 100px;}
.Mezera150{	height: 150px;}
.Mezera200{	height: 200px;}
/* ********************** */

#Root{width:768px;text-align: left; margin-left: auto; margin-right: auto;padding: 0px 0 0 0px; 
border-right: 10px solid silver; border-left: 10px solid silver; border-bottom: 1px solid silver;background: White;}

#TopPanel {width: 768px;background: url(../img/top_left.jpg) no-repeat left top;}
#TopPanel #HomeLinks{height: 124px; background: url(../img/top_panel.jpg) no-repeat right top; }
#TopPanel #HomeLinks a{ width:195px; height:55px;display: block; margin: 0px 0 0 550px;}
#TopPanel #HomeLinks a span{ display:none;}


#Menu{ background:url(../img/bgr_menu.jpg) repeat-x; width: 610px; height: 24px;margin: 0 0 0 158px; padding: 5px 0px 0px 0;}
#Menu ul{ list-style: none; padding: 0 0 0 60px; margin: 0; }
#Menu ul li{ float: left; padding:0 0px 0 0; margin: 0 2px 0 0;}
#Menu ul li a{display: block;height: 18px;color:black; text-decoration: none; text-align: center; 
padding: 2px 0 0 0; font-weight: bold;}
#Menu ul li a:hover{background: #9B2F4F; color:white;  }
#Menu ul li a.link1{ width: 95px;}
#Menu ul li a.link2{ width: 85px;}
#Menu ul li a.link3{ width: 50px;}
#Menu ul li a.link4{ width: 50px;}
#Menu ul li a.link5{ width: 65px;}
#Menu ul li a.link6{ width: 65px;}

#Menu ul li a:hover{ background: #9B2F4F; color:white; }
#Menu ul li a.active{ background: #9B2F4F; color:white; }


#Main {background: url(../img/content.jpg) no-repeat bottom left ;}
#Content{ padding: 30px 10px 10px 10px;}
#Content h2{padding: 0px 0px 3px 20px; background: url(../img/puntik.jpg) no-repeat ; border-bottom: 2px solid #F3F3F3; margin: 0 0 10px 0;}

.PanelLeft{	width: 43%; float: left; margin: 0 5px 0 0; padding: 0 5px 0 0; text-align: justify;}
.PanelRight{	width: 55%; float: right; text-align: justify;}


.Tarif{ width: 180px; float: left; margin: 0 10px 20px 0; border-right: 1px solid #F5F5F5;}
.Tarif ul{ margin: 0 0 5px 10px; padding: 0 0 0 15px;}
.Tarif ul li{ list-style: square;}
.Tarif h3{ height: 34px; padding: 6px 0 0 10px;background: url(../img/tarif_header.jpg) no-repeat left top;}
.Tarif h3 span{ color: #9B2F4F;}
.Tarif img{width: 180px; height: 100px; padding: 0 0 10px 0;}
.Tarif .btn_detail{display: block;width: 60px; height: 23px; margin: 0 0 0 5px;background: url(../img/btn_detail.jpg) no-repeat; float: left;}
.Tarif .btn_detail span{display: none;}
.Tarif .btn_objednat{display: block;width: 100px; height: 23px; margin: 0 0px 0 0px;background: url(../img/btn_objednat.jpg) no-repeat; float: left;}
.Tarif .btn_objednat span{display: none;}

.Tarify{ padding: 10px 0 20px 50px; }
.Tarify .Tarif{ width:190px; float: left; margin: 0 20px 30px 0; border-right: 1px solid #F5F5F5;}
.Tarify .Tarif ul{ margin: 0 0 5px 10px; padding: 0 0 0 15px;}
.Tarify .Tarif ul li{ list-style: square;}
.Tarify .Tarif h3{ height: 34px; padding: 6px 0 0 10px;background: url(../img/tarif_header.jpg) no-repeat left top;}
.Tarify .Tarif h3 span{ color: #9B2F4F;}
.Tarify .Tarif img{width: 180px; height: 100px; padding: 0 0 10px 0;}
.Tarify .Tarif .btn_detail{display: block;width: 60px; height: 23px; margin: 0 0 0 5px;background: url(../img/btn_detail.jpg) no-repeat; float: left;}
.Tarify .Tarif .btn_detail span{display: none;}
.Tarify .Tarif .btn_objednat{display: block;width: 100px; height: 23px; margin: 0 0px 0 0px;background: url(../img/btn_objednat.jpg) no-repeat; float: left;}
.Tarify .Tarif .btn_objednat span{display: none;}
.OS-Lin{  background: url(../img/logo_lin_small.gif) no-repeat right bottom;}
.OS-Win{background: url(../img/logo_win_small.gif) no-repeat right bottom;}
.info {	padding: 10px 10px 0 10px; font-size: 10px;}


#Info{ border-top: 1px solid #F5F5F5; clear: both; padding: 10px 0 0 0; margin: 20px 0 0 0;}
#Info p{ font-size: 9px; color: silver; float: left; }
#Info p.Info1{ width: 270px;}
#Info p.Info2{ width: 90px;}
#Info p.Loga{ width: 310px;}
#Info p.Loga img{ width: 100px; height: 60px;}

#News{ clear: both; padding: 10px 0 0 0; margin: 20px 0 0 0;}
#News p{ float: left; }
#News p.News{ width: 270px;}

#Support{ list-style: none; width: 200px;}
#Support .Nadpis { font-weight: bold; padding: 20px 0 3px 0; border-bottom: 1px solid #F5F5F5}

#KontaktForm{}
#KontaktForm .Popis{text-align: left; width: 100px; vertical-align: top;}
#KontaktForm input{width: 250px; margin: 0 0 10px 0; font-size: 10px; font-family: Arial;}
#KontaktForm textarea{width: 250px; height: 50px;font-size: 10px; font-family: Arial;}
#KontaktForm .Button input{width: 80px; border: 0; background: #9B2F4F; color: white; font-size: 10px; font-weight: bold; margin: 10px 0 0 0;}


#TarifDetail{}
#TarifDetail td{text-align: center; }
#TarifDetail tr.tr1 td{background-color:#F5F5F5; }
#TarifDetail .hlavicka td{ text-align: center; background: #9B2F4F; color: white;}
#TarifDetail td.sluzba{ text-align: left; width: 90px; padding: 0 0 0 10px; height: 30px;}
#TarifDetail tr.OS{ height: 30px;}
x#TarifDetail .btn_objednat{display: block;width: 82px; height: 19px; margin: 0 0px 0 0px;background: url(../img/btn_objednat2.jpg) no-repeat; }
x#TarifDetail .btn_objednat span{display: none;}
#TarifDetail .btn_objednat{display: block;width: 82px; height: 19px; padding: 3px 0px 0 0px;background: #9B2F4F; color: white; font-weight: bold; text-decoration: none; }
#TarifDetail .btn_objednat:hover{color: black;}

#OrderForm1 input{font-size: 10px;}
#OrderForm1 textarea{font-size: 10px; font-family: Arial; width: 200px; height: 50px;}
#OrderForm1 td{height: 40px;}
#OrderForm1 .td1{ width: 350px; text-align: left; padding: 0 20px 0 20px;}

#OrderForm2 {margin: 0 0 0 20px;}
#OrderForm2 input{font-size: 10px;}
#OrderForm2 td{height: 30px;}
#OrderForm2 .td1{ width: 80px; text-align: left; padding: 0 0px 0 0px;}
#OrderForm2 .td2{ width: 80px; text-align: left; padding: 0 0px 0 80px;}

#Footer{	margin:0px 0 0 0;padding: 5px 0 0 0; font-size: 9px;  text-align: center; color: gray; border-top: 3px solid #9B2F4F;}

ul#FAQ li{ padding: 3px 0px 0px 0px; /list-style: none; list-style-image: url(../img/arrow.png);
