/* CSS Document */
body{padding:0px; margin:0px; background:#293b35 ; color:#848484; font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
image{border:none;}
.clear {clear: both; margin: 0px; height:0}
p a{font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484; text-decoration:underline;}
p a:hover{ color:#848484; text-decoration:none;}
#container{width:685px; margin:0 auto;}
/* MENU */
#menuPan{width:685px; height:74px; position:relative; margin:0 auto;}
#menuPan img#logo{position:absolute; top:19px; left:9px}
#menuPan ul.menu{position:absolute; top:37px; right:0px; width:263px}
#menuPan ul.menu li{float:left; height:14px; margin-right:8px}
#menuPan ul.menu li a{ height:14px;  display:block;  }
#menuPan ul.menu li a:hover{height:14px; }
#menuPan ul.menu li.preklady a{ text-decoration: none; color: white; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; }
#menuPan ul.menu li.preklady a:hover{ text-decoration: none; color: #00ff00; }
#menuPan ul.menu li.cenik a{ text-decoration: none; color: white; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; }
#menuPan ul.menu li.cenik a:hover{ text-decoration: none; color: #00ff00; }
#menuPan ul.menu li.kontakt a{ text-decoration: none; color: white; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; }
#menuPan ul.menu li.kontakt a:hover{ text-decoration: none; color: #00ff00; }
#menuPan ul.menu li.linem{width:6px; background:url(images/spacer_m.gif) 0 6px no-repeat}
#contentPan{width:685px; position:relative; margin:0 auto; background:#dfedc5 url(images/b_header.jpg) 0 0 no-repeat; }
/* HEADER */
#headerPan{width:685px; height:297px; position:relative; margin:0 auto;}
#headerPan img#slogan{position:absolute; top:58px; left:31px}
#headerPan img#btn_slogan{position:absolute; top:150px; left:211px; z-index:1}
#headerPan p#slogan2{position:absolute; top:200px; left:40px; color:#000000; font-weight:bold; z-index:1}
/* CONTENT */
#c0{margin: 0 30px 0 25px; float:left; display:inline}
#c1{width:215px; margin: 0 30px 0 25px; float:left; display:inline}
#c2{width:395px; margin: 0 0 0 0; float:left;}
#cenik{margin-bottom:20px; margin-left:20px;}
#cenik p{padding-left:28px; background:url(images/file.gif) 1px 0 no-repeat; margin-bottom:20px}
table{font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#cenik1 table{border: 1px solid #005500; margin-bottom: 1em; border-spacing: 0px; border-collapse: collapse; color:#000000;}
#cenik1 th{border: 1px solid #005500; background-color: #f38200;}
#cenik1 td{padding: 10px; border: 1px solid #005500; background-color: #edb691;}
#cenik2 table{border: 1px solid #005500; margin-bottom: 1em; border-spacing: 0px; border-collapse: collapse; color:#000000;}
#cenik2 th{border: 1px solid #005500; background-color: #79d643;}
#cenik2 td{padding: 10px; border: 1px solid #005500; background-color: #b9ed64;}
#cenik3 table{border: 1px solid #005500; margin-bottom: 1em; border-spacing: 0px; border-collapse: collapse; color:#000000;}
#cenik3 td{padding: 3px; border: 1px solid #005500; background-color: #FFFFFF;}
#problem ul {margin-left:7px; margin-bottom:32px;}
#problem ul li{background-repeat: no-repeat; background-position: left center; margin: 1.00em 0 0 0px; padding: 0 32px 0 40px; }
#problem ul li{font:14px/14px Tahoma, Geneva, sans-serif; color:#3a6620; height:32px; vertical-align:middle; display: table-cell;}
#sluzby ul {margin-left:17px}
#sluzby ul li{background: url(images/arrow.gif) 0 4px no-repeat; padding-left:18px; height:20px;}
#sluzby ul li{font:12px/14px Tahoma, Geneva, sans-serif; color:#3a6620;  margin-bottom:12px;}
#kontakt{margin-bottom:20px; margin-left:20px;}
#kontakt p{padding-left:28px; background:url(images/file.gif) 1px 0 no-repeat; margin-bottom:20px}
#kontakt p#name{padding-left:44px; background:url(images/icons/contacts-32.png) 0 0 no-repeat; height:37px; margin-bottom:15px;}
#kontakt p#mail{padding-left:44px; background:url(images/icons/message-outline-32.png) 0 0 no-repeat; height:37px; }
#kontakt p#phone{padding-left:44px; background:url(images/icons/phone-7-32.png) 0 0 no-repeat; height:37px; }
#kontakt p#icq{padding-left:44px; background:url(images/icons/icq-32.png) 0 0 no-repeat; height:37px; }
#kontakt p#skype{padding-left:44px; background:url(images/icons/skype-32.png) 0 0 no-repeat; height:37px; }
.headline_kontakt{font:14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#454b55; font-weight:bold;}
h2{height:24px; position:relative; margin-bottom:15px; font:24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f38200; font-weight:bold;}
h3{height:18px; position:relative; margin-bottom:15px; font:18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f38200; font-weight:bold;}
/* FOOTER */
#footerPan{width:685px; height:59px;  margin:0 auto}
#footerPan p{padding: 15px 0 0 0; font:11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footerPan p span{ font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484;}
#footerPan p a{ font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484; text-decoration:none; padding: 0 3px }
#footerPan p a:hover{ font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline;}