/*** CSS STYLY Created by Moudrys ***/

*{margin: 0; padding: 0;}

html, body { min-height: 100%; }
html { background: #ffffff url('../img/background.png') repeat-x; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 14px; line-height: 135%; position: relative; }

body { text-align: center; }
#web { width: 1020px; text-align: left; margin: 0 auto ; min-height: 100%;height: 100%;position: relative; top: 58px; }
body>#web { height: auto; }

p, h1, h2, h3, ul, li { font-family: Verdana, 'Geneva CE', lucida, sans-serif; }

a:link { text-decoration: underline; color: #000000; }
a:visited { text-decoration: underline; color: #000000; }
a:hover { text-decoration: none; color: #000000; }
abbr, acronym { cursor: help; }

hr.cleaner { clear: both; visibility: hidden; }

/*** ///////////////////////////////////  ***/
/*** ////////     HLAVIÈKA    //////////  ***/
/*** ///////////////////////////////////  ***/


#hlavicka { width: 100%; height: 310px; position: relative; background: url('../img/header.png') no-repeat; }
#logo { position: absolute; left: 15px; top: 0px; background: url('../img/logo.png') no-repeat; }
#hlavicka h1 { padding: 20px; position: relative; width: 405px; height: 124px; overflow: hidden; font-size: xx-small; }
#hlavicka h1 span { position: absolute; top: 0px; left: 0px; width: 405px; height: 124px; overflow: hidden; background: url('../img/logo.png') no-repeat; cursor: pointer; }
#hlavicka #jazyk { position: absolute;  margin-left: 920px; margin-top: 20px; height: 20px; width: 80px;   }
#hlavicka #jazyk a { padding: 0px 2px 0px 2px; color: #454545; font-size: 16px; text-decoration: none; }
#hlavicka #jazyk a.active { color: #008fd5;  font-size: 21px; }



/*** ///////////////////////////////////////  ***/
/*** ////////     VRCHNÍ MENU     //////////  ***/
/*** ///////////////////////////////////////  ***/

#vrchni-menu { position: relative;  width: 480px ; margin: 0px 20px 0px 505px; height: 38px; }  /***  background: url('../img/vrchni_menu_pozadi.png') no-repeat; ***/
#vrchni-menu ul, #top ul { list-style-type: none; }
#vrchni-menu ul li, #top ul li { float: left; }
#vrchni-menu ul li a, #top ul li a { display: block; }
#vrchni-menu ul li a em, #top ul li a em { display: none; }

#vrchni-menu-index, #vrchni-menu-index-active, #vrchni-menu-index a, #vrchni-menu-index-active a { width: 120px; height: 114px; }
#vrchni-menu-nase-sluzby, #vrchni-menu-nase-sluzby-active, #vrchni-menu-nase-sluzby a, #vrchni-menu-nase-sluzby-active a { width: 120px; height: 114px; }
#vrchni-menu-reference, #vrchni-menu-reference-active, #vrchni-menu-reference a, #vrchni-menu-reference-active a { width: 120px; height: 114px; }
#vrchni-menu-kontakt, #vrchni-menu-kontakt-active, #vrchni-menu-kontakt a, #vrchni-menu-kontakt-active a { width: 120px; height: 114px; }

/***Vrchní tlaèítka bez najetí myši a bez oznaèení***/

#vrchni-menu-index a {background: url('../img/menu/o_spolecnosti.png') no-repeat 0px 0px;}
#vrchni-menu-nase-sluzby a {background: url('../img/menu/nase_sluzby.png') no-repeat 0px 0px;}
#vrchni-menu-reference a {background: url('../img/menu/reference.png') no-repeat 0px 0px;}
#vrchni-menu-kontakt a {background: url('../img/menu/kontakt.png') no-repeat 0px 0px;}

/***Vrchní tlaèítka po nejetí myši "hover"***/

#vrchni-menu-index a:hover{background: url('../img/menu/o_spolecnosti.png') no-repeat 0px -38px;}
#vrchni-menu-nase-sluzby a:hover{background: url('../img/menu/nase_sluzby.png') no-repeat 0px -38px;}
#vrchni-menu-reference a:hover{background: url('../img/menu/reference.png') no-repeat 0px -38px;}
#vrchni-menu-kontakt a:hover{background: url('../img/menu/kontakt.png') no-repeat 0px -38px;}

/***Vrchní tlaèítka po kliknutí myši, stávající stránka***/

#vrchni-menu-index-active a{background: url('../img/menu/o_spolecnosti.png') no-repeat 0px -76px;}
#vrchni-menu-nase-sluzby-active a{background: url('../img/menu/nase_sluzby.png') no-repeat 0px -76px;}
#vrchni-menu-reference-active a{background: url('../img/menu/reference.png') no-repeat 0px -76px;}
#vrchni-menu-kontakt-active a{background: url('../img/menu/kontakt.png') no-repeat 0px -76px;}



/*** ///////////////////////////////////  ***/
/*** ////////     SPODNÍ MENU     //////  ***/
/*** ///////////////////////////////////  ***/


#spodni-menu { height: 119px; width: 1020px; position: relative; background: url('../img/spodni_menu.png') no-repeat; } /*** background: url('../img/stredni_menu_pozadi.png') no-repeat; ***/
#spodni-menu-ucetnictvi, #spodni-menu-ucetnictvi a { width: 80px; height: 19px; }
#spodni-menu-dane, #spodni-menu-dane a { width: 80px; height: 19px; }
#spodni-menu-e-poradna, #spodni-menu-e-poradna a { width: 80px; height: 19px; }

#spodni-menu-ucetnictvi a {background: url('../img/vice.png') no-repeat;}
#spodni-menu-dane a {background: url('../img/vice.png') no-repeat;}
#spodni-menu-e-poradna a {background: url('../img/vice.png') no-repeat;}

#spodni-menu-ucetnictvi a:hover {background: url('../img/vice.png') no-repeat 0px -19px;}
#spodni-menu-dane a:hover {background: url('../img/vice.png') no-repeat 0px -19px;}
#spodni-menu-e-poradna a:hover {background: url('../img/vice.png') no-repeat 0px -19px;}

#spodni-menu #spodni-menu-accounting a {background: url('../img/vice.png') no-repeat;}
#spodni-menu #spodni-menu-tax-advice a {background: url('../img/vice.png') no-repeat;}
#spodni-menu #spodni-menu-economic-advice a {background: url('../img/vice.png') no-repeat;}

#spodni-menu #spodni-menu-accounting a:hover {background: url('../img/vice.png') no-repeat 0px -19px;}
#spodni-menu #spodni-menu-tax-advice a:hover {background: url('../img/vice.png') no-repeat 0px -19px;}
#spodni-menu #spodni-menu-economic-advice a:hover {background: url('../img/vice.png') no-repeat 0px -19px;}

#spodni-menu ul { list-style-type: none; }
#spodni-menu ul li {  float: right; }
#spodni-menu ul li a { display: block; }
#spodni-menu ul li a em { display: none; }


#spodni-menu #ucto { position: absolute;  margin: 48px 0px 0px 315px; width: 185px; height: 50px;}
#spodni-menu #dane { position: absolute; width: 160px; margin: 48px 0px 0px 530px; height: 50px; }
#spodni-menu #poradna { position: absolute; margin: 48px 0px 0px 720px;  width: 271px; height: 50px; }

#spodni-menu #ucto p, #spodni-menu #dane p, #spodni-menu #poradna p { color: white; font-size: 12px; line-height: 125%; }
#spodni-menu #ucto ul, #spodni-menu #dane ul, #spodni-menu #poradna ul {margin: 10px 0px; }






/*** //////////////////////////////////////////  ***/
/*** ////////     TEXTOVÁ PLOCHA     //////////  ***/
/*** //////////////////////////////////////////  ***/


#obsah{  background: url('../img/repeat_new.png') repeat-y; width: 100%; margin: 0; padding: 0; }
#obal2{ width: 100%; /*** background: url('../img/bottom.png') ***/background: url('../img/repeat_new.png') no-repeat left bottom; }



/*** /////////////////////////////////////////////////////  ***/
/*** ////////     LEVÝ PANEL TEXTOVÉ PLOCHY     //////////  ***/
/*** /////////////////////////////////////////////////////  ***/

#left  { float: left; width: 245px; overflow: hidden; padding: 25px 0px 0px 0px;  margin: 0px 32px 20px 32px; position: relative;}
#left a { color: #ffffff; text-decoration: none; }
#left a:hover { text-decoration: underline; }
#left ul {  font-size: 13px; color: #ffffff;  margin: 15px 0px 15px 0px ;  }
#left ul li { list-style-type: none; text-decoration: none; margin: 2px 0px 2px 0px; }
#left ul li.jmeno { font-weight: bold; font-size: 16px; margin: 5px 0px 20px 0px; }

#left h1 { color: #008fd5; padding: 0px 0px 10px 0px;}
#left .oddelovac {width: 100%;  margin: 10px 0px 10px 10px; padding: 0; height: 1px; background: url('../img/oddelovac.png') no-repeat; }               /***  border-bottom: 1px solid #cfcfcf; ***/

#left div.rychly-kontakt {float: left; width: 245px; background: url('../img/kontakt_repeat.png') repeat-y; position: relative; }
#left div.rychly-kontakt-top { width: 100%; background: url('../img/kontakt_zacatek.png') no-repeat left top; }
#left div.rychly-kontakt-bottom { padding: 55px 15px 15px 15px;  background: url('../img/kontakt_konec.png') no-repeat left bottom; }
#left div.rychly-kontakt hr.line { height: 1px; border: 0px none; background: #C2C7CB; clear: both; display: block;  }
#left div.rychly-kontakt p { position: relative; font-size: 13px; color: #ffffff; padding: 0px 0px 15px 0px;}

/*** Užiteèné odkazy ***/

#left div.uzitecne-odkazy a { position: relative; overflow: hidden; margin: 15px 0px; height: 50px; width: 245px; }
#left div.uzitecne-odkazy a span { float: left; top: 0px; left: 0px; margin: 15px 0px;  width: 245px; height: 50px; overflow: hidden; background: url('../img/uzitecne_odkazy.png') no-repeat; cursor: pointer; }


/*** /////////////////////////////////////////////////////  ***/
/*** ////////     PRAVÝ PANEL TEXTOVÉ PLOCHY     /////////  ***/
/*** /////////////////////////////////////////////////////  ***/

#right {width: 660px; margin: 0px 0px 0px 295px; padding: 20px 20px 0px 15px; position: relative;}
#right h2 { font-size: 24px; font-weight: lighter;  color: #454545; margin: 10px 0px 15px 15px; font-weight: normal;}
#right h3 { font-family: segoe ui; font-size: 21px; font-weight: lighter;  color: #454545; padding: 10px 0px 20px 20px;}
#right p { color: #454545; font-size: 13px; padding: 5px 0px 20px 0px; text-align: justify;}

#right div.odstavec {margin: 10px 10px 20px 10px; padding: 0px ; float: left; width: 663px; background: url('../img/odstavec_repeat.png') repeat-y; position: relative; }
#right div.odstavec img { float: left; padding: 3px 10px 0px 10px;}
#right div.odstavec-top { width: 100%; background: url('../img/odstavec_zacatek.png') no-repeat left top; }
#right div.odstavec-bottom { padding: 25px 20px 15px 20px;  background: url('../img/odstavec_konec.png') no-repeat left bottom; }
#right div.odstavec-bottom div.mapa a { height: 185px; width: 294px; margin: 0px 0px 9px 0px; float: right;}                                                                                                                                                                               
#right div.odstavec-bottom div.mapa a span{ height: 185px; width: 294px; background: url('../img/mapa.png') no-repeat; margin: 0px 0px 9px 0px; float: right;}
#right div.odstavec hr.line { height: 1px; border: 0px none; background: #C2C7CB; clear: both; display: block;  }
#right div.odstavec p a { color: #008fd5; }
#right div.odstavec p { position: relative; font-size: 13px; color: #535353; padding: 0px 0px 15px 0px;}
#right div.odstavec p.inner   { padding: 0px 60px 5px 50px; }
#right div.odstavec p.inner-d { padding: 0px 20px 10px 20px; }
#right div.odstavec p.inner-z { padding: 5px 20px 15px 20px; }
#right div.odstavec p.inner-n { padding: 15px 60px 5px 50px; }
#right div.odstavec p.inner-i { border: 1px solid #cccccc; margin: 20px 30px 30px 60px; padding: 10px; font-style: italic; font-size: 12px;}

#right div.odstavec p.inner span {color: #008fd5;}
/*** //////////////////////////////////////////  ***/
/*** //////// JEDNOTLIVÉ SEZNAMY     //////////  ***/
/*** //////////////////////////////////////////  ***/

.textik div { display: none;  }
.textik div ul {  color: #454545; font-size: 13px; margin: 15px 0px 0px 10px; }
.textik div ul li{  list-style-type: square;margin: 10px 20px 10px 50px; }
.textik div ul li.strong { list-style-type: none; text-decoration: none; font-weight: bolder; font-size: 18px; margin: 20px 0px 20px 20px; color: #008fd5; line-height: 140%; }
.nadpisik { cursor: pointer; }

ul.seznam { color: #454545; font-size: 13px; margin: 15px 0px 0px 10px; }
ul.seznam li { list-style-type: square;margin: 10px 20px 10px 50px; }
ul.seznam li.strong { list-style-type: none; text-decoration: none; font-size: 18px; font-weight: bolder; margin: 20px 0px 20px 20px; line-height: 140%; color: #008fd5; }

ul.kontakty { color: #454545; font-size: 13px; margin: 15px 0px 0px 10px;  }
ul.kontakty li { list-style-type: none; margin: 10px 20px 10px 30px; }
ul.kontakty li a { color: #008fd5; }
ul.kontakty li.strong { list-style-type: none; text-decoration: none; line-height: 140%; font-size: 18px; font-weight: bolder; margin: 20px 0px 20px 20px; color: #008fd5; }

#ohraniceni-kontaktu ul.kontakty-l {float: left; color: #454545; width: 82px; font-size: 13px; margin: 5px 0px 0px 10px;  }
#ohraniceni-kontaktu ul.kontakty-l li { list-style-type: none; margin: 10px 0px 10px 15px; }
#ohraniceni-kontaktu ul.kontakty-l li a { color: #008fd5; }
#ohraniceni-kontaktu ul.kontakty-l li.strong { list-style-type: none; text-decoration: none; line-height: 140%; font-size: 18px; font-weight: bolder; margin: 20px 0px 20px 20px; color: #008fd5; }

#ohraniceni-kontaktu ul.kontakty-r {float: right; color: #454545; font-size: 13px; margin: 5px 0px 0px 10px;  }
#ohraniceni-kontaktu ul.kontakty-r li { list-style-type: none; margin: 10px 20px 10px 0px; }
#ohraniceni-kontaktu ul.kontakty-r li a { color: #008fd5; }
#ohraniceni-kontaktu ul.kontakty-r li.strong { list-style-type: none; text-decoration: none; line-height: 140%; font-size: 18px; font-weight: bolder; margin: 20px 0px 20px 20px; color: #008fd5; }


/*** ///////////////////////////////////  ***/
/*** ////////     DOPLÒKY     //////////  ***/
/*** ///////////////////////////////////  ***/


#formular fieldset { padding: 18px; border: none;  } 
#formular p{ text-align: left; padding: 0px; color: #535353; }
#formular fieldset label{  font-size: 13px; color: #545d66; text-align: left; display: block; margin: 0px 0px 0px 10px; padding: 10px; }
#formular fieldset label input{ border: 1px solid #dfdfdf; background: #f6f6f6; float: right; width: 140px; height: 24px; margin: 0px 230px 0px 0px; }
#formular fieldset label input:hover, #formular fieldset label input.povinne:hover, #formular fieldset textarea:hover { border: 1px solid #00abff; }
#formular fieldset label input:focus, #formular fieldset label input.povinne:focus, #formular fieldset textarea:focus { border: 1px solid #008fd5; }
#formular fieldset label input.povinne { border: 1px solid #c1cc9d; background: #dfecb5; }

#formular fieldset textarea{border: 1px solid #dfdfdf; background: #f6f6f6; width: 90%; margin: 0px 0px 14px 20px;}
#formular fieldset input.button{ margin: 0px 5px 0px 450px; background: url('../img/odeslat.png') no-repeat; #008fd5; border: none; width: 100px; height: 25px; padding: 2px 0px 0px 0px;}
#formular fieldset input.button:hover {margin: 0px 5px 0px 450px; background: url('../img/odeslat.png') no-repeat 0px -25px; border: none; width: 100px; height: 25px; padding: 2px 0px 0px 0px;}

span.error {border: 1px solid #ffa800; display: block;  background: #ffc600; color: #000000;} 
span.error {margin: 0px 0px 10px 0px; padding: 10px; text-align: left;}
span.error li {font-style: italic; margin: 2px 5px 2px 0px;}
span.error li.zprava {font-style: normal; font-size: 21px; font-weight: normal; margin: 5px 5px 20px 0px;}
span.error ul{ list-style-type: none; margin: 5px 0px 5px 0px; }

span.ok{ border: 1px solid #779516; display: block; background: #bfe73f; color: #386103;}     
span.ok ul li{ list-style-type: none; font-style: normal; font-size: 21px; font-weight: normal; margin: 20px; text-align: center; } 


/*** ///////////////////////////////////  ***/
/*** ////////     PATIÈKA     //////////  ***/
/*** ///////////////////////////////////  ***/

#paticka {width: 1020px; height: 50px; overflow: hidden; clear: both; text-align: left; background: url('../img/footer.png') top no-repeat ;}
#paticka #bottom{position: relative; clear: both; width: 990px; height: 50px;}
#paticka p, #paticka a { margin-top: 15px; color: #ffffff; font-size:13px; text-decoration: none;}
#paticka a:hover { text-decoration: underline; }
#paticka p.left{ float:left; margin-left: 40px; text-decoration: none;}
#paticka p.right { float:right; margin-right:20px; text-decoration: none; }