/******* MAIN CSS styles + Fixes *******/ /******** Copyright © Pixio 2013 *******/ /************* www.pixio.cz ************/ /* ----- RESET Styles ----- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, group, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;} body {line-height:1;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;} nav ul {list-style:none;} html {overflow-y: scroll;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;} ins {background-color:#ff9;text-decoration:none;} mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} del {text-decoration: line-through;} ol, ul {list-style: none;} abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;} table {border-collapse:collapse;border-spacing:0;} hr {display:block;height:1px;border:0;border-top:1px solid #313131;margin:1em 0;padding:0;} input, select {vertical-align:middle;} .clear{clear: both;height: 0px;visibility: hidden;} /* ----- FONT Face Styles ----- */ /*****************************************************************************************************************************/ /*****************************************************************************************************************************/ /* ----- Main Styles ----- */ a{text-decoration: underline;} body{font-family: Arial, Helvetica, sans-serif;background: #0c0c0c url(img/header.jpg) top left no-repeat;} body div{width: 990px;margin: 0 auto;} #Header{width: 990px;height: 286px;margin: 0 auto;} #Header h1{background: url(img/logo.png) top left no-repeat;display: block;margin: 19px auto;text-align: center;width: 510px;height: 84px;} #Header h2{font-family: ConeriaScriptSlantedDemo;color: white;font-size: 27px;line-height: 92px;letter-spacing: 2px;} #Header h1 a{display: block;width: 100%;height: 100%;text-indent: -5555px;} #Header p{text-align: center;font-size: 16px;color: #a5a4a4;margin-bottom: 7px;} #Header #Menu {width: 990px;height: 71px;background: url(img/menu.png) top left no-repeat;} #Header #Menu ul{top: 11px;position: relative;left: 8px;} #Header #Menu ul li{display: block;float: left;font-family: ConeriaScriptSlantedDemo;position: relative;} #Header #Menu ul li a{display: block;color: white;text-decoration: none;padding: 17px 60px;background: url(img/divider.png) center right no-repeat;} #Header #Menu ul li:hover{background: url(img/hover.png) top center no-repeat;} #Header #Menu ul li a#end{background: none;} #Header #Menu ul li:hover ul{display: block;} #Header #Menu ul li ul{position: absolute;top: 48px;padding-top: 4px;left: 0px;display: none;z-index: 50;} #Header #Menu ul li ul li{float: none;background: red;height: 33px;background: url(img/subitem.png) top left repeat-x!important;width: 210px;border: 1px solid #383838;margin-bottom: 1px;border-radius: 5px;} #Header #Menu ul li ul li a{background: none;padding: 10px;font-size: 14px;} #Header #Menu ul li ul li:hover{background: url(img/sub_hover.png)!important;} #Content{background: #090909;border: 1px solid #2c2c2c;padding: 20px;width: 950px;min-height: 380px;} #Content p{color: white;font-size: 14px;line-height: 19px;text-align: justify;margin-bottom: 15px;} #Content a{color: white;} #Content h2{color: white;padding-bottom: 7px;margin-bottom: 10px;border-bottom: 1px solid #313131;font-size: 23px;} #Content h3{color: white;margin-bottom: 10px;font-size: 19px;} #Content h4{color: white;margin-bottom: 10px;font-size: 16px;} #Content a:hover{text-decoration: none;} #Content ul li{color: white;font-size: 14px;padding: 4px 0 4px 29px;background: url(img/li.png) 0px 4px no-repeat;} #Content ul{margin-bottom: 15px;} #Content table{color: white;font-size: 14px;line-height: 19px;} #Content table td{border: 1px solid #313131;padding: 6px;background: #101010;} #Content table th{border: 1px solid #313131;padding: 6px;background: #fcaf17;color: #090909;} #Content table[border="0"] td{border: none!important;background: none;} #Footer{width: 100%;height: 87px;background: url(img/footer.jpg) top center no-repeat;} #inner-Footer{position: relative;width: 960px;text-align: left;font-size: 14px;color: #484848;margin: 12px auto 0 auto; background: url(img/footer_strip.png) top left repeat-x;padding: 20px 15px;border: 1px solid #313131;} #inner-Footer span{float: right;} #inner-Footer span a{padding: 0px 25px;width: 43px;height: 15px;background: url(img/pixio.png) top left no-repeat;} #inner-Footer p{position: absolute;top: 20px;left: 420px;} #inner-Footer p a{color: #6e6e6e;text-decoration: none;} .Fotogallery li{background: none!important;padding: 0px!important;float: left;position: relative;margin-right: 20px;margin-bottom: 5px;} .Fotogallery li span{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: url(img/gallery.png) top left no-repeat;height: 75px;} .Fotogallery li span:hover{background-position: bottom left;} @font-face { font-family: 'ConeriaScriptSlantedDemo'; src: url('font/demo_coneriascript_slanted.eot'); src: url('font/demo_coneriascript_slanted.eot?#iefix') format('embedded-opentype'), url('font/demo_coneriascript_slanted.woff') format('woff'), url('font/Demo_ConeriaScript.ttf') format('truetype'), url('font/demo_coneriascript_slanted.svg#ConeriaScriptSlantedDemo') format('svg'); } .fontpro,.fontpro-22972 { font-family: 'ConeriaScriptSlantedDemo',sans-serif; } /*****************************************************************************************************************************/ /*****************************************************************************************************************************/ /* ----- Anketa Styles -----*/ .Pool{} .PoolQuestion{} .PollAnswer{} .PoolVote{} .PoolInput{} .PoolTotalVotes{} /*****************************************************************************************************************************/ /* ----- Otazky&Odpovedi Styles -----*/ .FAQBox{} .FAQcategory{} .FAQtoogle {} .FAQtoogle h3 {cursor:pointer;} .FAQcontent p{} /*****************************************************************************************************************************/ /* ----- Dokumenty ke stazeni - Styles -----*/ .DownloadGallerySearch{} .DownloadGallery{} .DownloadGalleryTable{width: 990px;} .DownloadGalleryTableHeader{} .DownloadGalleryFileRow{} .DownloadGalleryFileDescription{} .DownloadGalleryGroup{} .DownloadGalleryUserUpload{ } /* ----- User Upload -----*/ #UserUploadTable{} .UserUploadTitle{} .UserUploadSelect{} .UserUploadText{} .UserUploadFile{} .UserUploadTextarea{n /*****************************************************************************************************************************/ /* ----- Napsali o nas - Styles -----*/ #WroteAboutUs {} #WroteAboutUs div {} #WroteAboutUs span {} #WroteAboutUs img {} /*****************************************************************************************************************************/ /* ----- Guestbook Styles -----*/ .guestbook_div{width: 100%;position: relative;border: 1px solid #DCDCDC;margin-bottom: 10px;} .guestbook_even {background: #ededed;} .guestbook_ood {background: #f5f5f5;} .guestbook_div .guestbook_comment{background: #f7f7f7;} .guestbook_div .guestbook_icons {position: relative;top: -4px;} .guestbook_div .guestbook_email_a, .guestbook_div .guestbook_web_a{position: relative;top: 3px;margin-left: 5px;font-size: 12px;text-decoration: underline;color: #646464;} .guestbook_div .guestbook_email_a:hover, .guestbook_div .guestbook_web_a:hover{text-decoration: none;} .guestbook_div .email_guestbook_icon{margin-left: 5px;top: 3px;position: relative} .guestbook_div .web_guestbook_icon{position: absolute;top: 2px;margin-left: 5px;} .guestbook_div .guestbook_date {position: absolute;top: 10px;font-weight: bold;right: 10px;} .guestbook_div .guestbook_name {font-weight: bold;padding: 10px 10px 7px 10px;position: relative;width: 98%;background: #d6d6d6;} .guestbook_div .guestbook_message {padding: 15px 10px 15px 10px;width: 96%;line-height: 20px;} .guestbook_div .guestbook_comment {font-style: italic;width: 95%;padding: 7px;border: 1px dashed #BCBCBC;position: relative;margin: 0 0 15px 15px;line-height: 25px;} /* Smilies styles */ #smilies_box{width: 402px;margin: 5px 0 10px 0px;padding: 10px 10px ;border-bottom: 1px solid #d6d6d6;border-top: 1px solid #d6d6d6;} #smilies_box img{margin: 0 4px 10px 0;cursor: pointer;} #show_smilies{cursor: pointer;line-height: 25px;} #hide_text_smilies{display: none;font-size: 11px;color: #747474;} #show_text_smilies{font-size: 11px;color: #747474;} /*Input Form*/ .required {color: #bb0e0e;} .input_name_field, .input_mail_field, .input_website_field {width: 408px;margin-bottom: 5px;padding: 7px;} .input_message_field {width: 412px;height: 80px;font-family:Arial, Helvetica, sans-serif;padding: 5px;margin-top: 5px;} .guestbook_title{width: 90px;vertical-align: middle;} .captcha_table {margin: 10px 0px;} .captcha_expl {font-size: 11px;} .guestbook_back{} .guestbook_submit{} /*****************************************************************************************************************************/ /* ----- Event Styles -----*/ div#concert-calendar {} div#concert-calendar .header_data {} div#concert-calendar .concertborder {} div#concert-calendar .concertheading {line-height: 24px;padding: 6px;background-color: grey;color: white;margin: 0 0 5px 0;} div#concert-calendar a.toggle {cursor:pointer;} /*****************************************************************************************************************************/ /* ----- TagCloud -----*/ .tagCloud {} .tagCloud ul, .tagCloud ul li, .tagCloud ul li a {display:inline;} .tagCloud ul li a {text-decoration: none;padding: 2px;} .tagCloud ul li a:hover {text-decoration: underline;} .tagdescription{font-size: 11px;} /* Velikosti jednotlivych fontu pro urovne */ .taglevel21 { font-size:30px; } .taglevel20 { font-size:29px; } .taglevel19 { font-size:28px; } .taglevel18 { font-size:27px; } .taglevel17 { font-size:26px; } .taglevel16 { font-size:25px; } .taglevel15 { font-size:24px; } .taglevel14 { font-size:23px; } .taglevel13 { font-size:22px; } .taglevel12 { font-size:21px; } .taglevel11 { font-size:20px; } .taglevel10 { font-size:19px; } .taglevel9 { font-size:18px; } .taglevel8 { font-size:17px; } .taglevel7 { font-size:16px; } .taglevel6 { font-size:15px; } .taglevel5 { font-size:14px; } .taglevel4 { font-size:13px; } .taglevel3 { font-size:12px; } .taglevel2 { font-size:11px; } .taglevel1 { font-size:10px; } .taglevel0 { font-size:9px; } /*****************************************************************************************************************************/ /* ----- Form Styles -----*/ .formx_required {color: #b70b0b;} .formx_title{width:100px;display: block;} .formx_field{width:460px;display: block; } /* Defaultni nastaveni pro pole */ .formx_email, .formx_textarea, .formx_text, .formx_radio, .formx_select, .formx_checkbox { } /* Chybove hlaseni u pole */ .formx_err_email, .formx_err_textarea, .formx_err_text, .formx_err_radio, .formx_err_select, .formx_err_checkbox { } /* Hovery na pole*/ .formx_email:hover, .formx_textarea:hover, .formx_text:hover, .formx_radio:hover, .formx_select:hover, .formx_checkbox:hover, .formx_err_email:hover, .formx_err_textarea:hover, .formx_err_text:hover, .formx_err_radio:hover, .formx_err_select:hover, .formx_err_checkbox:hover { } /* Focusy na pole*/ .formx_email:focus, .formx_textarea:focus, .formx_text:focus, .formx_radio:focus, .formx_select:focus, .formx_checkbox:focus, .formx_err_email:focus, .formx_err_textarea:focus, .formx_err_text:focus, .formx_err_radio:focus, .formx_err_select:focus, .formx_err_checkbox:focus { } /* Styly pro jednotlive typy */ .formx_email, .formx_text, .formx_err_email, .formx_err_text {width:410px;} .formx_textarea, .formx_err_textarea {width:410px;height:100px;} .formx_radio, .formx_err_radio{width:10px;} .formx_checkbox, .formx_err_checkbox{width:10px;} .formx_select, formx_err_select{width:410px;} .formx_heading{width:98%;} /* Odesilaci button */ .formx_send{cursor: pointer;border: 1px solid #CCCCCC;color:#666666;} .formx_send:hover{border: 1px solid #999999;} /* Kontrola Captcha */ #formx_captcha input {background-color:#F4F4F4;border: 1px solid #CCCCCC;} /* Styly pro BOX napovedy */ .formx_a_img{border:0;} .formx_img_help{border:0;width:16px;height:16px;display:block;} .form_help_box{position: absolute; background: #eeeeee;width: auto;padding: 15px 20px;border: 1px solid #c1c1c1;margin-top: 5px;} .form_help_strong{color: #b82525;} .form_help_p{color: #535353;line-height: 25px;} /*** For ASP ***/ .nixhier {display:none;} /*****************************************************************************************************************************/ /* ----- Browsers Fixes ----- */ .ie7{} .ie8{} .ie9{} @-moz-document url-prefix(){} /*Firefox*/ @media screen and (-webkit-min-device-pixel-ratio:0) {} /*Chrome*/