@charset "utf-8";
/* CSS Document */

body,p,form,img,table,tr,th,td,h1,h2,h3,div,ol,ul,li { border: 0 none; margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { background: #fff url(../img/body_bg.gif) top repeat-y; font-family: Verdana, Arial, Tahoma, sans-serif; text-align: left; font-size: small; line-height: 1.5; }
#wrapper { width: 986px; margin: 0 auto; position: relative; }

/*----- GENERAL -----*/
.noscreen { display: none }
.reseter { float: none; clear: both }
.clear { overflow:hidden; width:1px; height:1px; clear:both }
.left { text-align: left }
.right { text-align: right }
.center { text-align: center }
.error { color: #f00 }
.orange { color: #dc5800; }
h1 { font-size: 140%; font-weight: normal; }
h2 { font-size: 115% }
h3 { font-size: 110% }
a:hover { text-decoration: none }

/*----- HEADER -----*/
#header { width: 986px; height: 262px; background: transparent url(../img/header_bg.jpg) left top no-repeat; position: relative }
#header h1,
#header h2 { display: none }
#header #nav-header { width: 600px; float: right; text-align: right; color: #fff; margin: 3px 14px 0 0; }
#header #nav-header a { color: #eee; border-bottom: 1px dotted #ddd; text-decoration: none; }
#header #nav-header a:hover { border-bottom: 1px solid #fff; text-decoration: none; color: #fff }
#header #homepage a { width: 200px; height: 140px; position: absolute; top: 50px; left: 25px; color: #ffab16; }

/*----- CONTENT -----*/
#content { width: 986px; min-height: 200px; background: #fff url(../img/content_bg.gif) top repeat-y; overflow: hidden; }

/*----- SECTION -----*/
#section { float: left; width: 689px; min-height: 200px; margin: 0 0 0 3px; padding: 0 0 20px 0; background: transparent url(../img/section_bg.gif) left top repeat-x; }
#section hr { margin: 20px 0 0 0; width: 100%; height: 2px; background: #ececec url(../img/hr_bg.gif) left top repeat-x; border: 0; }
#section object,
#section img.left { float: left; margin: 0 20px 20px 10px; }
#section img.right { float: right }
#section h1,
#section p { margin: 20px 30px 0; color: #252525; }
#section h2 { color: #732f01; margin: 20px 30px 0; }
#section p.error { color: #f00 }
#section a { color: #732f01 }
#section p.odkaz { clear: both; }
#section p.odkaz a { background: transparent url(../img/odkaz.gif) left top no-repeat; 
                     text-decoration: underline;  padding: 0 0 0 25px; }
#section p.odkaz a:hover { text-decoration: none }
#section ul,
#section ol { margin: 10px 60px 20px }
#section form { margin: 0 30px; }
#section form .fix { display: block; float: left; width: 80px; }
#section form .text { margin: 0 0 10px 0; }
#section blockquote {
	background: url(../img/quote.gif) 10px 15px no-repeat; padding: 10px 20px 10px 70px;
	background-color: #f3f3f3; margin: 10px 30px 0px; overflow: hidden;
}
#section blockquote em { float: right }
#section .cloud { float: left; width: 260px; height: auto; margin: 30px 50px 0 30px; }
#section .cloud h2 { margin: 0 0 30px 130px; font-size: 120%; }
#section .cloud h2 a { color: #0597d2; }
#section .cloud p { font-size: 80%; margin: 0; }
#section .deti { background: transparent url(../img/kurzy-pro-deti.jpg) left top no-repeat; }
#section .deti a { color: #bf2264; } 
#section .dospeli { background: transparent url(../img/kurzy-pro-dospele.jpg) left top no-repeat; }
#section .dospeli a { color: #dc5800; }
#section .fotogalerie .foto { float: left; margin: 0 0 0 10px; }
#section .fotogalerie .foto p {  text-align: center; margin: 0 0 10px 0; }
#section .fotogalerie .foto img { margin: 0 0 0 15px; border: 2px solid #ee9845; padding: 1px; }

/*----- NAVIGATION -----*/
#nav { position: absolute; top: 220px; left: 16px; width: 980px; height: 50px; }
#nav ol { list-style-type: none; }
#nav li { display: block; float: left; overflow: visible; position: relative; }
#nav li a { display: block; float: left; text-decoration: none; width: 156px; height: 23px; padding: 3px 0 0 0; 
            color: #fff; border: 1px solid #ffc814; text-align: center; margin: 0 1px 0 0;  
            background: #de5f02 url(../img/menu_li.gif) left top repeat-x; }
#nav li a:hover,
#nav li a.active { color: #000; background: transparent none; }
#nav li ol { position: absolute; top: 28px; left: 0; display: none; font-size: 90%; background-color: #b69b77; width: 132px; border-top: 1px solid #7f530a; }
#nav li:hover ol { display: inline; }
#nav li ol li { float: none; border: 0; margin: 0; }
#nav ol ol li a { display: block; height: 23px; width: 180px; border: 1px solid #7f530a; border-top: 0; text-align: left; 
                  background: #de5f02 url(../img/submenu_li.gif) 0 0 repeat-x; padding: 5px 0 0 12px; margin: 0; }
#nav ol ol li a:hover { text-decoration: none; background: #de5f02 url(../img/submenu_li.gif) 0 -28px repeat-x; }

/*----- ASIDE -----*/
#aside { float: left; width: 250px; margin: 0 0 0 20px; }
#aside h2 { color: #dc5800; height: 39px; padding: 2px 0 0 50px; margin: 20px 0 0 0; font-size: 140%; }
#aside h2#aktualne { background: transparent url(../img/aktualne.gif) left top no-repeat; }
#aside h2#fotoukazky { background: transparent url(../img/fotoukazky.jpg) left top no-repeat; margin: 40px 0 10px 0; }
#aside h3 { margin: 20px 0 0 0; color: #9c9c9c; font-style: italic; font-weight: normal; font-size: 90%; }
#aside a { color: #000 }
#aside a.orange { color: #dc5800 }
#aside ul { margin: 0 0 0 15px }
#aside img { margin: 0 0 15px 25px; border: 2px solid #ee9845; padding: 1px }

/*----- DROBKY -----*/
.drobky { color: #fff; font-size: 85%; }
.drobky a { color: #732f01; text-decoration: none }
.drobky a:hover { text-decoration: underline }
#content .drobky { position: relative; top: 10px; left: 30px }
#footer .drobky { position: relative; top: 20px; left: 20px }

/*----- FOOTER -----*/
#footer { width: 986px; height: 334px; background: transparent url(../img/footer_bg.jpg) left top no-repeat; position: relative; }
#footer #nav-footer { float: right; margin: 38px 30px 0 0; }
#footer #nav-footer ul { float: left; list-style-type: none; line-height: 2.6; font-size: 80%; margin: 0 0 0 58px; width: 135px; }
#footer #nav-footer ul a { color: #7c3802; text-decoration: none; }
#footer #nav-footer ul a:hover { text-decoration: underline; }
#footer h3 { font-size: 80%; color: #7c3802; margin: 0 0 8px 0; }
#footer #contact-form { width: 160px; float: left; position: relative; top: 70px; left: 25px; }
#footer #contact-form label { display: none }
#footer #contact-form input,
#footer #contact-form textarea { display: block; float: left; width: 136px; height: 13px; font-size: 85%; color: #7c3802; border: 1px solid #fff; padding: 2px 4px; margin: 0 0 1px 0; background: #fff url(../img/input_bg.gif) left top no-repeat; font-family: Verdana, Arial, Tahoma; }
#footer #contact-form textarea { height: 42px; margin: 0 0 1px 0; overflow: auto; resize: none; }
#footer #contact-form input#submit { width: 146px; height: 18px; border: 1px solid #fff; color: #fff; text-transform: uppercase; background: transparent url(../img/submit_bg.gif) 0 0 repeat-x; }
#footer #contact-form #info { display: none; position: absolute; bottom: -18px; left: 0; font-size: 80%; font-weight: bold; color: #01b1e4; width: 300px; height: auto; }
#footer #contact-form #load { display: none; position: absolute; bottom: 3px; left: 160px; width: 16px; height: 16px; background: transparent url(../img/load.gif) left top no-repeat; }
#footer #social { position: absolute; top: 167px; left: 207px; }
#footer #social a { display: block; position: absolute; background: transparent url(../img/fb.jpg) 0 -51px no-repeat; color: #ffae16; }
#footer #social #fb { width: 90px; height: 51px; top: 0; left: 0; z-index: 1; }
#footer #social #yt { width: 89px; height: 48px; top: 34px; left: 66px; background: transparent url(../img/yt.jpg) 0 -48px no-repeat; z-index: 2; }
#footer #social #fb:hover,
#footer #social #yt:hover { background-position: 0 0; z-index: 3; }
#footer p.copyright { position: relative; top: 80px; color: #985906; text-align: center; font-size: 80%; }
#footer p.copyright a { color: #985906; text-decoration: none; }
#footer p.copyright a:hover { text-decoration: underline; }

/* End of CSS Document */