/* 

CSS Document
Martin MIKLOŠ_14.11.2009 

*/


/*......HLAVNÍ PRVKY LAYOUTU................................................*/

body {
  margin: 0;
  padding: 0;
  background:  url(../images/pozadi_body.png) repeat-y;
  font:  12px Verdana;
  color: #5A5A5A;
}


#obsah, #paticka, #hlavicka, #menu {
  margin-left: auto;
  margin-right: auto;
}

#pozadi_vrch{
  height:130px;
  background: url(../images/pozadi_vrch.png) repeat-x;
  
}

#hlavicka {
  width:800px;
  height:100px;
  background: url(../images/pozadi_hlavicka.png);
}

#menu {
  width:800px;
  height:30px;
  background: #A13939;
}

#telo {
  height:auto;
  margin-bottom:20px;
}

#obsah_index {
 background: url(../images/index.png) no-repeat;
 width:800px;
 min-height:540px;
}

#obsah {
  width:800px;
  min-height:600px;
  background: #ffffff url(../images/pozadi_obsah.png) no-repeat;
  
}

#pravy_sloupec {
  float: right;
  width: 200px;
  height:auto;
  min-height: 540px;
  border-left: 1px #D6D6D6 dashed;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;

}

#levy_sloupec{
  width: 595px;
}

#levy_sloupec_obsah{
  padding: 20px; 
}

#paticka {
  width:800px;
  height:150px;
}

#logolink {
  height:125px;
  background: url(../images/logolink.png) no-repeat center;
}

#paticka_text {
  height:25px;
  background: url(../images/pozadi_paticka.png) no-repeat ;
}

/*......STYLOVÁNÍ NAVIGACE................................................*/

#home {
margin: 0px;
padding:0px; 
}

/*......STYLOVÁNÍ NADPISŮ................................................*/

h1, h3  {
  color: #A13939;
  margin:0px;
  font-weight: bold;
  display: block;
}

h1  {
  font-size: 1.50em;
  border-bottom: 1px #A13939 dotted
}

h1:first-letter {
  font-size: 1.55em;
}

h3  {
  font-size: 1.25em;
}

h4 {
  color: #A13939;
  font-size: 14px;
}

h5, h4 {
  margin: 0px;
  padding: 0px;
}
/*......POMOCNÉ STYLOVÁNÍ................................................*/

.left {
 text-align: left;
}

.kurziva {
 font-style: italic;
}

.barva {
 color: #A13939;
}


p.text:first-letter {
  margin-left:20px;
  font-size:15px;
  font-weight:bolder;
}

.male_pismo {
  font-size: 10px;
}

.stred_pismo {
  font-size: 11px;
}

.bold {
  font-weight: bold;
}

#paticka p {
  font-size: 9px;
  margin: 0px;
  text-align: center; 
  padding-top: 5px;
}


.text_center  {
  text-align: center;
}

.text_justify, .text {
  text-align: justify;  
}

.center, .tab_uspesna, .online_links img  {
  display: block;
  margin-left:auto;
  margin-right: auto;
}


.abstrakt {
  margin-top:3px;
  margin-bottom:10px;
  font-size: 10px;
}

#actual {
  padding-bottom: 5px;
  border-bottom: 1px #A13939 dotted;
}

.hidden {
  visibility: hidden;
}

.inline {display: inline;}

/*......STYLOVÁNÍ DISKUZE................................................*/

.diskuze {
 background-color: #EEEEEE;
 width:555px;
 padding: 3px 5px 4px 5px;
 margin-top: 18px;
}

.diskuze th, .diskuze_odpoved th {
  text-align: left;
}

.diskuze_odpoved {
    background-color: #EEEEEE;
    margin-top: 8px;
    margin-left: 50px;
    width:505px;
    padding: 3px 5px 4px 5px;
}

.odpoved {
    margin-left: 50px;
}
/*......STYLOVÁNÍ TABULEK................................................*/

.realizacni td  {
  
  padding: 15px 5px 10px 5px;
  vertical-align: top;
}

.realizacni p {
  margin-top:4px;
  margin-bottom:0px
}

.teva{
  margin-top: 20px;
}

.vypisy {
  min-width:550px;
  border: 1px #ededed dotted;
  border-collapse: collapse;
}

.vypisy td {
  border: 1px #ededed dotted;
  padding:5px;
}

.vypisy th {
  background-color: #ededed;
}

.online_links td, .workshop td {
  vertical-align: middle;
  padding-left:10px;
}

.online_links img, .workshop img {
  margin-top: 10px;
  margin-bottom: 10px;
  border: none;
}

.workshop {
margin-left: auto;
margin-right: auto;
}
/*......STYLOVÁNÍ ODKAZŮ................................................*/

a:link, a:visited {
  text-decoration: underline; 
  color: #A13939;
}

a:hover, a:active {
  text-decoration: none;
  color: #A13939;
}


/*......STYLOVÁNÍ SEZNAMŮ................................................*/

.okruhy li, .fotogalerie li {
  margin-top:15px;
  list-style-image: url(../images/li.png); 
}



/*......STYLOVÁNÍ FORMULÁŘE V REGISTRACI................................................*/

input.form_error  {
  background: #DDA3A3;
}

.registrace{
  margin-left: 20px;
  border-bottom: 1px #A13939 dotted;
  width:520px;
}

.user {
  width: 138px;
}

.registrace td, .registrace_ td {
  min-width: 130px;
}

.dotaznik td {
  min-width: 30px;
  padding: 3px 0px 3px 20px;
}

.registrace_ {
  margin-left: 20px;
}


.tab_uspesna td{
  min-width: 65px;
  padding-left: 15px;
}


#form h3 {
  text-align: center;
  margin: 5px;
}

.chyby{
  list-style: url(../images/li.png);
}

.regtext {
  font-size:11px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.vypis {
  background: #dddddd;
}

/*......STYLOVÁNÍ TABů - JQUERY...............................................*/
 .ui-state-default { 
  border: 2px #dddddd solid;
  background: #dddddd; 
  
}

.ui-state-hover, .ui-state-active {
  border: 2px #dddddd solid;
  background: #ffffff;
  border-bottom: #ffffff solid;
}

.ui-tabs .ui-tabs-hide {
     display: none;     
}

#tablink a{
  text-decoration: none;
}

#tablink li {
  display: inline;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 10px 12px 10px;
  
}

#tabs1 ul {
  margin-left: 0px;
  padding-left: 0px; 
}

#tabs-1 ul, #tabs-2 ul{
  margin-left: 20px;
  padding-left: 20px; 
}

#tabs-1, #tabs-2 {
  border: 2px #dddddd solid;
  padding:5px;
}

/*......STYLOVÁNÍ PRAVÉHO SLOUPCE......................................*/
.login {
  font-weight: bolder;
  text-align: center;
  margin-bottom: 2px;
  padding-bottom: 2px;
}

fieldset {
  border: none;
}

/*......STYLOVÁNÍ BUTTONŮ......................................*/

.button01, .button02, .button03, .button04, .button05 {
      border-style: none;
      background-repeat: no-repeat;
      background-position: left center;
      background-color: #ffffff;
      height: 30px;
      color: #696969;
      font-weight: bold;
      cursor: hand;
}

.button01 {
      background-image: url(../images/button01.png);
            width: 175px;
}

.button02 {
      background-image: url(../images/button02.png);
            width: 105px;
}

.button03 {
      background-image: url(../images/button03.png);
            width: 105px;
}

.button04 {
      background-image: url(../images/button01.png);
            width: 125px;
}

.button05 {
      background-image: url(../images/button05.png);
            width: 105px;
}

/*......STYLOVÁNÍ FOTOGALERIE.....................................*/
.foto img{
  border:none; 
  margin: 10px; 
  padding: 7px;
  background-color: #D1D1D1;
}

.foto img:hover{
  background-color: #A13939;
}