/** reset prvku **/
    body, div, span, p, form, ul, h1, h2, h3 {padding:0px; margin:0px; list-style:none}
    br.clear {clear:both;}
    img {margin:5px}
    .none {display:none}
    
    /** Nastaveni zakladniho textu **/
    body {font-size:12px; color:#727272; font-family: Arial; background: #f1f1f1}
    h1 {color:#0096da; font-size:26px; margin:2px 0px 6px 0px}
    h2 {color:#a6c511; font-size:20px; margin:9px 0 3px}
    h3 {color:#0082c7; font-size:18px; margin:4px 0px 4px 0px}
    h4 {color:#0062ad; font-size:14px; margin:8px 0px 2px 0px}
    a {color:#029BE0;}
    
    
    /** Nastaveni form elementu **/
    input[type=text]{width:133px; height:32px; padding:0 0 0 10px; border:1px solid #dcdcdc}
    input.input_text,select.select_input,select.input_select {background:#FFF url(images/input_bg.png) repeat-x; height:32px; width:226px; border:1px solid #dcdcdc; padding:0 0 0 10px;}
    textarea.input_textarea {width:235px; height:190px; border: 1px solid #ccc;}
    select.select_input {width:205px; padding-top:5px}
    input.input_text.long {width:558px}
    label.classic {float:left; display:block; width:65px; line-height:38px}
    fieldset {border:1px solid #dcdcdc; margin-top:10px}
    
    form div.sll {float:left; width:48%}
    form div.slr {float:right; width:48%}
    a.submit_button {padding:10px 15px 10px 5px; border-right: 5px solid #199dd9; background: #199dd9 url('images/li_point3.png') right center no-repeat; color:#fff; text-decoration:none}
    
    /** Zakladni layout **/
    div#obal {background:#f1f1f1;}
    div#layer {width:960px; margin:0px auto; background:url(images/top_line.jpg) no-repeat; position:relative;}
    div.col_right {float:left; border:0px solid red; width:300px;}
    div.col_left {float:right; border:0px solid red; width:630px; margin-left: 30px}
    div#header {height:310px;}
    div#footer {background:#f1f1f1 url(images/top_line.jpg) no-repeat; width:960px; margin:10px auto 0px auto; padding:10px 0px; position:relative}
    div#footer p.copyright {color:#8b9d06; font-size:11px; padding-top:3px}
    div#footer p.copyright a {color:#8b9d06; font-weight:bold}
    div#footer ul.footer_fce {position:absolute; right:0px; top:20px}
    div#footer ul.footer_fce li {float:left}
    
    /* logo */
    a#logo {background:url(images/tempo-logo-big.png) no-repeat; width:298px; height:98px; display:block; position:absolute; top:130px; left:0px}
    
    /* drobeckovka */
    div#drobeckovka {position:absolute; top:292px; left:305px; font-size:10px; display: none}
    
    /* search form */
    .button {background: url("images/button_bg.gif") repeat-x scroll 0 0 #199DD9;color: #FFFFFF; padding: 9px 8px 8px; text-decoration: none; border:0px; margin-left:10px;}
    div#search {position:absolute;top:50px;right:0px; display:none;}
    div#search span{display:none}
    input#SearchInput {background: url("images/input_bg.png") repeat-x scroll 0 0 #FFFFFF; border: 1px solid #DCDCDC; height: 32px; padding: 0 0 0 10px; width: 150px;}
    
    /** textova oblast */
    .textformat {_height:200px; min-height:200px; margin-bottom:10px}
    .textformat p {padding:5px 0px; text-align:justify; line-height:19px;}
   /* .textformat ol li {height:29px}*/
    .textformat ol li img {position:relative; top:3px}
    #panel-text_field ul, .textformat ul {padding:0px 0px 3px 30px}
    #panel-text_field  ul li, .textformat ul li {line-height:22px; background:transparent url(images/li_point.png) no-repeat 0px 7px; padding:0 0 0 20px}
    
    .textformat table{width:100%; border-collapse: collapse}
    .textformat table th{text-align:left; background:#D5E8B8; padding:5px}
    .textformat table tr td{padding:5px; background:#DBEEEA}
    .textformat table tr:nth-child(2n+1)  td{background:#fff}
    
    
    
    /** top menu **/
    ul#MainMenu {position:absolute; top:50px; right:-30px; padding:0px}
    ul#MainMenu li {float:left; display:block; margin-right:20px; position:relative;}
    ul#MainMenu li a {color:#0082c7; font-size:16px; text-decoration:none;padding:8px 13px; font-weight:normal}
    ul#MainMenu li a:hover, ul#MainMenu li.selected > strong > a {background:#0096da; color:#FFF;}
    ul#MainMenu ul {display:none; position:absolute; top:20px; left:0px; border:1px solid; width:210px; background:#EBF9FF; border:1px solid #DCDCDC; z-index:99}
    ul#MainMenu ul li{float:none; padding:5px 0px 5px 5px}
    ul#MainMenu ul li a{font-size:12px !important; padding:4px; display:block}
    
    ul#MainMenu li:hover ul {display:block}
    
    
    /** Panely **/
    /*-> Newsletter */
    #newsletter_panel {height:125px; border:1px solid #dcdcdc; border-width:1px 0px 1px 0; position:relative; padding:10px 0px}
    #newsletter_panel h3{font-size:24px}
    #newsletter_panel label{font-size:14px}
    #newsletter_panel input.input_text{width:210px}
    body.lang_pl #newsletter_panel input.input_text{width:180px}
    #newsletter_panel a.submit_button {position:absolute; top:80px; right:6px}
    #newsletter_panel a.cancel_button {position:absolute; top:89px; left:90px}
    
    /*-> Aktuality */
    #actuals-panel {height:125px; border:1px solid #dcdcdc; border-width:1px 0px 1px 0; position:relative; padding:10px 0px}
    #actuals-panel h3{font-size:24px; color: #B4CB0B}
    #actuals-panel div div{margin-top:7px; font-size:11px; text-align:justify}
    #actuals-panel a.show_all{margin-top:5px; display:block; width:30px; float:right; padding-left: 15px; background: url('images/li_point4.png') left center no-repeat}
    #actuals-panel a.show_all:hover{text-decoration: none}
    
    /** speciality dane prezentace */
    /*-> Specificke class uvnitr textformat */
    .textformat ul.people_list {padding:0px; margin-top:10px}
    .textformat ul.people_list li {background:#fff; width:168px; float:left; text-align:center; margin:5px 45px 30px 0; padding: 15px 5px 5px 5px; border:1px solid #E1F3FD; }
    .textformat ul.people_list li.line_break {margin:5px 0px 0 0; }
    .textformat ul.people_list li span {font-style:italic}
    
     
    .textformat ul.akreditace {padding:0px; margin-top:10px}
    .textformat ul.akreditace img {width:140px}
    .textformat ul.akreditace li {background:#fff; width:168px; float:left; text-align:center; margin:5px 45px 30px 0; padding: 15px 5px 5px 5px; border:1px solid #E1F3FD; }
    .textformat ul.akreditace li.line_break {margin:5px 0px 0 0; }

    
    .textformat ul#referencni_dopisy {padding:0px; margin-top:10px}
    .textformat ul#referencni_dopisy li {background:#fff; width:168px; float:left; text-align:center; margin:5px 60px 30px 0; padding: 15px 5px 5px 5px; border:1px solid #E1F3FD; }
    .textformat ul#referencni_dopisy li.line_break {margin:5px 0px 0 0; }
    .textformat ul#referencni_dopisy li span {font-style:italic}
    
    
    /* top fast menu */
    .col_left #panel-top-fast-menu {position:absolute; top:130px; left:330px}
    .col_left #panel-top-fast-menu ul#top_fast_menu {padding:0px !important;width:660px}
    .col_left #panel-top-fast-menu ul#top_fast_menu li {float:left; width:203px; height:162px; margin-right:10px; display:block; padding:0px; background:transparent}
    .col_left #panel-top-fast-menu ul#top_fast_menu li span {
        display:block;
        padding: 8px 12px;
        background:#b4cb0b;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    .col_left #panel-top-fast-menu ul#top_fast_menu li a {
        color:#FFF;
        text-decoration:none;
        display: block;
        padding-top: 135px;
    }
    .col_left #panel-top-fast-menu ul#top_fast_menu li.frst {background:url(images/top_small_4.jpg) no-repeat;}
    .col_left #panel-top-fast-menu ul#top_fast_menu li.scnd {background:url(images/top_small_5.jpg) no-repeat;}
    .col_left #panel-top-fast-menu ul#top_fast_menu li.thrd {background:url(images/top_small_6.jpg) no-repeat; margin-right:0px}
    .col_left #panel-top-fast-menu ul#top_fast_menu li.selected span {background:#0096da;}
    .col_left #panel-top-fast-menu ul#top_fast_menu li a:hover span {background:#0096da;}
    
    
    
    /* menu mimo hlavni stranku */
    #left_menu{margin-top: 4px}
    ul#left_menu li {background:url(images/left_menu_close.png) no-repeat; width:300px; _height:52px; min-height:52px; display:block; line-height:52px; margin-bottom:1px; overflow: hidden;}
    ul#left_menu li.selected {background:url(images/left_menu_open.png) no-repeat;}
    ul#left_menu li a {color:#fff; text-decoration:none; padding-left:40px; display: block; background: url("images/li_point3.png") 18px 20px no-repeat}
    ul#left_menu li ul {display:none; margin:0px; padding:10px 0px; background:#f5faee;}
    ul#left_menu li ul li {background:transparent; height:26px; min-height:26px; line-height:26px !important; padding:0px}
    ul#left_menu li ul li a {color:#727272; font-weight:normal; text-decoration:underline; padding-left:60px; font-size:11px; background: url('images/li_point2.png') 37px 9px no-repeat}
    ul#left_menu li.selected ul {display:block}
    ul#left_menu li ul li.selected {background:transparent url(images/li_point2.png) no-repeat 10px 8.5px;}
    
    /* menu na hlavni strance */
    ul#menu_main_page {width:960px; border:0px solid blue; height:420px}
    ul#menu_main_page li { float:left; width:299px; margin-right:31px; border:0px solid red; background:#FFF; height:390px; overflow:hidden}
    ul#menu_main_page li ul ul{display:none}
    ul#menu_main_page li strong {margin-top:200px; display:block; height:30px; background:#b4cb0b; padding:15px 0 0 10px}
    ul#menu_main_page li strong a{text-decoration:none; color:#FFF; font-size:18px}
    /*-> Druha uroven */
    ul#menu_main_page li ul li {float:none;height:35px}
    ul#menu_main_page li ul li strong {background:transparent url(images/li_point.png) no-repeat 20px center; padding:0px 0px 0px 35px; margin:0px; display:inline; line-height:35px;}
    ul#menu_main_page li ul li strong a{color:#727272; font-size:12px; font-weight:normal}
    
    ul#menu_main_page li.menu_main_page_li_5  {background:#fff url(images/menu_main_page_4.jpg) no-repeat; box-shadow: 0 0 10px 0 rgba(23, 23, 23, 0.2);}
    ul#menu_main_page li.menu_main_page_li_5 > strong { background: #0096da}
    ul#menu_main_page li.menu_main_page_li_18 {background:#fff url(images/menu_main_page_5.jpg) no-repeat; box-shadow: 0 0 10px 0 rgba(23, 23, 23, 0.2);}
    ul#menu_main_page li.menu_main_page_li_27 {background:#fff url(images/menu_main_page_6.jpg) no-repeat; margin-right:0px; box-shadow: 0 0 10px 0 rgba(23, 23, 23, 0.2);}
    
    #fast_contacts-panel {display:none}
    
    /** Specialka pro uvodni stranku **/
    div#obal.main_page ul#MainMenu {top:60px; right:240px}
    div#obal.main_page ul#MainMenu a{font-size:13px}
    div#obal.main_page ul#MainMenu li{margin-right:5px}
    
    div#obal.main_page div#search {display:block;}
    
    div#obal.main_page div.col_right {float:none;width:960px; height:150px;}
    div#obal.main_page div.col_left {width:960px; float:none; margin: 0}
    div#obal.main_page a#logo {background:url("images/tempo-logo.png") no-repeat scroll 0 0 transparent; top:30px}
    div#obal.main_page .col_left div#panel-top-fast-menu {display:none}
    div#obal.main_page div#header {height:130px}
    div#obal.main_page div#drobeckovka {display:none}
    /*--> footer boxs */
    div#obal.main_page div#newsletter_panel {float:left; width:300px; margin-right:30px}
    div#obal.main_page div#actuals-panel {float:left; width:300px;  margin-right:30px}
    div#actuals-panel .actual_item a {color: #B4CB0B}
    div#obal.main_page div#panel-partner {float:left; width:300px;    border-color: #DCDCDC; border-style: solid; border-width: 1px 0 1px 0; height: 125px; padding: 10px 0; position: relative;}
    div#obal.main_page div#panel-partner h3{font-size:24px; color: #727272}
    div#obal.main_page div#panel-partner div span{text-align:center; display:block}


    /* Kontakt form */
    #contact_form-panel strong {color:#716E6E; font-size:16px; margin-bottom:15px; display:block; margin-top:5px}
    #contact_form-panel label {width:80px; display:block; float:left; padding-top:4px; line-height: 24px}
    #contact_form-panel textarea.input_textarea {margin-top:4px;}
    #contact_form-panel input.input_text {margin-top:4px;}
    #contact_form-panel select.input_select {margin-top:4px; width:239px}
    #contact_form-panel .button_obal {width: 400px; text-align: center; padding-top: 10px;}
    
    #save_formular_2 label {width:300px; font-size:12px}

.lang_panel {position:absolute; top:10px; left:0}
.main_page .lang_panel {position:absolute; top:10px; right:3px}
.lang_panel li {float:right; margin-left: 7px;}
.lang_panel li a {font-size: 11px}