/* CSS PRAKUL.CZ */

* { margin: 0; padding: 0;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffffff; font-size: 90%; color: #000000}


/* ------------------------------- PAGE LAYOUT ------------------------------- */
div#page { width: 980px; margin: 0 auto 20px auto; background: #FFFFFF url(../images/bg-page.png) repeat-y}
div#top { width: 980px; height: 98px; background: #FFFFFF; position: relative}
div#header { width: 734px; height: 211px}


/* ------------------------------- TOP ------------------------------- */

p.motto {position: absolute; top: 0; left: 0; overflow: hidden; width: 734px; height: 98px; padding: 0; z-index: 0}
p.motto span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/bg-top.png) 0 0 no-repeat}

/* LOGO */
h1#logo {position: absolute; top: 0px; left: 0px; overflow: hidden; width: 234px; height: 80px; padding: 0; margin: 0; font-size:1.1em; z-index: 10}
h1#logo span {display: block; position: absolute; top: 0; left: 0; z-index:10; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/prakul.png) 0 0 no-repeat; cursor:pointer}

h2#prakulhome {position: absolute; top: 11px; right: 100px; overflow: hidden; width: 147px; height: 58px; padding: 0; margin: 0; font-size:1em; float: right}


h2#prakulshop {position: absolute; top: 11px; right: -50px; overflow: hidden; width: 147px; height: 58px; padding: 0; margin: 0; font-size:1em; float: right}
h2#prakulhome span {display: block; position: absolute; top: 0; left: 0px ; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/prakul-home.png) 0 0 no-repeat; cursor:pointer}

h2#prakulshop span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/prakul-shop.jpg) 0 0 no-repeat; cursor:pointer}


/* ------------------------------------------ LEFT PART ------------------------------------------ */

div#left-container { width: 734px; float: left}

div#header { width: 734px; height: 211px; background: #E0E8EF}
div#header div.flash-header { float: left; width: 450px; height: 211px; background: url(../images/bg-flash-header.png) no-repeat}
div#header p.kalendar-kurzu { position: relative; float: left; overflow: hidden; width: 284px; height: 211px; padding: 0}
div#header p.kalendar-kurzu span { display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/bg-kalendar.png) 0 0 no-repeat; cursor:pointer}

/* ***** LEFT CONTENT ***** */
div.left-content { width: 210px; background: url(../images/bg-left-content.png) right top no-repeat; float: left}

/* Navigace */
div.vermenu { width: 181px}
div.vermenu ul { width: 181px; padding: 0; margin: 0}
div.vermenu ul li { list-style: none; text-transform: uppercase; padding: 0; line-height: 27px; margin: 0 0 4px 0}
div.vermenu ul li a { color: #00427e; text-decoration: none; display: block; height: 27px; width: 166px; background: #ececec url(../images/bg-vermenu-li.png) no-repeat; padding: 0 0 0 15px; margin: 0 0 4px 0}

div.vermenu ul li a:hover, div.vermenu ul li a.act { color: #FFFFFF; text-decoration: none; background: #00427e url(../images/bg-vermenu-li-on.png) no-repeat; padding: 0 0 0 25px; width: 156px}

div.vermenu ul li.submenu a, div.vermenu ul li.submenu a:hover  { background: none; color: #FFFFFF; padding: 0}
div.vermenu ul li.submenu { color:#FFFFFF; background: url(../images/bg-vermenu-li-on.png) no-repeat; width: 156px; padding: 0 0 0 25px; margin: 0 0 4px 0}
div.vermenu ul li.submenu ul { background: #00427E; position: relative; top: -6px; left: -25px; padding: 5px 0 10px 20px; _padding: 5px 0 9px 11px; margin: 0; width: 161px}
div.vermenu ul li.submenu ul li { color: #ffffff; background: none; width: 150px; line-height: 20px; _line-height: 15px; text-transform: none}
div.vermenu ul li.submenu ul li a { background: none; color: #FFFFFF; width: 160px; padding: 0; height: 20px; _height: 15px; *height: 15px}
div.vermenu ul li.submenu ul li a:hover, div.vermenu ul li ul li a.act { color: #ffcc00; background: none; padding: 0}
div.vermenu ul li.submenu ul li a { _color: #ffffff !important; _padding: 0 0 0 10px; _width: 160px}
div.vermenu ul li.submenu ul li a.act { _color: #ffcc00 !important}
div.vermenu ul li.submenu ul li a:hover { _color: #ffcc00 !important; _padding: 0 0 0 10px; _width: 160px}

div.vermenu ul li.no-submenu ul { display: none}

div.vermenu ul li.submenu ul li.vermenu-footer { background: #00427E url(../images/bg-vermenu-footer.png) left bottom no-repeat; display: block; height: 4px; padding: 0; margin: 0; width: 181px; position: absolute; left: 0; bottom: 0}

/* bannery */
div.advertising { width: 180px; margin: 20px 0 0 0; padding: 0 0 20px 0; text-align: center; background: #FFFFFF url(../images/bg-advertising.png) center bottom no-repeat}
div.advertising a img { border: none}

/* newsletter */
div.newsletter { padding: 0 0 0 13px}
div.newsletter h2 { color:#006600}
div.newsletter fieldset { border: none}
input#newsletter-input { width: 160px; border: solid 1px #CCCCCC; height: 19px; padding: 2px 3px 0 2px; clear: both; color: #999999}
input#newsletter-login { margin: 5px 0 0 112px} 
input#newsletter { margin: 5px 0 0 96px} 


/* vyhledavani */
div.search { padding: 0 0 0 13px}
div.search h2 { color:#006600}
div.search fieldset { border: none}
input#search { width: 160px; border: solid 1px #CCCCCC; height: 19px; padding: 2px 3px 0 2px; clear: both; color: #999999}
input#send_search { margin: 5px 0 0 107px} 

/* foto školy */
div.school-photo { width: 181px; margin: 20px 0 0 0}
div.school-photo-content { width: 166px; padding: 20px 0 0 15px}
div.school-photo p.sign { height: 27px; width: 166px; color: #FFFFFF; padding: 0 0 0 15px; margin: 0; line-height: 27px; text-transform: uppercase; background: #00427e url(../images/bg-sign.png) no-repeat}
div.school-photo a { color: #00427e; font-size: 75%}

/* ------------------------------------------ CONTENT ------------------------------------------ */

/* ***** RIGHT TEXT ***** */
div.text-content { width: 504px; padding: 0 0 0 20px; margin: 0; float: left; background:#FFFFFF; position: relative}
div.text-content h2.green { padding-left: 3px}

/* hr line */
div.hr { clear: both; width: 440px; height: 1px; padding: 10px 0; background: url(../images/bg-hr.png) left center no-repeat}
div.hr-s { clear: both; width: 200px; height: 1px; padding: 0 0 10px 0; background: url(../images/bg-advertising.png) left bottom no-repeat}


/* kurzy */
div.akt-kurz { clear: left}
div.akt-kurzy-top { position: relative}
div.akt-kurzy-top h2.akt-kurzy { width: 489px; _width: 486px; height: 21px; color:#FFFFFF; text-transform: uppercase; font-size: 80%; padding: 6px 0 0 15px; font-weight: bold; margin: 0; background: #990000 url(../images/bg-h2-akt-kurzy.png) no-repeat; text-align: left; float: right}
div.akt-kurzy-top p.all-akt-kurzy { padding: 0; position: absolute; top: 3px; right: 10px; z-index: 10}
div.akt-kurzy-top p.all-akt-kurzy a { font-size: 75%; color: #FFFFFF; text-decoration: underline}
div.akt-kurzy-top p.all-akt-kurzy a:hover { color: #FFFFFF; text-decoration: none}

div.akt-kurzy-lektor, div.akt-kurzy-content { float: left}
div.akt-kurzy-content { width: 340px}
div.akt-kurzy-lektor { padding: 20px 20px 0 0}
div.akt-kurzy-lektor.empty { width: 91px}


/*detail kurzu */
div.detail-kurzu { padding: 0 0 50px 0}
img.kuchar-kurz { padding: 20px 10px 0 0}

/* mesic tabulka */
table.month { width: 490px}
table.month th { color: #990000; font-weight: bold}
table.month tr { }
table.month td {padding: 2px 10px 2px 0; vertical-align: top}
table.month td h3 { padding: 0}
table.month td.obsazeno { color: #cc0000}
table.month td.date { text-align: right; color: #00427e}


/* FOTOGALERIE */
h2.fotogalerie { width: 485px; height: 21px; color:#00427e; text-transform: uppercase; font-size: 80%; padding: 6px 0 0 15px; font-weight: bold; margin: 0 0 10px 0; _margin: 0; *margin: 0; background: #ffcc00 url(../images/bg-h2-fotogalerie.png) no-repeat; text-align: left; float: right}

/* foto pozadi */
div.photo { width: 143px; height: 105px; padding: 3px 7px 0 0; text-align: center; background: url(../images/bg-photo.png) no-repeat; margin: 0 4px 10px 3px}
div.photo a img { border: none}

div.fotogalerie-item { padding: 10px 0 10px 0; _padding: 10px 0 0 0; *padding: 10px 0 0 0; background: url(../images/bg-hr.png) left bottom no-repeat}
div.fotogalerie-item h3 { padding: 0; margin: 0; font-weight: bold}
div.fotogalerie-item div.photo, div.fotogalerie-item div.fotogalerie-content { float: left}
div.fotogalerie-item div.fotogalerie-content { padding: 0 10px 0 10px; width: 320px}
.w320 { width: 320px !important}
.w480 { width: 480px !important}

/* dalsi fotogalerie */
ul.fotogalerie, ul.fotogalerie li { margin: 0; padding: 0}
ul.fotogalerie { margin: 10px 0 0 0; width: 230px; float: left}

/* ------------------------------------------ RIGHT PART ------------------------------------------ */

div#right-container { width: 246px; float: left; position: relative}

p.darkovy-poukaz {position: relative; top: 0; left: 0; overflow: hidden; width: 246px; height: 313px; padding: 0; margin: 0}
p.darkovy-poukaz span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/bg-darkovy-poukaz.png) 0 0 no-repeat}

p.objednat-poukaz {position: absolute; top: 198px; left: 55px; overflow: hidden; width: 112px; height: 35px; padding: 0; margin: 0}
p.objednat-poukaz span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/btn-objednat.png) 0 0 no-repeat; cursor: pointer}

p.facebook {position : absolute;top: 268px; left: 50px; overflow: hidden; width: 94px; height: 29px; padding: 0; margin: 0}
p.facebook a img {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 94px; height: 29px; margin: 0; border:0px ;padding: 0; cursor:pointer;padding-left : 0px}
p.facebook span {display: block; position: absolute; top: 0; left: 0; z-index:1;  width: 94px; height: 29px; margin: 0; padding: 0;background:url(../images/images-6.jpeg) 0 0 no-repeat; cursor: pointer}
/* ---------------------- FOTOGALERIE ----------------------*/

div.foto-kurzy-top { position: relative; margin: 20px 0 0 0}
div.foto-kurzy-top h2.foto-kurzy { width: 485px; height: 21px; color:#FFFFFF; text-transform: uppercase; font-size: 80%; padding: 6px 0 0 15px; font-weight: bold; margin: 0; background: #990000 url(../images/bg-h2-foto-kurzy.png) no-repeat; text-align: left; float: right}

div.foto-kurzy-top p.all-foto-kurzy { padding: 0; position: absolute; top: 3px; right: 10px}
div.foto-kurzy-top p.all-foto-kurzy a { font-size: 75%; color: #FFFFFF; text-decoration: underline}
div.foto-kurzy-top p.all-foto-kurzy a:hover { color: #FFFFFF; text-decoration: none}

div.fotogalerie-kurz { width: 150px;  padding: 20px 0 0 15px; float: left; font-size: 75%; line-height: 1.5em}
div.fotogalerie-kurz img {}
div.fotogalerie-kurz a { font-weight: bold}
span.termin { color: #999999; padding: 0 0 0 5px}

/* strankovani */
div.pageing { margin: 20px 0 0 0}
div.pageing ul { margin: 0; padding: 0}
div.pageing ul li { list-style: none; float: left; text-align: center; padding: 0; margin: 0}
div.pageing ul li a { display: inline-block; float: left; height: 19px; width: 19px; text-decoration: none}
div.pageing ul li a.current, div.pageing ul li a:hover { background: #00427e url(../images/bg-pageing-current.png) no-repeat; color: #FFFFFF}
div.pageing.green ul li a.current, div.pageing.green ul li a:hover { background: #00427e url(../images/bg-pageing-current-green.png) no-repeat; color: #FFFFFF}

div.pageing ul li a.prev, div.pageing ul li a.next, div.pageing ul li a:hover.prev, div.pageing ul li a:hover.next { width: auto; height: auto; background: none; color: #00427e; text-decoration: underline; font-weight: bold; padding: 0 20px 0 0}
div.pageing ul li a:hover.prev, div.pageing ul li a:hover.next { text-decoration: none}
div.pageing ul li a.next, div.pageing ul li a:hover.next { padding: 0 0 0 20px}

a.next-page { font-weight: bold; font-size: 90%; padding: 0 10px 0 0; background: url(../images/bg-next-page.png) right 5px no-repeat}


/* ---------------------- SEFKUCHARI a LEKTORI ----------------------*/
p.kuchar-info { color: #999999; font-size: 75%; padding: 5px 0 0 0}
a.kuchar-info-more { font-size: 85%; padding: 0}



/* ---------------------- KALENDAR ----------------------*/
h2.calender-month { color: #990000; font-size: 160%; padding: 10px 0 0 10px; margin: 0}
p.calender-next-month { font-size: 75%; position: absolute; left: 220px; top: 35px}
p.calender { text-align: center; color: #858585; padding: 3px 15px 0 5px; margin: 0; background: #FFFFFF url(../images/bg-calender-day.png) right top no-repeat}
p.calender-today { text-align: center; color: #FFFFFF; padding: 6px 18px 5px 11px; margin: 0; background: #FFFFFF url(../images/bg-calender-day-today.png) right top no-repeat}
p.calender-info { font-size: 75%; color: #858585}
p.calender-info a { color: #858585}
span.number { font-size: 200%; display: block; padding: 0 0 5px 0}
p.today { border: solid 1px red}
div.w400 { width: 400px}
div.aktualni { /*background: url(../images/bg-akt-kurz.png) right bottom no-repeat */}

/* ---------------------- NEWS ----------------------*/

div#news { width: 220px; position: relative}
div.news-top { position: relative}
div.news-top h2.news { width: 204px; height: 21px; color:#FFFFFF; text-transform: uppercase; font-size: 80%; padding: 6px 15px 0 0; font-weight: bold; margin: 0; background: #006600 url(../images/bg-h2-news.png) no-repeat; text-align: right}
div.news-top p.all-news { padding: 0; position: absolute; top: 3px; left: 10px}
div.news-top p.all-news a { font-size: 75%; color: #FFFFFF; text-decoration: underline}
div.news-top p.all-news a:hover { color: #FFFFFF; text-decoration: none}

h2.novinky { width: 485px; height: 21px; color:#ffffff; text-transform: uppercase; font-size: 80%; padding: 6px 0 0 15px; font-weight: bold; margin: 0 0 10px 0; _margin: 0; *margin: 0; background: #006600 url(../images/bg-h2-novinky.png) no-repeat; text-align: left; float: right}


/* novinka */
div.news-item { width: 220px; padding: 15px 0 25px 0; background: url(../images/bg-news-item.png) left bottom no-repeat}
div.news-item-foto { float: left; width: 55px; padding: 0 0 0 10px}
div.news-item-foto img { padding: 1px; border: solid 1px #CCCCCC; width: 50px; height: 50px}

div.news-item-text { width: 140px; float: left; padding: 0 5px 0 10px; font-family: Arial, Helvetica, sans-serif}
div.news-item-text h3 { font-size: 85%; font-weight: bold; padding: 0; margin: 0}
div.news-item-text h3 a { color: #006600 !important}
div.news-item-text p { font-size: 85%; color: #999999; padding: 5px 0 0 0; margin: 0; line-height: 1em}

/*div.news-item { width: 200px; padding: 15px 10px 25px 10px; background: url(../images/bg-news-item.png) left bottom no-repeat; font-family: Arial, Helvetica, sans-serif}
div.news-item h3 { font-size: 85%; font-weight: bold; padding: 0; margin: 0}
div.news-item h3 a { color: #006600 !important}
div.news-item p { font-size: 85%; color: #999999; padding: 5px 0 0 0; margin: 0; line-height: 1em}
div.news-item a img { padding: 1px; border: solid 1px #CCCCCC; margin: 0 5px 0 0; width: 50px; height: 50px; float: left; display: block}*/

/* sefkuchari - detail */

ul.no-margin { margin: 0; color: #666666}
ul.no-margin  li { padding-left: 0}



/* ---------------------- PRIHLASKA ----------------------*/
div.prihlaska { padding: 0 0 0 20px}
div.prihlaska form p { color:#000000; font-size: 75%}
div.prihlaska form input { border: solid 1px #686868; width: 190px; padding: 3px}
div.prihlaska form input.checkb { width: auto; border: none}
div.prihlaska form input.req { background: #dfdfdf}
div.prihlaska form input.objednat { border: none; width: 150px; height: 26px}
h2.nazev-kurzu { color: #990000; font-size: 150%}

/* ------------------------------------------ DARKOVY CERTIFIKAT ------------------------------------------ */

form#dc_form { width: 500px}
form#dc_form fieldset { border: none}
form#dc_form legend, form#dc_form select { width: 400px}
form#dc_form label { font-size: 85%}
form#dc_form input, form#dc_form textarea { width: 200px}
form#dc_form input, form#dc_form select, form#dc_form textarea { margin: 5px 0 0 0; border: solid 1px #686868; padding: 3px}
form#dc_form input.checkb, form#dc_form input#dc_sure_yes, form#dc_form input#dc_sure_no, form#dc_form input#dc_subject_fyz, form#dc_form input#dc_subject_pra, form#dc_form input#dc_delivery_post, form#dc_form input#dc_delivery_per, form#dc_form input#dc_sendit_yes, form#dc_form input#dc_sendit_no, form#dc_form input#dc_payment_inv, form#dc_form input#dc_payment_pers, form#dc_form input#dc_newsletter, form#dc_form input#dc_agree{ width: auto; border: none}

form#dc_form form input.req { background: #dfdfdf}
form#dc_form table { font-size: 100%}
form#dc_form table td { padding: 0 10px 0 0}
form#dc_form table td.tright { text-align: right}
form#dc_form input.objednat { border: none; width: 150px; height: 26px}
div#dc_send_cont { clear: both; margin: 20px 0 0 0}
form#dc_form .w130 { width: 110px}

p#dc_warning, .ag_text_stop { color: #FF0000; font-weight: bold}
.failed { background-color: #ffc7ae; border: solid 1px #ff0000 !important}

/* ------------------------------------------ FOOTER ------------------------------------------ */

div#footer { clear:both; margin: 20px auto 0 auto; width: 940px; padding: 4px 0 0 10px; height: 36px; color: #00427e; background: #e2eaf0 url(../images/bg-footer.png) center no-repeat}
div#footer a { text-decoration: underline}
div#footer a:hover { text-decoration: none}
div#footer p.copy, div#footer p.f-nav, div#footer p.author  { float: left; font-size: 60%}
div#footer p.f-nav, div#footer p.author { margin: 0 0 0 10px; padding: 10px 0 0 0}
div#footer p.f-nav a { display: inline-block; margin: 0 0 0 8px}
div#footer p.author, div#footer p.author a { color: #999999}
div#footer p.author { color: #999999; margin: 0 0 0 30px}

/* SAFARI hack */
@media screen and (-webkit-min-device-pixel-ratio:0){
div#footer p.copy, div#footer p.f-nav, div#footer p.author  { float: left; font-size: 70%}
div#footer p.author { margin: 0 0 0 35px}
}


/* ------------------------------------------ TEXT elements ------------------------------------------ */
h1, h2, h3, h4 { clear: left}
h1 { font-size: 160%; color: #00456e; padding:0 0 0 0; margin: 0 0 0 0; font-weight: normal; background: url(../images/bg-nadpis.jpg) center bottom no-repeat}
h2 { font-size: 110%; color: #00456e; padding: 20px 10px 0 0; margin: 0 0 0 0; font-weight: bold}
h3 { font-size: 110%; color: #00456e; padding: 20px 0 0 0; margin: 0 0 0 0; font-weight: bold}
h4 { font-size: 100%; color: #00456e; padding: 20px 0 0 0; margin: 0 0 0 0; font-weight: normal}

p, .ag_paragraph { padding: 10px 10px 0 0; color: #666666; font-size: 85%; line-height: 1.5em}
p.plny {padding-top:0;padding-bottom:3px}
dl { padding: 10px 10px 0 2px; color: #666666; font-size: 85%}
dl dt, dl dt a { font-size: 100%; padding: 0px 0 5px 0}
dl dd { padding: 0 0 15px 0}

ul, ol { padding: 10px 0 10px 0; margin: 0 0 0 50px; color: #000000; font-size: 85%; line-height: 1.5em}
ul { margin: 0 0 0 25px}
ul li { background: url(../images/li.gif) left center no-repeat; padding: 0 0 0 25px; list-style: none}

a:link, a:hover, a:visited { color: #00427e}
a:hover { text-decoration: none;}
hr { display: none}

table { font-size: 85%}
table th { font-size: 130%; padding: 0; margin: 0; text-align: left}

iframe { margin: 20px 0 0 0}


/* classes */
.hidden {display: none}
.clr {width: 100%; font-size: 1px; clear: both}
.nobgr { background: none !important}
.center { text-align: center}
.bold { font-weight: bold}
hr { display: none}
.red { color: #990000 !important}
.green { color: #006600 !important}
.white { color: #ffffff !important}
.blue { color: #00427e !important}
.grey { color: #999999 !important}
.dgrey { color: #666666 !important}
.fleft { float: left}
.fright { float: right}
.black { color: #000000 !important}
.p20 { margin: 20px 20px 0 0 !important}
.w300 { width: 300px !important}
.m120 { margin: 0 0 0 170px}
.partner { margin: 0 0 20px 0}

/* upravy  1.11*/
 div.banner1 {position : relative; left:10px;}
 div.banner1 a.banner {border : 0px solid white; padding:0; margin:0;}
div.banner1 a.banner img.banner {border : 0px solid white; padding:0; margin:0;}