body {
	background: #2d2d2d url('../design/layout/bg_body.png') left top repeat;
	padding: 0 0 0 0; 
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
  color: #aaaaaa;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}


form {
	padding: 0px;
	margin: 0px;
}

img {
	border-color: #ffc600;
}

a {
	color: #ffc600;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #ffc600;
	text-decoration: underline;
}

p, td, div, li {
	font-size: 14px;
	line-height: 1.4em;
}

p, table, ul, ol, hr {margin-bottom: 1.4em;}

b, strong {
  font-weight: bold;
  color: #ccc;
}
    

h1 {margin: 0 0 25px 0; line-height: 1.4em; font-size: 26px; letter-spacing: 0; color: #ffffff; font-weight: normal; padding: 0 0 0 0; text-transform: none;}
h2 {margin: 0 0 10px 0; line-height: 1.4em; font-size: 22px; letter-spacing: 0; color: #03a096; font-weight: normal; padding: 0 0 0 0; text-transform: none;}
h2.alert { margin: 10px; color: #cc0000; }
h3 {margin: 0 0 10px 0; line-height: 1.4em; font-size: 18px; letter-spacing: 0; color: #ffffff; font-weight: normal; padding: 0 0 0 0; text-transform: none;}
h4 {margin: 0 0 0 0; font-size: 16px; letter-spacing: 0; font-weight: bold; color: #FFC600; line-height: auto; padding: 0 0 0 0; text-transform: none;}
h5 {margin: 0 0 0 0; font-size: 16px; letter-spacing: 0; color: #03a096;; font-weight: normal; line-height: auto; padding: 0 0 0 0; text-transform: none;}

.px13 {
	font-size: 13px;
}
.px12 {
	font-size: 12px;
}
.px11 {
	font-size: 11px;
}
.px10 {
	font-size: 10px;
}
.px9 {
	font-size: 9px;
}
.px8 {
	font-size: 8px;
}
.red {
	color: #cc0000;
}


/* body */

.levy {
	float: left;
	margin-right: 10px;
}
.pravy {
	float: right;
	margin-left: 10px;
}
.left {
	float: left;
}
.right {
	float: right;
}

.t-left {
	text-align: left;
}
.t-right {
	text-align: right;
}
.t-center {
	text-align: center;
}

.nomargin {margin: 0 0 0 0 !important;}

.cistic {clear:both; height: 0; line-height: 0;}

.poznamka {
	font-size: 9px;
}

.highligted {
	color: #f89622;
}

hr {
	height: 0px;
	line-height: 0px; 
  color: #5e4a06;
  border-top: 1px solid #5e4a06;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.topindex {
	vertical-align: super;
	font-size: 0.5em;
}

.underline {
	text-decoration: underline;
}



/* layout */
#site {
  width: 980px;
  margin: 0 auto 0 auto;
}
  #head {
    position: relative;
    height: 165px;
  }
  #head #logo{
    position: absolute;
    top: -20px;
    left: -18px;
    display: block;
    width: 359px;
    height: 298px;
    background: transparent url('../design/layout/logo_jugi_booking.png') left top no-repeat;
    z-index: 10;
  }
  
  #head h2#logo-text {
    color: #FFC600;
    font-size: 49px;
    font-weight: 900;
    line-height: 33px;
    position: absolute;
    right: 0;
    text-align: left;
    text-transform: uppercase;
    top: 45px;
    text-shadow: 0px 0px 5px #1c1c1c;    
    }
    h2#logo-text a{
      color: #FFC600;
      font-weight: 900;
      text-decoration: none;
    }
    #logo-text span{
      color: #E33874;
      display: block;
      float: right;
      font-size: 26px;
      line-height: 19px; 
      }
      #logo-text span span{
        color: #03A096;
        display: inline;
        float: none; 
        }
        #logo-text span span span{
          color: #ffffff;
          font-size: 15px;
          letter-spacing: -0.05px;
          margin: 0 0 0 1px; 
        }
        
  /* Nav */
  #head #nav-wrapper {
    position: absolute;
    right: -1px;
    top: 128px;
    z-index: 10;
  }
  #nav{
    height: 44px;
  }
  .hover-line{
    background: #FFC600 0 0 repeat-x;
    height: 2px;
    position: absolute;
    top: 0px;
    width: 10px;
    display: none;
  }
  .hover-line-bottom{
    top: auto;
    bottom: 0px;
  }
  
  #nav-wrapper ul#menu {
    height: 44px;
    list-style: none;
    display: inline-block;
    background-color: #666666;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #1c1c1c;
    /* border-radius pře JS pro IE */
      z-index: 1000;
      behavior: url(ie-css3.htc);
    /* << */
    padding: 0 2px;
    margin: 0;
    }
    #menu li {
      float: left;
      }
      #menu li a {
        display: block;
        line-height: 40px;
        font-weight: bold;
        color: #000000;
        font-size: 14px;
        text-decoration: none;
        border: 2px solid #666666;
        border-left: none;
        border-right: none;
        padding: 0 15px;
      }
      #menu li a:hover {
        /* border-color: #FFC600; */
        color: #ffffff;
      }
      #menu li a.no-hover {
        /* border-color: #FFC600; */
        color: #ffffff;
      }
      
  #content_bg {
    width: 980px;
    background-color: #1a1a1a;
    border: 1px solid #5e4a06;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #1c1c1c;
    /* border-radius pře JS pro IE */
      position: relative;
      z-index: 5;
      behavior: url(ie-css3.htc);
    /* << */
  }
  #content {
    margin: 0;
    padding: 0;
    background: transparent url('../design/layout/bg_left.png') left top repeat-y;
    }
    #obsah {
      padding: 100px 0 0 0;
      background: transparent url('../design/layout/bg_logo.png') bottom right no-repeat;
      text-align: left;
      }
      #obsah ul {list-style: none; margin: 0 0 0 10px;}
      #obsah ul ul {list-style: circle;}
      #obsah ul.plain {list-style: none; margin: 0 0 1.6em 0;}
      #obsah ol {list-style: decimal; margin: 0 0 1.6em 1.6em;}
      #obsah ol ol {list-style: lower-alpha;}
      
      #obsah table{
        border: 3px #333333 solid;
      }
      #obsah table th, table td {
        border: 1px #043f3f solid;
        padding: 3px;
      }
      #obsah table th {
        background: #043f3f;
      }
      #obsah table th, table th p {
        color: #ffffff;
        font-weight: bold;
      }
      #obsah ul.simple {list-style: none; padding-left: 0; margin-left: 0;}
      
      #boxes_left {width:325px; float:left; min-height: 1px; _height: 1px;}
        /* vertical float */
        #portamento_container {float:left; position:relative;} /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
  			#portamento_container #boxes_left {float:none; position:absolute;} /* no need to float anymore, become absolutely positoned */
  			#portamento_container #boxes_left.fixed {position:fixed;} /* if the panel is sliding, it needs position:fixed */
        /* /vertical float */
        /* vertical scroll */
        .newsticker-jcarousellite {padding: 3px 20px 0 20px; height: 413px; overflow: hidden;}
        .newsticker-jcarousellite ul{}
        .newsticker-jcarousellite ul li{}
        /* /vertical scroll */
				#boxes_left ul {list-style: none; margin: 0 0 0 0; padding: 0 0 0 0;}
				#boxes_left ul li {
          height: 52px;
          width: 280px;
          background: #101010;
          border: 1px solid #5e4a06;
          border-left: 4px solid #5e4a06;
          margin: 0 0 5px 0;
          border-radius: 3px;
          /* border-radius pře JS pro IE */
            z-index: 1000;
            behavior: url(ie-css3.htc);
          /* << */
          }
				#boxes_left ul li div.box-umelec {
          }
        #boxes_left ul li:hover, #boxes_left ul li div.box-umelec:hover {
          border-color: #ffc600; 
          box-shadow: 0px 0px 3px #1c1c1c;
        }
				#boxes_left ul li div img {
          float: left;
          padding: 0;
          border: none;
          height: 52px;
          margin: 0 10px 0 0;
        }
				#boxes_left h4 {
          font-size: 13px; 
          color: #cfcece;
          line-height: 52px;
          margin: 0 0 0 0;
          text-transform: none;
        }
				#boxes_left a {
          color: #cfcece;
          font-weight: bold;
          display: block;
        }
				#boxes_left h4:hover, #boxes_left a:hover {
          color: #ffffff;
          text-decoration: none;
        }
        
        
      #book-on-line {
        margin: 40px 0 20px 0;
        }
        #book-on-line h2{
          width: 330px;
          height: 42px;
          line-height: 42px;
          font-size: 14px;
          color: #ffffff;
          font-weight: bold;
          text-transform: uppercase;
          background-color: #101010;
          border: 1px solid #ffc600;
          border-radius: 3px;
          box-shadow: 0px 0px 5px #1c1c1c;
          /* border-radius pře JS pro IE */
            z-index: 1000;
            behavior: url(ie-css3.htc);
          /* << */
          padding: 0 0 0 15px;
          margin: 0 0 0 -15px;
        }
        #book-on-line .pad {
          margin: 30px 20px 0 20px;
        }
							
			#content_right {
        margin: -60px 0 0 0;
        width: 655px;
        float: right;
        }
        .pad {margin: 0 20px 110px 25px;}
					.banner {width: 468px; height: 60px; margin: 0 auto 0 auto;}
					
					#umelci img {border: none; margin: 0 0 20px -25px; width: 655px;}
					#umelci ul, #presskity ul, #festivaly ul {margin: 0 0 20px 0; padding: 0 0 0 15px; list-style: circle;}
					
					#obsah ul.umelci-list {list-style: none; margin: 0; padding: 0; margin-left: -20px;} 
					#obsah ul.umelci-list li {float: left; margin: 0 0 20px 20px;}        
					#obsah ul.umelci-list a {
            border: 10px solid #666666;
            background: #000000;
            padding: 10px;
            display: block;
            border-radius: 3px;
            /* border-radius pře JS pro IE */
              z-index: 1000;
              behavior: url(ie-css3.htc);
            /* << */
          }
					#obsah ul.umelci-list a:hover {
            border-color: #ffc600;
            box-shadow: 0px 0px 5px #000000;
          }
					#obsah ul.umelci-list a img {
            border: 1px solid #ffc600;
            height: 91px;
            margin: 1px;
            filter:alpha(opacity=60);
            -moz-opacity:.60;
            opacity:.60;
          }
					#obsah ul.umelci-list a:hover img {
            height: 93px;
            margin: 0;
            filter:alpha(opacity=100);
            -moz-opacity:1;
            opacity:1;
          }
						
				.pdf_download {background: url('../design/layout/ico_pdf.gif') left top no-repeat; height: 30px; line-height: 30px; font-size: 16px; padding: 0 0 0 35px;}
				.links {}
					.box_links {width: 200px; height: 172px; float:left;}
						.links_content {border: 1px solid #BBCFD8; height:137px;}
							.links_white {background: #ffffff; line-height:27px; padding-left: 10px; font-size: 12px;}
							.links_blue {background: #EFF4F7; line-height:27px; padding-left: 10px; font-size: 12px;}
							.links_none {line-height:16px; padding-left: 10px; font-size: 12px; margin-top:5px;}
              
        #partneri{
          margin: 50px 0 0 0;
        }
        #partneri ul{
          list-style: none;
          margin: -15px 0 0 -25px;
        }
        #partneri ul li{
          display: inline-block;
          margin: 25px 0 0 25px;
          vertical-align: middle;
        }
        #partneri ul li a {
          display: block;
        }
        #partneri ul li a img{
          max-height: 30px;
          max-width: 150px;
        }
								
#mp3_widget {width: 300px; height: 250px; float: left;}
.plakaty {margin: 0 auto; text-align: center;}
.probehlo {margin: 25px 0 0 0; text-align: left;}
.plakaty a {margin-right: 15px;}

/* facebook */
#fb-root {
  border-top: 1px solid #93b2c0;
  margin: 15px 0 5px 0;
  padding: 5px 0 0 0;
}

/* foot */
#footer {
  min-width: 980px;
  height: 50px; 
}
  #foot {
    width: 970px;
    font-size: 0;
    margin: 0 auto;
  }
    #foot li, #foot a , #foot li a {
      display: inline-block;
      /* IE 7 hack */
      *display: inline;
      zoom: 1;
      /* //IE 7 hack */ 
      font-weight: normal;
      font-size: 12px;
      line-height: 40px;
      color: #aaaaaa;
    }
    
    #foot a , #foot li a {
      line-height: 1.4em;
    }
    
    #foot a:hover , #foot li a:hover {
      color: #ffffff;
      text-decoration: underline;
    }
    #foot #copyright {
      width: 50%;
      text-align: left;
    }
    #foot #developer {
      width: 50%;
      text-align: right;
    }
/* /foot */

/* /layout */