/* CSS Document */

div {
  _border: 1px solid blue;
}

body {
  width: auto;
  height: auto;
  overflow: auto;
  
  font-size: 1em;  
  font-family: Verdana, 'Geneva CE', lucida, sans-serif; 
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-family: HelveticaCElight, Trebuchet MS, sans-serif;
  
  

  background: #175c17;

  background-image: url('../img/ornamenty-oskenovane_mensi.png');
  background-position: center top; 
  background-repeat: no-repeat;
  background-repeat: repeat-y; 
  margin: 0;
  padding: 0;
  _overflow: hidden;
}

a:link, a:visited {
  text-decoration: none;
  _color: #ff5e00;
}

a:hover {
  color: #603040;
}

em {
  font-weight: bold;
  font-style: normal;
}

h1 {
  font-size: 2em;
  margin-bottom: 0;
}

/* pokud je p jako sourozenec vybranych tagu (hlavne nadpisu), nebude odsazen  */
#obsah h1+p, #obsah h2+p, #obsah h3+p, #obsah h4+p, #obsah2 h1+p, #obsah2 h2+p, #obsah ul+p, #obsah ol+p, #obsah div+p, #obsah span+p, #obsah table+p, #obsah br+p {
  text-indent: 0px;  
}



#hlavni {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  _font-family: Verdana, 'Geneva CE', lucida, sans-serif;
                                                          _border: 1px solid blue;
}

#hlavicka {
  height: 190px;
                                                           _border: 1px solid green;    
}

/* 

#hlavicka h1 {
  position: relative;
  top: 40px;
  font-size: 1em;    
  
  _padding: 30px 0px 0px 150px;
  text-align: center;
}

#hlavicka h1:first-line {
  font-size: 5em;
  letter-spacing: 8px;
}

 */



#hlavicka h1 {
  position: relative;
  top: 40px;
  font-size: 1.2em;  
  font-family: Gorgia, 'Segoe Print', lucida, sans-serif;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 3.8em;
  letter-spacing: 1px;
  
  _padding: 30px 0px 0px 150px;
  padding-top: 0px;
  text-align: center;
  
    
}

#hlavicka h1:first-line {
  font-size: 4em;
  letter-spacing: 8px;    _border: 1px solid red;
  
}

#hlavicka h1 a {
  color: #fff;   
}

#stranka,
.dnes /* dnesni datum v kalendari */ 
{
  width: 100%;
  
  overflow: hidden;

  background: #fff;

  background-image: url('../img/zluta.png');
  
  background-repeat: repeat-y;
   
                                            _border:1px solid red;

  filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;     
  
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;                                         
                                                                                                       
  z-index: 1; display: block;
}



#levy {
  width: 229px;
  
  float: left;       z-index: 2; display: block;
                                                                      _border: 1px solid orange;  
   
}

#obsah {
  width: 650px;     
  min-height: 550px;
  float: right;
  padding: 20px 35px;                                                
  font-size: 1em;   
    
                                                             _border: 1px solid brown;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;                                                           
  
}

#obsah.foto {
  padding-bottom: 35px;
}

#obsah h1 {
  font-family: HelveticaCElight, Trebuchet MS, sans-serif;
  font-size: 1.5em;
  letter-spacing: 1px;
  color: #000066;   /* modrá */
  color: #000;
  _padding: 0em;
}

#obsah h2 {
  font-family: HelveticaCElight, Trebuchet MS, sans-serif;
  font-size: 1.3em;
  font-weight: normal;
  color: #333;
  margin-bottom: 0em;
  padding-bottom: 0px;
}

#obsah #tab h3 {
  margin-top: 0;
  -webkit-margin-before: 0em;
}

#obsah h2 {
  margin-top: 0.5em;
}

#obsah h1 > h2 {
  margin-top: 0.6em;
}

#obsah.foto h1 {
  margin-bottom: 0.5em;
}

#obsah p {
  text-align: justify;
  text-indent: 1.5em;
  line-height: 1.45;
}

#obsah a {
  color: #006633;   /* zelená */  
  color: #000066;   /* modrá */
  color: red;
  
  _transition: all 0.5s ease 0s;
  
  text-decoration: underline;
  _font-weight: bold;
}

#obsah a:hover {
  color: #b1181d;  
  color: #006633;   /* zelená */
  color: #000066;   /* modrá */
}

#obsah.tanecnici a, #obsah.odkazy a, #obsah a.modro-zeleny, #obsah.galerie a {
  color: #006633;   /* zelená */  
  color: #000066;   /* modrá */
  text-decoration: none;
}

#obsah a.zeleno-modry {
  color: #006633;   /* zelená */ 
  text-decoration: none;
}

#obsah a.zeleno-modry:hover {
  color: #000066;   /* modrá */
}

#obsah.galerie h2 a {
  color: red; 
} 

#obsah.auth a {
  text-decoration: none;
}

#obsah.tanecnici a:hover, #obsah.odkazy a:hover, #obsah.auth a:hover, #obsah a.modro-zeleny:hover, #obsah.galerie a:hover {
  color: #006633;   /* zelená */ 
  color: green;  
}

#menu {
  position: relative;
  _font-family: Arial, Helvetica, sans-serif;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;  
  text-align: left;  
  padding-top: 31px;
  padding-bottom: 30px;
  
  z-index: 3; 
  display: block;
  
}

#menu ul {
  margin: 0 0 0 -25px;  
  text-align: right;
}

ul.menu li {
  display: block;
  width: 195px;  
  padding: 7px 15px 6px 0px;
          _padding: 7px 15px 7px 0px;
  margin-left: 0px;
  font-size: 1.4em;
  font-weight: 400;
                                                                            _border: 1px solid pink;
}

#menu ul.menu li.vybrano2 {
  
  border-bottom: 0px;  
  padding-bottom: 0;
  font-weight: 100;
  color: #000;
  background: #f5d8ae;
  background: #f0d0a0;
  background: #f0e000;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  
}

#menu ul.submenu li:first-child {
  margin-top: 2px;
}

#menu ul.submenu li {
  _background: #eeeeee;  
  width: 195px;   
  margin-top: 1px;
  font-size: 0.8em;
  padding-top: 5px;
  padding-bottom: 7px;
  
                                                          _border: 1px solid red;
}

#menu ul.submenu li.sub_vybrano {
  _border: 1px solid red;
  position: relative;
  left: -5px;
  left: 0px;
  
  background: #f0e000;
  background: #e0d000;
}

#menu ul.submenu li:last-child {
  _background: #e0d000;
  padding-top: 7px;
  padding-bottom: 8px;   _border: 1px solid green;
  
  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

#menu li a,
.dnes, /* dnesni datum v kalendari */
#tab-menu a
{ 
  
 

  color: #ffffff;
  color: #ce545a;
  color: #e30613; /* cervena z loga */
  color: #312783;    /*  modra z loga? */  
  _color: red;
  letter-spacing: 2px;
  
  height: 25px;
  
   display:block; padding-right:8px;  
  
  -webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
  
                                                                    _border: 1px solid red; 
}

#tab-menu a {
  display: inline-block;
}

#menu li a:hover, #menu li a:focus {
  _color: #888888; 
  
  -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-o-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
    
}



#menu ul.menu ul.menu, #menu ul.menu ul.submenu { padding:0 0 0 25px; }

#menu ul.submenu li a {
  margin: 0px;
  height: 18px;
  color: #333;
  
  _padding-left: 33px;
  _margin-left: 15px;
}




#menu li.vybrano a:first-child, #menu li.vybrano2 > a:first-child {
  font-weight: 100;
  color: #000000;  
  

-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;

-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-o-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); }
}


#menu ul.submenu {
  margin-top: 0px;     border: 1px solid red;
}




#levy #obrazkove_logo {
  
  position: relative;
  top: 35px;
  width: 200px;
  text-align: right;
  margin-bottom: 20px;
  
}




.region-sidebar-first ul.menu li a { display:block; padding:8px; text-align: right; color: #ffffff; text-decoration: none;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out; }

.region-sidebar-first ul.menu li a:hover, .region-sidebar-first ul.menu li a:focus { 
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;

-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-o-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); }

.region-sidebar-first ul.menu li .active, .region-sidebar-first ul.menu li .active-trail { color: #450c0e;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;

-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-o-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); }



#obsah ul {
  padding-left: 0;
}

#obsah ul li {
  list-style-type: none;
  padding: 0.3em 0em;
}

ul.tanecnici {
  float: right;
  width: 50%;
  _padding-left: 0;
                                                          _border: 1px solid red;
}

ul.tanecnici li, ul.tanecnice li {
  _list-style-type: none;
  _padding: 0.3em 0em;
  margin: 0;
                                                          _border: 1px solid red;
}

#obsah ul.tanecnice {
  float: left;
  width: 40%;
  padding-left: 10px;                                                          _border: 1px solid red;
}

div.pasmo {
  width: 98%;
  min-height: 230px;
                                                                _border: 1px solid red;
}

#obsah div.pasmo p {
  text-indent: 0px;
}

p img {
  margin: 4px 20px 4px 0px;
  padding: 4px;
  float: left;
  border: 1px solid #b39b7a;
  border: 1px solid #006633;   /* zelená */
  border: 1px solid #000066;   /* modrá */
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

p.obrazek-doprava img {
  margin: 4px 0px 4px 20px;
  float: right;  
}

#obsah div.album {
  width: 162px;
  height: 205px;
  text-align: center;
  float: left;
  
  _border: 1px solid red;
}

#obsah.foto div.album {
  height: 125px;
}

#obsah div.album p {
  text-indent: 0;
  padding-left: 4px;
  text-align: left;
}

#obsah div.album p:nth-child(2) {
  padding-left: 9px;
  padding-right: 9px;
}

#obsah.foto div.album p {
  margin: 0;
}

#obsah #foto {
  width: 310px; 
  margin-top: 0.7em;
  float: left;     _border: 1px solid red;
}

#obsah #video {
  margin-top: 0.7em;
  width: 310px; 
  float: right; 
  _text-align: center; 
}

#obsah #rajce {
  width: 500px; 
  margin: 0em auto; 
  text-align: center;
}

#obsah #foto p, #obsah #video p, #obsah #rajce p {
  display: block;
  width: 100%;
  text-align: center;
  text-indent: 0;   _border: 1px solid red;
}

#obsah.galerie h2 {
  display: inline-block; 
  width: 100%;
  text-align: center; 
  text-indent: 0 
}

#obsah div.album img, #obsah div#foto img, #obsah div#video img {
  _margin-left: 10px;
  width: 150px;
  height: 112px;
  
  border: 1px solid #000066;   /* modrá */
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#obsah div#rajce img {
  
  
  border: 1px solid #000066;   /* modrá */
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#obsah div.album img:hover, #obsah div#foto img:hover, #obsah div#video img:hover, #obsah div#rajce img:hover {
  border: 1px solid #175c17;  
}


p img.doprava {
  margin: 0px 0px 10px 20px;
  float: right;
}

center img {
  padding: 4px;
  border: 1px solid #000066;   /* modrá */
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#obsah div.video {
  
  margin: 2em auto;
  padding: 5px 4px 3px 4px;
  padding: 4px;
  text-align: center;
  border: 1px solid #000066;   /* modrá */
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

}

#obsah p.neodsazuj {
  text-indent: 0px;
}

#obsah table.akce, #obsah table.probehle {
  width: 100%;  
  height: auto;
  
  margin-top: 0.5em;
  
  background: #ff9;
  background: #ffed00;
  background-image: url('../img/bezova.png');
  
  _background: #ffed00;
  background-image: url('../img/zluta.png');
                                          _border-top: 2px solid yellow;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#obsah table.probehle {
  background: #f0f0f0;
  margin-bottom: 1.2em;
}



#obsah table.akce td.kdy, #obsah table.probehle td.kdy {  
  width: 60px;     
  height: 25px;   
  font-weight: bold;
  color: #555;
  padding-left: 15px;  
                                                 _border: 1px solid blue;
}

#obsah table.akce td.kde, #obsah table.probehle td.kde {    
  width: 160px;
  font-weight: bold;
  color: #555;  
                                                        _border: 1px solid blue;
}

#obsah table.akce td.co, #obsah table.probehle td.co {  
  color: #006633;   /* zelená */  
  color: #006;
  font-weight: bold;
  width: 335px;  
  
                                                    _border: 1px solid blue;
}

#obsah table.akce td.odkaz_rajce, #obsah table.probehle td.odkaz_rajce {
  width: 90px;   _border: 1px solid blue;
}

#obsah table.akce td.podrobnosti, #obsah table.probehle td.podrobnosti {
  _width: 95%;
  margin-top: 0em;
  padding: 0em 1em 0.5em 1em;
  text-align: left;
                                        _border: 1px solid blue;
}

#obsah table.probehle td.podrobnosti {
  display: none;
}

div#aktualne {  
  padding: 0em 0em;
}

div#aktualne p {
  text-indent: 0px;
}


#paticka {
  position: relative;
	width: 960px;
  margin: 8px auto 20px auto;
	_overflow: hidden;	  
  text-align: right;
  word-spacing: 1em;
  color: #fff;
                                            _border: 1px solid black; 
  background: transparent;
}

#paticka span {
  word-spacing: 0.2em;
}

#paticka a {
  color: #fff;
  filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0; 
}

#paticka a:hover {
  filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;  
}

#paticka #ikony {
  position: absolute; 
  top: -45px; 
  width: 200px; 
  height: 33px; 
  text-align: left; 
  padding-left: 14px;
  word-spacing: 0;
                                    _border: 1px solid red; 
  z-index: 4; 
  display: block;"
}

#paticka #ikony img {
  height: 25px;
  margin-right: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;  
}

a.obr img {
  filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

a.obr img:hover {
  filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.podtrzeno {
  text-decoration: underline;
}

#obsah iframe.mapa {
  position: absolute;
  left: 508px;
  top: 315px;
  width: 400px; 
  height: 290px;
  padding: 4px;
  border: 1px solid #000066;  
  
  
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
   
	_box-shadow: 3px 3px 2px grey; 
}

#obsah iframe.mapa2 {
  display: block;
  margin: 45px auto;
  width: 550px; 
  height: 240px;
  padding: 4px;
  border: 1px solid #000066;  
  
  
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
   
	_box-shadow: 3px 3px 2px grey; 
}

#obsah table.vzkaz input, #obsah table.vzkaz textarea, #form-pridej-video input, #form-pridej-foto input, #form-seznam-alb input, #form-pridej-aktualitu input, #form-pridej-aktualitu textarea {
  width: 97%;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#form-seznam-alb textarea {
  margin: 8px 8px 8px 0px;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;  
}

#form-seznam-alb input.tlacitko {
  width: 50px;
  margin: 8px 8px 8px 0px;
}

#obsah table.vzkaz input.tlacitko:hover, 
#form-seznam-alb input.tlacitko:hover, 
#form-pridej-foto input.tlacitko:hover,
#form-pridej-aktualitu input.tlacitko:hover,
#akce-tabulka-2 input.tlacitko:hover {
  filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80; 
}

#obsah table.kontakt {
  width: 100%;
                              _border: 1px solid red;
}

#obsah table.kontakt td {
  vertical-align: top;
                                  _border: 1px solid red;
  padding: 0px;  
}

#obsah table.kontakt p {
  text-indent: 0px;
  padding: 0;
  margin: 10px 0;
}

#obsah table.statistiky {
  width: 651px;
  max-width: 820px;
  font-size: 0.75em;
  _border: 1px solid red; 
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
}

#obsah table.statistiky td.zvyrazni {
  background: #f5f5f5;
}

#obsah table.statistiky td.cas-vstupu {
  width: 44px;
  overflow: hidden;
}

#obsah table.statistiky td.ip {
  width: 113px;
  overflow: hidden;
}

#obsah table.statistiky td.odkud {
  width: 215px;
  overflow: hidden;
}   

#obsah table.statistiky td.titulek {
  width: 215px;
  overflow: hidden;
} 

#obsah table.statistiky td.rozliseni {
  _width: 60px;
  overflow: hidden;
}             
          
.left {
  width: 58%;
  height: 240px;
  float: left; 
  padding-top: 20px;
           _border: 1px solid orange;
}

.right {
  width: 38%;
  
  height: 240px;
  float: right;    
  padding-top: 20px;
         _border: 1px solid red;
  margin-bottom: 2.2em;
}

.right textarea[name="seznam"] {
  width: 239px;
}

#obsah table sup, #obsah table span {
  color: #999;
  font-size: 0.9em;
}

#tab-menu {
  
  width: 100%;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  letter-spacing: 1px;
  word-spacing: 0.5em;                     
  border-bottom: 1px solid #f5d8ae;   
  border-bottom: 1px solid #ffed00;      _border:1px solid red;
}

#tab-menu a {

  padding: 0 0.2em;

  _border: 1px solid red;
  
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#tab-menu a.vybrano {
  background: #f5d8ae;
  background: #ffed00;
  padding-top: 5px;
}

#obsah div#login {
  position: absolute;
  left: 800px;
  width: 125px;
  top: 210px;
  text-align: right;
  font-size: 0.8em;
  
  _border: 1px solid red;
}

#obsah div#login span {
  color: red;
}

#counter {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


.siroke {
  width: 100%;
}

.skryt {
	display:none;
}

.transparentni {
  color: transparent;
  background: transparent;
}

#vyhledavani {
  position: relative;
  left: -2px;
  top: -4px;
  width: 500px;  
}

#zmena-stylu {
  position: relative;
  width: 80px; _border: 1px solid red;
  left: 100px;
  top: -10px;
}

#zmena-stylu a {
  color: #bbb;
}

#menu #authhref {
  position: relative; 
  left: 140px;
  top: -120px;    _border: 1px solid red; 
  width: 15px;
  height: 15px;   
}

#menu #authhref a {
  display: block;
  width: 100%;
  height: 100%;
}

#obsah.en p {
  text-indent: 0px;
}

#validace {
  position: absolute;
  left: 4px;
  top: 4px;  
  width: 88px;
  height: 31px;
  padding: 2px;
  border: 2px solid red;
}

p img.easy {
  margin: 0;
  padding: 0;
  float: none;
  border: 0;
}

.zelena {
 color: green;
}

.seda {
  color: #ccc;
}

.mezera {
  padding-top: 1em;
}

.cervena {
  color: #e30613;
}













/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

a#toTop:hover {
  opacity: 0.9;
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}