@charset "windows-1250";
body {font-family: Tahoma, Verdana, Helvetica, sans-serif;background: #838383 url('../img/bg.jpg') repeat;font-size: 12px; color:#FFFFFF;margin:0;padding:0;}
a {color:#e22226;}
a:hover {color:#FF0000;}
img {border:0;}
.clear {clear: both;}
.facebook-button {cursor: pointer; position: fixed; top: 100px; right: 0pt; z-index: 10000;}
.logo-footer {float: right; margin: 0 0 0 7px;}
.footer-links {float: left; width: 514px;}
.button {padding:0;margin:10px 0 10px 10px;height:28px;overflow:hidden;font-size:.9em;}
.button .left{float:left; margin:0; width:7px; overflow:hidden; height:28px;background: url('../img/btn_left.png') top left no-repeat;}
.button .text{float:left; margin:0; width:175px; overflow:hidden; height:28px;background: url('../img/btn_text.png') top left no-repeat;}
.button .text a {position:relative; z-index:10; text-decoration:none; display:block; width:175px; padding:6px;height:28px;}
.button .right{float:left;height:28px;width:15px;background: url('../img/btn_right.png') no-repeat;}
#shadow {margin:0 auto; background: url('../img/bg_shadow.png') repeat-y; width: 826px; padding:0;}
#main {margin:0 auto; width: 798px; padding:0;}
#main #head {width: 798px; height: 106px; background-image: url('../img/head.jpg');}
#main #content {color:black;width: 798px; min-height: 443px; background: url('../img/bg_main.jpg') #fff9f4;}
#main #content h1 {margin:15px 0 10px 0;}
#main #content #menu {width: 798px; height: 42px; background: url('../img/bg_menu.jpg') top left no-repeat;}
#main #content #menu ul {list-style: none; float: left; margin: 0px 0 0 176px; padding:0 10px 0 0; color: #000000;}
#main #content #menu ul li {display: inline;}
#main #content #menu ul li a {border-top:7px solid transparent;padding:5px 0 0 0; margin:0; text-decoration:none; display:inline-block; font-size:1.3em; color:#000000;}
#main #content #menu ul li a:hover {color:#FF0000;border-top:7px solid #FF0000;}
#main #content #menu ul li a.sel {color:#FF0000;text-decoration:none;border-top:7px solid #FF0000;}
#main #content #breadCrumb {margin:0 0 0 30px; font-size:.8em;}
#main #content #breadCrumb a{color:#FF0000;}
#main #content #text {float:left;padding: 0 0 30px 30px;margin:0; color:#393939; width:480px;}
#main #content #text h1 {font-size:1.7em; font-weight:normal;}
#main #content #text h2 {font-size:1.2em; font-weight:bold;}
#main #content #text h3 {font-size:.9em; font-weight:bold;}
#main #content #text ul {font-size:.9em; width:400px; margin:5px 0 0 0;padding:0 0 15px 20px;list-style: square;}
#main #content #text ul li {padding:5px 0 0 0;list-style:square;}
#main #content #text .service {width:467px; height:123px; padding:0; margin:0 0 15px 0; background: url('../img/bg_panel.png') top left no-repeat;}
#main #content #text .service a {position:relative;z-index:10;}
#main #content #text .service img {position:relative;float:left; margin:3px 10px 0 10px;}
#main #content #text .service h2 {padding:7px 0 0 0; }
#main #content #text .service p {font-size:.9em; padding:0 15px 0 0;}
#main #content #text .bigImg {display:block; height:233px; width:467px;}
#main #content #right {font-size:.9em; float:left; margin:44px 0 0 5px; padding:0 0 15px 0;}
#main #content #right .panel {width:245px;overflow:hidden;}
#main #content #right .panel .gift{float:right;background: url('../img/gift.png') top right no-repeat; width:69px; height:61px;margin:0 14px 0 0;padding:0;}
#main #content #right .panel .question{float:right;background: url('../img/question.png') top right no-repeat; width:49px; height:55px;margin:0 18px 0 0;}
#main #content #right .panel .content{background: url('../img/bg_side_top2.png') top left no-repeat; width:245px; padding:18px 0 0 0;}
#main #content #right .panel .content h2{color:#e22226; padding:0;margin:0 10px 11px 20px;font-size:1.3em; font-weight:normal;}
#main #content #right .panel .content h3{padding:0;margin:0 20px 11px 20px;font-size:.9em; font-weight:bold;margin:0 0 0 10px;}
#main #content #right .panel .content p {margin:0 20px 0 20px;}
#main #content #right .panel .content ul {margin:5px 0 0 40px ; padding:0 0 15px 0;}
#main #content #right .panel .content ul li{padding:5px 0 0 0; list-style: square url('../img/li.gif');}
#main #content #right .panel .content ul li a {position:relative;z-index:10;}
#main #content #right .panel .bottom{margin:0;height:12px;width:245px; background: url('../img/bg_side_btm.png')  top left no-repeat;}
#main #services {width: 798px; height: 160px; background-image:  url('../img/bg_services.jpg');}
#main #services .col {width: 185px; float: left; padding:20px 0 0 10px;margin:0;}
#main #services .col h2 {font-weight:normal; font-size:1.2em; background:  url('../img/square.gif') no-repeat; margin:0; padding:0 0 0 17px;}
#main #services .col h2 a {color:#FFFFFF; text-decoration:none;}
#main #services .col ul {list-style: none; margin:10px 0 0 18px; padding:0; font-size:.9em;line-height:1.6em;}
#main #services .col ul li a {color:White;text-decoration:none;}
#main #services .col ul li a:hover {color:White; text-decoration:underline;}
#main #footer {width: 798px; padding:4px 0 0 0; height: 120px; background: url('../img/bg_footer.jpg');}
#main #footer #links {float: right; font-size:.9em;}
#main #footer #links ul {list-style: none; float: right; margin: 10px 30px 0 0; padding:0; color: #ffffff;}
#main #footer #links ul li {display: inline;}
#main #footer #links ul li a {text-decoration:none; color:#FFFFFF;}
#main #footer #links ul li a:hover {text-decoration:none; color:#FF0000;}
#main #footer #copyright {float: left; margin: 10px 0 0 30px;font-size:.8em;}
#main #footer #copyright a {color:#FFFFFF; text-decoration:none;}
#main #footer #copyright a:hover {color:#FF0000;}

#contactForm {background: #FFFFFF;color:#000000; background: #fff9f4 url('../img/bg_main.jpg'); padding:0 10px;}
#contactForm {font-size:.8em;}
#contactForm h1 {font-size:1.7em; font-weight:normal;}
#contactForm label {display:inline-block; width:80px;}
#contactForm .input {float:left; width:100px;height:25px; margin:0;padding:0;}
#contactForm .inputName {float:left; width:60px; height:25px;margin:0;padding:0;}
#contactForm #alert {font-weight:bold; font-size:1.2em; width:100%; text-align:center; margin:60px 0 0 0; color: #FF0000;}
#contactForm #text {padding:5px; width:200px; display:block; margin:0; font-family:Tahoma, Verdana, Helvetica, sans-serif; font-size:1.1em;}
#contactForm #email {margin:0; padding:3px 5px 3px 5px;width:200px;font-size:1.1em;}
#contactForm #predmet {margin:0; padding:3px 5px 3px 5px;width:200px;font-size:1.1em;}
#contactForm #service {height:22px; width:212px; font-size:1em;}
#contactForm #jmeno {margin:0; width:200px; padding:3px 5px 3px 5px;font-size:1.1em;}
#contactForm #loginBg {display:block;}