/** STANDARD STYLES **/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background-color: #ffffff; font-family: Verdana; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
.visible { display: block; }
.invisible { display: none; }
.cleaner { height: 1px; font-size: 1px; clear: both; }
/** END: STANDARD STYLES **/


/** LAYOUT **/
body { background: #fff url('../../images/layout/header_background_pattern.jpg') repeat-x 0px 173px; text-align: center; font-size: 80%; font-family: "Arial [monotype]", "Geneva CE", "lucida", sans-serif; }
#page { width: 958px; margin: auto; text-align: left; }
#page_top_header { width: 958px; height: 153px; background: #fff url('../../images/layout/top_header_background.jpg') no-repeat top left; position: relative; }
#menu { width: 412px; height: 43px; overflow: hidden; position: absolute; top: 119px; left: 276px; background-color: gray; z-index: 3; }
#page_header { width: 958px; height:370px; overflow: hidden; margin: auto; text-align: left; background-color: green; }
#main_content { width: 648px; float: left; padding-right: 20px; }
#left_pane { width: 290px; float: right; }
#left_pane { display: inline; } /* IE bug */
#footer { width: 100%; height: 52px; background: #004b91 url('../../images/layout/footer_background_pattern.jpg') repeat-x 0px 0px; margin-top: 20px; }
/** END: LAYOUT **/


/** COMMON BLOCKS **/
#page_top_header h1, #page_top_header h1 span { width: 183px; height: 109px; display: block; overflow: hidden; position: absolute; left: 388px; }
#page_top_header h1 span { background: #fff url('../../images/layout/logo.gif') no-repeat top left; top: 0px; left: 0px; cursor: pointer; }

#header_main_image { width: 481px; height: 370px; background: #fff url('../../images/layout/header_main_image.jpg') no-repeat top left; float: left; }

#page div.miss, #page div.slavik, #page div.missis { width: 159px; height: 370px; overflow: hidden; background: #fff url('../../images/layout/header_menu_images.jpg'); float: left; }
#page div.miss { background-position: 0px -370px; }
#page div.slavik { background-position: -159px -370px; }
#page div.missis { background-position: -318px -370px; }
#page div.miss a, #page div.slavik a, #page div.missis a { display: block; width: 0px; position: relative; overflow: hidden; }
#page div.miss a { height: 273px; padding-left: 159px; margin-top: 22px;  }
#page div.slavik a { height: 282px; padding-left: 159px; margin-top: 17px; }
#page div.missis a { height: 296px; padding-left: 159px; margin-top: 9px; }

#page_header div span { width: 159px; height: 370px; display: block; overflow: hidden; background: #fff url('../../images/layout/header_menu_images.jpg') no-repeat; position: absolute; top: 0px; left: 0px; cursor: pointer; }
#page_header div.miss span { background-position: 0px 0px; margin-top: -22px; }
#page_header div.slavik span { background-position: -159px 0px; margin-top: -17px; }
#page_header div.missis span { background-position: -318px 0px; margin-top: -9px; }

#fast_news { width: 279px; margin-bottom: 20px; position: relative; top: -13px; left: 3px; }
#fast_news .top { height: 23px; background: transparent url('../../images/layout/news_window_top.gif') no-repeat; }
#fast_news .bottom { height: 23px; background: #0055a6 url('../../images/layout/news_window_bottom.png') no-repeat; }
#fast_news .bottom_white { height: 23px; background: #0055a6 url('../../images/layout/news_window_white_bottom.png') no-repeat; }
#fast_news .body { padding-left: 10px; padding-bottom: 1px; background: #0055a6 url('../../images/layout/news_window_body.gif') repeat-y; }
#fast_news .body img { border: 3px #fff solid; margin-right: 5px; margin-bottom: 10px; float: left; }
#left_pane .body h3 { color: #e6f3ff; font-size: 125%; font-weight: bold; display: inline; }
#left_pane .body span.info { color: #e6f3ff; font-size: 86%; font-weight: bold; display: block; }
#left_pane .body span span  { font-weight: normal; }
/** FIX: repeating **/
#fast_news .body_white { padding-left: 10px; padding-top: 25px; background: #0055a6 url('../../images/layout/news_window_white_body.gif') repeat-y; }
#fast_news .body_white img { border: 3px #fff solid; margin-right: 5px; margin-bottom: 10px; float: left; }
#left_pane .body_white h3 { color: #333; font-size: 125%; font-weight: bold; display: inline; }
#left_pane .body_white span.info { color: #333; font-size: 86%; font-weight: bold; display: block; }
#left_pane .body_white span span  { font-weight: normal; }

#left_pane .fact_news_caption { height: 42px; background: transparent url('../../images/layout/crown.jpg') no-repeat top left; position: relative; left: -20px; }
#left_pane .fact_news_caption h2 { font-size: 125%; font-weight: bold; color: #ffcd0d; line-height: 42px; vertical-align: bottom; line-height: 35px; margin-left: 60px; }

#left_pane .body .divider { height: 1px; background-color: #297cbc; margin-left: -8px; width: 268px; margin-bottom: 1px; overflow: hidden; }
#left_pane .body p.content { background-color: #0063af; margin-left: -8px; width: 258px; color: #fff; font-size: 93%; padding: 5px 5px 10px 5px; margin-bottom: 1px; text-align: justify; line-height: 130%; }
#left_pane .body a { color: #dbedff; display: block; margin: 5px 15px 0px 0px; text-align: right; padding-bottom: 10px; }

#left_pane .body_white .divider { height: 1px; background-color: #f0f0f0; margin-left: -8px; width: 268px; margin-bottom: 1px; overflow: hidden; }
#left_pane .body_white p.content { background-color: #e0e0e0; margin-left: -8px; width: 258px; color: #000; font-size: 93%; padding: 5px 5px 10px 5px; margin-bottom: 1px; text-align: justify; line-height: 130%; }
#left_pane .body_white a { color: #444; display: block; margin: 5px 15px 0px 0px; text-align: right; padding-bottom: 30px; }



/** END: COMMON BLOCKS **/


/** MENU **/
#menu li { float: left; height: 43px; overflow: hidden; position: relative; }
#menu li a span { height: 43px; display: block; background: #fff url('../../images/layout/menu.jpg') no-repeat top left; position: absolute; z-index: 1; top: 0px; left: 0px; cursor: pointer; }
#menu .menu_o_nas span, #menu li.menu_o_nas { width: 74px; }
#menu .menu_novinky span, #menu li.menu_novinky { width: 79px; background-position: -74px 0px; }
#menu .menu_projekty span, #menu li.menu_projekty { width: 79px; background-position: -153px 0px; }
#menu .menu_spolupraca span, #menu li.menu_spolupraca { width: 92px; background-position: -232px 0px; }
#menu .menu_kontakt span, #menu li.menu_kontakt { width: 88px; background-position: -324px 0px; }
#menu .menu_o_nas a:hover span { background-position: 0px -43px; }
#menu .menu_novinky a:hover span { background-position: -74px -43px; }
#menu .menu_projekty a:hover span { background-position: -153px -43px; }
#menu .menu_spolupraca a:hover span { background-position: -232px -43px; }
#menu .menu_kontakt a:hover span { background-position: -324px -43px; }
#menu a:hover { visibility: visible; }  /* IE fix */
/* IE 6 doesn't support multiple classes, we have to attach .selected class on <a> element instead on parent div */
#menu .menu_o_nas a.selected span { background-position: 0px -43px; }
#menu .menu_novinky a.selected span { background-position: -74px -43px; }
#menu .menu_projekty a.selected span { background-position: -153px -43px; }
#menu .menu_spolupraca a.selected span { background-position: -232px -43px; }
#menu .menu_kontakt a.selected span { background-position: -324px -43px; }

.missis_submenu { width: 227px; height: 151px; list-style-type: none; background: #fff url('../../images/layout/missis_submenu.jpg') no-repeat; margin-bottom: 30px; margin-left: 30px; }
.missis_submenu li { width: 167px; height: 30px; line-height: 29px; padding-left: 60px; color: #286ec8; }
.missis_submenu li a, .missis_submenu li a:visited { color: #286ec8; text-decoration: none; }
.missis_submenu li a:hover { color: #286ec8; text-decoration: underline; }
/** END: MENU **/

/** FOOTER **/
#footer_content .copyright { font-weight: bold; }
#footer_content .maker { font-size: 90%; }
#footer_content a { color: #fff; }
#footer_content a:hover { color: #d0d0d0; }
/** END: FOOTER **/

/** STYLES **/
#main_content h2 { font-size: 200%; font-weight: normal; text-align: center; color: #002b55; line-height: 100%; margin-bottom: 30px; }
#main_content h3 { color: #0055a7;font-size: 125%; font-weight: bold; line-height: 110%; }
#main_content h3 a { color: #0055a7; text-decoration: none; }
#main_content h3 a:hover { color: #a70091; text-decoration: underline; }
#main_content .news span { font-size: 86%; color: #444; display: block; margin-bottom: 10px; font-style: italic; }
#main_content .news p { margin-bottom: 15px; color: #555; line-height: 175%; }
#main_content .news p.news_link { text-align: right; padding-right: 40px;}
#main_content .news p.news_link a { color: #0055a7; }
#main_content .news p.news_link a:hover { color: #a70091; }
#main_content img.theme_image {padding: 2px; border: #ddd 3px solid; float: left; margin: 0px 10px 10px 0px; }
#main_content div.news { margin-bottom: 20px; border-bottom: #bbd0e9 1px solid; padding-bottom: 10px; }

#main_content .project .theme_image, div.theme_image { float: left; width: 150px; height: 150px; margin: 0px 20px 20px 0px; }
#main_content .project h3 { margin-bottom: 15px; }
#main_content .project { margin-bottom: 35px; }


.banner { text-align: center; display: none; }
.banner img { border: #ddd 1px solid; }

#main_content p { line-height: 185%; color: #444; margin-bottom: 20px; }
#main_content p strong { font-weight: normal; color: #555; }

.castings { width: 90%; margin: auto; border-collapse: collapse; }
.castings td { border: #aaa 1px solid; padding: 5px; }
.castings tr.highlight { background-color: #eee; }

.signature { text-align: right; }

img.ornament { display: block; margin: auto; }

#contact_map { display: block; width: 531px; height: 531px; padding: 1px; border: #bbb 1px solid; }

#contact_form .form_row { margin-bottom: 5px; }
.form_row_file { margin-top: 20px; }
.form_row input, .form_row textarea { width: 250px; height: 22px; border: #bbb 1px solid; }
#contact_form .form_row input { width: 250px; }
.form_row_file label { height: 100px; width: 200px; display: block; float: left; color: #0055a7; font-weight: bold; line-height: 26px; }
.form_row_file input { margin-bottom: 5px; }
#contact_form .form_row label { width: 120px; }
.form_row label { width: 200px; display: block; float: left; color: #0055a7; font-weight: bold; line-height: 26px; }
.form_row input { display: block; }
.form_row textarea { width: 250px; height: 150px; }
#contact_form .button { width: 375px; text-align: right; margin-top: 20px; }
#registration_form .button { width: 455px; text-align: right; margin-top: 20px; }

.gmap { border: #e0e0e0 1px solid; padding: 1px; }
.contact { float: right; width: 250px; padding-left: 10px; display: inline; }

h3.big_margin { margin-top: 40px; margin-bottom: 20px; }

ul.errors { list-style-type: none; margin: 10px 0px 10px 0px; color: red; }

a.paginate, a.paginate:visited { color: #0055a7; padding: 2px; }
#paginator { text-align: right; }
#paginator .current { font-size: 125%; font-weight: bold; text-decoration: none; color: #333; }

#gallery .wrapper1 { display: table; width: 180px; height: 180px; overflow: hidden; border: #ddd 1px solid; }
#gallery .wrapper2 { display: table-cell; vertical-align: middle; }
#gallery .wrapper3 a { display: block; line-height: 0px; text-align: center; }
#gallery .wrapper4 { float: left; margin-left: 15px; margin-bottom: 15px; }

.missis_partners_logos { text-align: center; margin: 10px 0px 50px 0px; }
.missis_partners_logos img { padding: 0px 40px 0px 40px; }
.partneri { text-align: center; margin-top: 30px; }
.reklama { font-size: 125%; color: #666; margin-left: 30px; margin-bottom: 20px; }

div.inline_gallery .image { display: inline; margin: 10px; text-align: center; }
div.inline_gallery { text-align: center; margin: 10px 0px 20px 0px;}
div.inline_gallery .image img { border: #ccc 1px solid; padding: 2px;}

#main_content p.form_comment { font-size: 10px; text-align: right; font-style: italic; margin: 0; padding: 0; width: 450px; line-height: 15px; margin-bottom: 10px; }
#main_content .form_row_file p.form_comment { width: 250px; text-align: left; }
.form_row_file_wrapper { width: 250px; float: left; }

#google_ads { text-align: center; margin-top: 20px; }

#left_pane .partneri a { margin-bottom: 20px; display: block; }
/** END: STYLES **/

/** FOOTER **/
#footer_content { width: 958px; color: #fff; margin: auto; padding: 10px; }
/** END: FOOTER **/