root { 
    display: block;
}

html, body {
         height: 100%;
          min-height: 100%;
          
         }
body {
    font-size: 14px;
    color:#b8b8b8;
    background:#d6d6cf url(../images/bg.jpg) top center no-repeat ;
    overflow:hidden;
}

#wraper {
    margin: 0 auto;
    text-align: left;
    min-height: 100%;
    height: 100%;
    position: relative;
    display: block;
    /*overflow:hidden*/
    }
    
body>#wraper {
      height: auto;
    } 
    
img {
    max-width: 100%;
} 



a {
  text-decoration: none;
  
}

a:hover, a:active, a:focus {
    outline: 0;
}
    
ul, li {
	list-style: none;
}    
       

header,footer  {
	width:100%;
	-webkit-box-shadow:0 2px 10px 0 #000;
	box-shadow:0 2px 10px 0 #000
}

header {
	height: 255px;
  margin: 0px auto;
  padding: 0px auto;
  background: #fff url(../images/bg-header.jpg) top center no-repeat ;
  
	
}
    
footer {
	background: #1b1b19;
	height: 60px;
	bottom: 0;
	left: 0; 
	position: absolute;
	color: #ddd2b7;
} 


/* Opera 9.5+  hack, mozna najdete nekdo i jine reseni  */
*|html[xmlns*=""]  #main { 
	display: table;
	height: 100% 
} 
/* Opera 9.5  hack, mozna najdete nekdo i jine reseni  */


 
#mainbody{
	max-width:1600px;
	margin: 0px auto;
	position:relative;
	padding-bottom: 67px;
	padding-top:15px;
}

#maincomponent {
	height: 100%;
	min-height: 100%;
}

#page_content {
	padding:10px;
	background:#f6eed6;
	color:#000;
}
#page_content a {
	color:#f55e1b;
}
/* Header */ 




/*#topbar_container {
   position: relative;
   max-width: 100%;
   height: 55px;
   top: 0px;
   
   }  */
/*#topbar_components {
	max-width:1600px;
	height: 55px;
	margin: 0px auto;
} */
   

/*#header_container {
   position: relative;
   max-width: 100%;
   height: 165px;
 
   } */
 
#header_components {
	max-width:100%;
	height: 255px;
	margin: 0px auto;
}   
   

/*#bottombar_container {
   position: relative;
   max-width: 100%;
   height: 30px;
   
   
   }     */
/*#bottombar_components {
	max-width:1600px;
	height: 30px;
	margin: 0px auto;
} */     

.countdown {
	padding: 10px 20px;
	max-width: 100%;
	margin-left: 0px; 
	background: rgba(0,0,0,0,0.65);
	font-family:'BebasNeue' !important;
	color:#e7dd9f;
  
}                        
.countdown table tr td {text-align:left;
width: 45px; 
}

.countdown h1 { font-size: 180%;}
    
.header-img {
	width: 100%;
	height: 100%;
}     



.header_banner {
 
  height: 203px;
  margin: 0 auto;
  padding: 0 auto;
	display: table;
	overflow: hidden;
  }

.header_box {
	_position: absolute; 
	display: table-cell; 
	vertical-align: middle;
}    


  
.header_logo img {
	max-height: 202px;
	}
  
.header_logo_full img {
	max-height: 135px;
	}
  
  
.header_logo, .header_logo_full  {
	margin: 0;
	}


.header_logo.header_datum {
	max-width: 100%;
 	display: inline-block;
}

.header_logo_full {display: none;}


.header_datum {
  margin-top: 0px;
  text-align: left;
  z-index:3001;
  
	
}

.header_datum img {
   max-height: 200px;
}

/** Header - Menu **/

/*MENU Main */
nav {
	text-align: center;
  /* _position: absolute;*/
    padding: 0 0px 0px 0px;
   /*height: 34px;*/      
  margin: 0 auto;
  padding-top: 5px; 
    

}
  


nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}


nav ul {
	font-family:'BebasNeue' !important;
	font-size: 26px;
	text-transform: uppercase;
                    
	/*top: 5px;*/
	color:#ddd2b7;
	list-style: none;
	position: relative;
	display: inline-table;
	z-index: 2000;

	
  background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 5%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.85) 88%, rgba(0,0,0,0.85) 95%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(5%,rgba(0,0,0,0.85)), color-stop(50%,rgba(0,0,0,0.85)), color-stop(88%,rgba(0,0,0,0.85)), color-stop(95%,rgba(0,0,0,0.85)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 5%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0.85) 88%,rgba(0,0,0,0.85) 95%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 5%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0.85) 88%,rgba(0,0,0,0.85) 95%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 5%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0.85) 88%,rgba(0,0,0,0.85) 95%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 5%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0.85) 88%,rgba(0,0,0,0.85) 95%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */


}



nav ul:after {
	content: ""; /*clear: both;*/ display: block;
}                               

nav ul li {
	float: left;
}
	

/*nav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	} */
    
nav ul li:hover {
	/*background: #ff0101;    /*barva BG po najetí myši na hlavním menu*/
  
} 

nav ul li:hover a {
	color: #ffffff;              /*barva písmena  po najetí myši na hlavním menu*/
	text-decoration: none;
}

nav ul li a {
	color:#ddd2b7;
	padding: 2px 10px;
  
}
		
nav ul li a {
	display: block; 
	text-decoration: none;
}

nav ul ul {
	background: rgb(0, 0, 0); /* The Fallback */
   	background: rgba(0, 0, 0, 0.80); 
	position: absolute; top: 100%;
}
nav ul ul li {
	float: none; 
}

nav ul ul li a {
	/*padding: 15px 40px;*/
	color:#ddd2b7 !important;
}	
nav ul ul li a:hover {
	background: #000;
}

nav ul ul ul {
	position: absolute; left: 100%; top:0;
}
  
nav ul.sub1 a {
	font-size: 15px;
	padding: 2px 15px;
	text-align:left;
}  
		

#menuItem_2 a, #menuItem_36 a {
	background:url(../images/oef-home-2.png) right no-repeat;
  width: 76px;
  margin-right: 10px;
    text-indent: -9999px;
    display: block;
    
  
}

#menuItem_2 a:hover, #menuItem_36 a:hover {
 background: url(../images/oef-home-3.png) right no-repeat;
   
} 
 



    
#menuItem_20 a, #menuItem_57 a {
width: 100px;
text-align: left;
}



#mobile_nav {
	display: none;
}  





/*Jazyky*/


.lang-selector {
	position: absolute;
	top: 10px;
	right:10px;
  z-index: 2000;
  
}   

.lang-selector ul {
	float:right;
	width:100px;
}

.lang-selector ul li {
	float:left;
	margin: 0 5px !important
}

.lang-selector ul li a {
	float:left;
	text-indent: -9999px;
	height:27px;
	width:40px;
}
         
ul.langs li.fr a {
	background:url(../images/layout/fr.jpg) no-repeat;
  
}
      
ul.langs li.fr a:hover {	  
	background:url(../images/layout/fr-hover.jpg) no-repeat
}    

/*ul.langs li.es a {
	background:url(../images/layout/es.jpg) no-repeat;
  
}
      
ul.langs li.es a:hover {	  
	background:url(../images/layout/es-hover.jpg) no-repeat
} */  
               
ul.langs li.en a {
	background:url(../images/layout/en.jpg) no-repeat;
}

ul.langs li.en a:hover {	  
	background:url(../images/layout/en-hover.jpg) no-repeat
} 

ul.langs li.es a, ul.langs li.fr a, ul.langs li.en a, ul.langs li.es a:hover, ul.langs li.fr a:hover,ul.langs li.en a:hover {
   background-size: contain;
}   
          
      
/********  Menu Main - konec  ********/

/* Menu 2 */
      





#second {
	margin: 0 auto; 
	text-align: center;
	z-index: 999;
	position:relative;
	top:-33px;
 
}
  
#second ul li:hover > ul {
	display: block;
} 



#second ul {
	font-family:'BebasNeue' !important;
	font-size: 18px;
	text-transform: uppercase;
	color:#ddd2b7;
  list-style-type: none;
  
	position: relative;
	display: inline-table;
	z-index: 1999;
    /*background:  rgba(0, 0, 0, 0.85);*/ 
 
    
 
 
   
   
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(5%,rgba(0,0,0,0.85)), color-stop(50%,rgba(0,0,0,0.85)), color-stop(88%,rgba(0,0,0,0.85)), color-stop(95%,rgba(0,0,0,0.85)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	 background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 5%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0.85) 88%,rgba(0,0,0,0.85) 95%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 5%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0.85) 88%,rgba(0,0,0,0.85) 95%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	 background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 5%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0.85) 88%,rgba(0,0,0,0.85) 95%,rgba(0,0,0,0) 100%); /* IE10+ */
	 background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 5%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0.85) 88%,rgba(0,0,0,0.85) 95%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.gradient_alpha {
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 10%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.85) 90%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(10%,rgba(0,0,0,0.85)), color-stop(50%,rgba(0,0,0,0.85)), color-stop(90%,rgba(0,0,0,0.85)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 10%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0.85) 90%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 10%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0.85) 90%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 10%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0.85) 90%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 10%,rgba(0,0,0,0.85) 50%,rgba(0,0,0,0.85) 90%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

#second ul:after {
	display: block;
  }

	#second ul li {
	float: left;
}

	
#second ul li:hover a {
	color: #fff;
}


	
#second ul li a {
	display: block; 
	color:#ddd2b7;
	text-decoration: none;
	padding: 0 7px;
  
}  

#menuItem_21 a, #menuItem_58 a {
width: 55px;
text-align: right;
}
    
#menuItem_25 a, #menuItem_63 a {
width: 95px;
text-align: left;
}
    

    



/*MENU World Tour //////////////////////////////////////////////////////////////////////////////// */ 

#menu-world-tour  {
      font-family:'BebasNeue' !important;
      width:  46px;
      height: 160px;
      position: absolute;
      top:  55px;
      left: 0px;
      cursor:pointer;
      background:url(../images/wt/wt-oef.png) no-repeat;
}

#icons-world-tour {
	margin-left:46px;
	display:block;
  
}

#icons-world-tour a {
    
    width:  154px;
    height:40px;
}
    
#icons-world-tour a.asia {
    background:url(../images/wt/wt-asia.png) -40px 0 no-repeat;
}
#icons-world-tour a:hover.asia {
    background:url(../images/wt/wt-asia.png) -250px 0 no-repeat;
}
#icons-world-tour a.australia {
    background:url(../images/wt/wt-australia.png) -40px 0  no-repeat;
}
#icons-world-tour a:hover.australia {
    background:url(../images/wt/wt-australia.png) -250px 0 no-repeat;
}  
#icons-world-tour a.eu {
    background:url(../images/wt/wt-eu.png) -40px 0  no-repeat;
}
#icons-world-tour a:hover.eu {
    background:url(../images/wt/wt-eu.png) -250px 0 no-repeat;
}  
#icons-world-tour a.us {
    background:url(../images/wt/wt-us.png) -40px 0  no-repeat;
}
#icons-world-tour a:hover.us {
    background:url(../images/wt/wt-us.png) -250px 0 no-repeat;
}     
 

.world_button a {
    
    display: inline-block;
    padding: 0px;  
}




    /****************      End MENU World Tour */
    
    /*      MENU Off Sites */
    
#social {
    
    width:80px;
    position:fixed;
    right:-9px;
    top: 0px;
   /* z-index:10000;*/
   
}
 
#social_icons   {
    height:1000px;
    width:80px;
    position:absolute;
    margin-top: 60px;
    z-index:20;
    margin-left:-7px;
}

#social_icons a {
	text-decoration:none;
	display:block;
	cursor:pointer;
	width:80px;
}

a#facebook_button  {
    height:85px;
    background:url(../images/social/social-fb.png) -82px 0 no-repeat;
}

a:hover#facebook_button  {
    background:url(../images/social/social-fb.png) -1px 0 no-repeat;
}

a#twitter_button  {
    height:70px;
    background:url(../images/social/social-tw.png) -82px 0 no-repeat;
}

a:hover#twitter_button  {
    background:url(../images/social/social-tw.png) -1px 0 no-repeat;
}

a#last_button  {
    height:70px;
    background:url(../images/social/social-last.png) -82px 0 no-repeat;
}

a:hover#last_button  {
    background:url(../images/social/social-last.png) -1px 0 no-repeat;
}

a#yt_button  {
    height:70px;
    background:url(../images/social/social-yt.png) -82px 0 no-repeat;
}

a:hover#yt_button  {
    background:url(../images/social/social-yt.png) -1px 0 no-repeat;
}


a#instagram_button  {
    height:70px;
    background:url(../images/social/social-insta.png) -82px 0 no-repeat;
}

a:hover#instagram_button  {
    background:url(../images/social/social-insta.png) -1px 0 no-repeat;
}

a#apple_button  {
    height:70px;
    background:url(../images/social/social-apple.png) -82px 0 no-repeat;
}

a:hover#apple_button  {
    background:url(../images/social/social-apple.png) -1px 0 no-repeat;
}

a#android_button  {
    height:85px;
    background:url(../images/social/social-android.png) -82px 0 no-repeat;
}

a:hover#android_button  {
    background:url(../images/social/social-android.png) -1px 0 no-repeat;
}  
/***************** Menu Off Sites - konec *************/



    
    
/***************** Header - konec *********************/        

/* Footer */

#bottombar {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    margin: 0px auto;
    padding-top: 10px;
}



#icons-support {
    position: relative;
    float: left;
    width: 300px;
}

#bottom-logo {
    position: relative;
    float: right;
    width: 160px;
    height: 50px;
    margin-right: 10px;
    top: 0px;
}

#bottom-logo img {
max-width: 100%;
max-height: 50px;
}

#bottom-menu1, #bottom-menu2 {
    position: relative;
    float: right;
    width: auto;
    margin: 0px 10px;
    font-size: 12px;
}


#bottom-menu1 > ul > li, #bottom-menu2 > ul > li {
    display: inline-block;
    padding-right: 10px;
    text-align: left;
    vertical-align: center;
    margin-top: -15px;
}

#bottom-menu1 > ul > li > a, #bottom-menu2 > ul > li > a {
    color: #ddd2b7;
}

#bottom-menu1 > ul > li > a:hover, #bottom-menu2 > ul > li > a:hover {
    color: #b2b2b2;
}  

/************ Footer - konec *************************/



/* Body */
#main_container {       
	max-width:939px;
	top: 0px;
	margin-top:7px;
}   

    
#right_container  { 
	/*overflow:hidden; */
	height: 100%;
} 
	

/* Homepage */

.homepage-content {
  padding-bottom: 20px;
 }
 

.homepage-container  {
display:block;
}

.homepage-container .containerArticlePreview  {
 min-height: 150px;
}

.homepage-container img {
float: left;
padding-right: 7px;
margin-bottom: 10px;
}

.homepage-content-3 {
display: block;
} 

.homepage-container-small {
display: block;
}

.sidebar {
	width:320px;
	height:auto;
  background: url(../images/sidebar-bg.jpg) #060606 0 0 no-repeat;
	position:relative;
	margin-top:7px;
 }   

.sidebar .sidebar-content {
	padding:10px
}
   
.sidebar-full {
    width:320px;
    background-repeat:repeat;
    cursor:pointer;
    margin-top:7px;
    }
        
.sidebar h3 {
	color:#f8c956;
	margin:5px 0;
	padding:5px 10px 15px 10px;
	background:url(../images/sidebar-link.png) 0 35px no-repeat;
}

/*blok user*/

.user-login-link { 
  padding: 0 10px 10px 10px;
 }
 
 
/*blok user*/

.vote-preview { 
  padding-top: 10px;
 }
  
.vote-preview .btn-default { 
  margin-top: 15px;
 }  

/*blok novinky*/


.news-container a {
color:#fcea98  ;

      }
      
.news-container .containerArticlePreview h3 {
 font-size: 130%;
 padding-bottom: 0px;
  margin-bottom: 0px;
  background: none;
}      
      
.news-container .containerArticlePreview h3:hover a   {
  text-decoration: none;
   color:#fc7e02;
}

.news-container p   {
  font-style: italic;
   font-size: 13px;
   padding-left: 10px;
   padding-right: 5px;
   
}


.news-container .created {
  font-size: 11px;
  padding-left: 10px;
  color:#febd3f;
}

.news-container .containerArticlePreview {
 padding-bottom: 10px; 
background:url(../images/sidebar-line.png) bottom no-repeat;

}


.news-container .imgThumb {
padding: 0 5px 0 5px;
} 

.news-container img  {
width: 120px; 
border: solid 1px #383838;
float: left;
margin-right: 5px;
}

.news-container .caption {
  
  
}

.banner-container  {
margin: 5px;
}


/*blok one-article*/



.one-article a {
color:#fcea98  ;

      }
      
.one-article .containerArticlePreview h3 {
 font-size: 130%;
 padding-bottom: 0px;
  margin-bottom: 0px;
  background: none;
}
      
      
.one-article .containerArticlePreview h3:hover a   {
  text-decoration: none;
   color:#fc7e02;
}

.one-article p   {
  font-style: italic;
   font-size: 13px;
   line-height: 1.2;
   padding-left: 10px;
   padding-right: 5px;
   
}

.one-article .imgThumb   {
 width: 320px;
 padding: 5px;  
 background: rgba(0,0,0,0.45);
 }

.one-article img   {
 margin-left: 58px;
 border: solid 1px #383838;
 
}



.one-article .created {
  font-size: 11px;
  padding-left: 10px;
  color:#febd3f;
}

.one-article .containerArticlePreview {
 padding-bottom: 10px; 
}

/* Body -Bands */ 

#band_container {
        
        max-width:1272px;
        top: 0px;
        margin-top:7px;
        
                        }

#right_container_single2  {
    height:auto;
    }


   
.row2 {margin-right: 0px;margin-left: 0px}    


.okraj {
 padding-right: 5px;
  padding-left: 5px;
}   
    
.okraj2 {
 padding: 5px;
 }   
    
 
/* Body - Band */

.band-image { 
  background: #333333;
  text-align:center;
}

/* Bands voting */

.band-voting { 
margin-bottom: 15px;
} 

.band-voting a { 
padding-right: 20px;
font-weight:bold;
color: #c92a05;
background: url(../images/sort.png) no-repeat right center;padding-right:20px;line-height:10px}
} 

    

/* Články */

.article-title {
color: #f55e1b; 
}

.article-perex, .article-content {
margin-bottom: 7px;
}

.article-info {
color: grey;
font-size: 12px;
}

.label {
  color: grey;
  font-size: 12px;
  font-style: italic;
  line-height: 1.2;
  text-align: left;
  clear:both;
	display:block;
    padding-bottom: 10px;
  
}

.lefto img  {
float: left;
margin-right: 5px;
}

/* Justified Gallery */
/*PhotoBox*/
#gallery{  
          width:320px; }	

#gallery li{ list-style:none; 
              perspective:100px; 
              -webkit-perspective:100px; 
              margin:0px; 
              float:right; 
              position:relative; 
              transition:.1s; 
              -webkit-transition:0.1s; }

#gallery a{ display:block; 
            width:106px; 
            height:70px; 
            vertical-align:bottom; 
            overflow:hidden; 
            background:rgba(0,0,0,0.1);
            transition:.4s ease-out; 
            -webkit-transition:0.4s ease-out; 
            -webkit-transform:rotateX(90deg) translate(-50px,-50%); 
            transform:rotateX(90deg) translate(-50px,-50%); }

#gallery a:active, #gallery a:focus{ 
            outline:none; 
            }

#gallery a img{ 
          min-height:100%; 
          width:100%; 
       /*   transition:5s ease-out; 
          -webkit-transition: 5s ease-out;*/ 
          }

 #gallery .loaded a { 
       -webkit-transform:rotateX(0deg) translate(0,0); 
        transform:rotateX(0deg) translate(0,0); }

/*Collage*/



.Caption {position:relative;}

.Caption_Background {background-color: black; 
opacity: 0.5; 
position: relative; 
top: 19px; 
height: 7px;}

.Caption_Content {position: relative; top: 0px;}

/*
This CSS is really just for this demo page
But take a look at the comments to see how I set padding
and borders on the images
*/


.Collage{

    /*This is where you set the padding you want between the images*/
    padding:0px;

}
.Collage img{
    margin:0;
    padding:0;
    display:inline-block;
    vertical-align:bottom;
    opacity:1;

    /*This is where you set the border you want for the image*/
    border:none;
}


/* In this example, this is the main item being resized */
.Image_Wrapper{
    /* to get the fade in effect, set opacity to 0 on the first element within the gallery area */
    opacity:0;
    -moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow:0px 2px 4px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
}

.Caption{
    font-size:14px;
    font-weight:normal;
    font-family:arial;
}
.Caption_Content{
    /* padding:10px; */
    color:#FFF;
    padding:20px;
}



.effect-1 {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -webkit-animation: fallPerspective ease-in-out forwards;
    -moz-animation: fallPerspective ease-in-out forwards;
    animation: fallPerspective ease-in-out forwards;
    height: auto;
max-height: 565px;
}

@-webkit-keyframes fallPerspective {
    100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@-moz-keyframes fallPerspective {
    100% { -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
    100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

/* Formulář User Login */
.form-group p {
margin-top: 10px;
}

.form-group a {
padding-right: 20px;
}


/* Scroll Box */ 

.band-preview {margin-bottom:10px}
.band-preview .band-title {
    width: 100%;
    font-family:'BebasNeue' !important; 
	color:#f8c956;
    background:url(../images/band-title-bg.jpg) no-repeat;padding:3px 0 3px 8px;
}
.band-preview p.country {padding-right:5px}
.band-list a {font-family:'BebasNeue' !important; 
	color:#f8c956;
	font-size:1.2em
}
.band-title {background:url(../images/band-bg.jpg) no-repeat;padding:10px 20px}
.band-title h3 {font-size: 140%;}
.band-title a:hover {text-decoration: none; color: red;}
.country {font-size: 15px; color: white;}
.band-title h1 {color:#000}
.band-title h1 span.country {color:#6d5720;font-size:14px}
.band-music {margin-top:10px}
.band-music h4 {margin-bottom:5px;color:#4e2827}
.band-info, .band-bio, .band-video, .band-comments {margin-top:10px}

/************ Scrol Box - konec ***********************/

/************ Body - konec *************************/


/* tomas upravy */
p.ajaxFormMsg, span.ajaxFormMsg {position:absolute;z-index:1;zoom: 1;filter: alpha(opacity=90);opacity: 0.9;margin-top:2px;padding:3px 8px}
form.modalForm, .ajaxResult {display:none}
#contentLoading {display:none;position:absolute;width:100%;height:100%;background: rgb(255, 255, 255) transparent;background-color:rgba(255,255,255,0.7);z-index:10000}
#contentLoading p {background:url('../images/loading.gif') no-repeat center center;width:300px;height:64px;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-32px;z-index:666;text-align:center}
#contentLoading span {display:block;margin-top:70px;padding:3px 8px}
div.alert {padding:3px 6px;margin:4px 0;font-size:0.8em}
.article_detail h3 {color:#f55e1b;margin-bottom:5px}    
.article_detail img {float:left;margin:0 10px 10px 0}

.articlePreview {float:left;margin-bottom:10px}
.articlePreview h3 {margin-bottom:3px}
.articlePreview .articlePerex .articleTitleImage {float:left;margin:0 10px 10px 0}
ul.breadcrumb {padding:5px 10px !important}
.pagination li a.current, .pagination li a.current:hover {background:#f55e1b;border:1px solid #f55e1b;color:#FFF !important}

.forumMsgPreview {border-top:1px solid #DDD;margin-top:5px;padding-top:5px}

.galleryPreview {display:block}

.page_title h3 {
	color:#2a0f04;
	background:url('../images/title-bg.jpg') no-repeat;
	line-height:39px;
	padding-left:20px
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   }





.articlePreview {
width: 100%;
}

/* Reset - Univerzalni kombinovatelne prvky */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin:0 ;
	padding:0;
	 
}

h1,h2,h3,h4,h5,h6 {
	font-family:'BebasNeue' !important; 
	color:#f8c956;
}

main_container h1,h2,h3,h4,h5,h6 {
		color:#c31f1f;
}



a {color:#f8c956;}
              
ul,ol,li {
	margin:0 !important ;
	padding:0 !important;
}
               
.left {float:left}

.right {float:right}

.none {float:none} 

.clearfix {
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
                                 
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}  
   
                 

@media (min-width: 2187px) {
	#main_container { max-width:939px;	}
  .band { min-width: 318px; }
  header {
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
}


@media (min-width: 2100px) {
  body, header {
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  
  }
  
    
@media (min-width: 1900px)   {
	#main_container { max-width:939px; }
  .band { min-width: 318px; }
}



@media (max-width: 1900px)   {
  
  .band {min-width: 318px; }
}

@media (max-width: 1800px)   {
  
  .header_datum {width: 85%; padding-left: 40px; margin-right: -30px; }
}
  
  


@media (min-width: 1700px)   {
   #main_container { max-width:939px;  }  
   
}




@media (max-width: 1700px)   {
	.header_logo { display: none;} 
   .header_datum {display: none;}
   .header_logo_full { max-width: 100%;
 	display: inline-block;
   margin-left: 300px;
   margin-right: 70px;
   top: -10px;}
   
	.countdown { margin-right: 0px;}
  .band { min-width: 318px; }
   
}



@media (min-width: 1400px) and (max-width: 1600px){
.band-title h3 {font-size: 120%;}   
.band-title p {font-size: 85%;}     
}



@media (max-width: 1600px){  
	#social {-webkit-transform:scale(0.7);-moz-transform: scale(0.7);transform: scale(0.7);margin-right:-11px;margin-top:10px;   
    width:80px;
    position:fixed;
    right:-32px;
    top: 0px;
    z-index:10000;}
  #social :hover {right:42px;}
}




@media (min-width: 1200px) and (max-width: 1399px)  {
 	#right_container  {width: 327px; }
  .header_logo_full {margin-left: 250px;
   margin-right: 50px;}
  .countdown { margin-right: -10px; margin-left: 0px;}
  #social {-webkit-transform:scale(0.7);-moz-transform: scale(0.7);transform:scale(0.7);margin-right:-10px;margin-top:10px}
	.countdown table { width:50px;} 
	.countdown table h1 {font-size:18px}
	.countdown table  {font-size:14px}
  #daysBox { padding-right: 8px;}
  .band-title h3 {font-size: 95%;}
  .band-title p {font-size: 75%;}
}



@media (max-width: 1200px)    {
  .header_logo_full { top: 35px; margin-left: 180px;
   margin-right: 30px;} 
 	nav ul {font-size:24px}
	#second { top:-15px }
  .lang-selector ul {	width:80px; }
  .lang-selector ul li a { height:20px; width:30px; }
  .countdown { margin-right: -10px; margin-left: -5px; }
  .countdown table { width:30px;} 
	.countdown table h1 {font-size:18px}
	.countdown table  {font-size:14px}
  #daysBox { padding-right: 12px;} 
  .band { min-width: 230px; }
/****************      MENU World Tour */
  #menu-world-tour {-webkit-transform:scale(0.7);-moz-transform: scale(0.7);transform:scale(0.7); left: -10px;}
/****************      End MENU World Tour */
}



@media (min-width: 1100px) { 
  .sidebar-full{width:647px!important;}
}



@media (min-width: 959px) and (max-width: 1200px)    {
  
  .countdown { padding: 5px 15px; margin-right: -10px; margin-left: -5px; }
  .countdown table { width:10px;} 
	.countdown table h1 {font-size:14px}
	.countdown table  {font-size:12px}
  #daysBox { padding-right: 12px;}                              
	#second { top:-30px }
  .band-title h3 {font-size: 100%;}
  .band-title p {font-size: 75%;}
}




@media (min-width: 768px) and (max-width: 959px)  {
  .header_logo_full { margin-top: 0px; margin-left: 150px;  margin-right:5px;  } 
  nav { margin: 0px auto; 
  padding-top: 5px;}
  nav ul {font-size:18px}
  nav ul li a {	padding: 2px 8px; }
  #menuItem_2 a, #menuItem_36 a {  width: 56px;   margin-right: 0px; }
  #menuItem_20 a, #menuItem_57 a {  width: 73px;  }
  nav ul.sub1 a {   font-size: 13px; padding: 2px 10px; }
	#second ul  {  font-size: 14px;  } 
	#second ul li a {  padding: 2px 5px;   }
  #second { top:-20px }
  #menuItem_21 a, #menuItem_58 a { width: 45px; }
  #menuItem_25 a, #menuItem_63 a { width: 75px; }

	.countdown { padding: 5px 10px; margin-right: 0px; margin-left: 0px; }
  .countdown table { width:10px;} 
	.countdown table h1 {font-size:14px}
	.countdown table  {font-size:12px}
  #daysBox { padding-right: 12px;} 
	.oef_menu a {padding: 8px 5px; }
	.oef_home { padding: 0 3px 0 0;}
	.nav_cz  { height:20px;width:30px;} 
	.nav_en  { height:20px;width:30px;} 
  #mainbody{	padding-bottom: 87px; }
  .band-title h3 {font-size: 105%;}
  .country {font-size: 13px;}
  footer {	height: 80px;  } 
  #bottom-logo {  top: 0px; }
  .icons-support { position: absolute; margin-top: 20px;}                
} 



@media only screen and (min-width: 640px) and (max-width: 767px) {

  	#main_container {
		width:100%;
		height:auto!important;
		position:relative;
		padding-bottom:10px;
  	}

	#right_container {
		display: block;
		width:100%!important;
		padding-bottom:10px;
		height:auto!important;
		position:relative;
		float:none;
		margin:auto
	  }     

  
   nav { margin: 0px auto; 
   padding-top: 5px;}
   nav ul {font-size:16px}
   nav ul li a {	padding: 2px 6px; }
   #menuItem_2 a, #menuItem_36 a {  width: 56px;   margin-right: 0px; }
   #menuItem_20 a, #menuItem_57 a {  width: 66px;  }
   nav ul.sub1 a {   font-size: 13px; padding: 2px 10px; }
	 #second ul  {  font-size: 13px;  } 
	 #second ul li a {  padding: 1px 5px;   }
   #second { top:-15px }
   #menuItem_21 a, #menuItem_58 a { width: 38px; }
  #menuItem_25 a, #menuItem_63 a { width: 62px; }
	 
  .countdown { padding: 3px 8px;  }
  .countdown table { width:10px;} 
	.countdown table h1 {font-size:13px}
	.countdown table  {font-size:11px}
  #daysBox { padding-right: 10px;}
  .countdown { margin-right: -15px;}  
	.oef_menu a {padding: 8px 5px; }
	.oef_home { padding: 0 3px 0 0;}
	#mainbody{	padding-bottom: 87px; }
  footer {	height: 80px;  } 
  #bottom-logo {  top: 0px; }
  .icons-support { position: absolute; margin-top: 20px; }       
  
}
  
  

@media (max-width: 768px) {

  #band_container {
	max-width:640px!important;
	float:none;
	position:relative;
	height:auto!important;
	margin:0 auto auto!important;
	}

	#right_container_single2{ width:320px!important;
	float:none;position:
	relative;padding-bottom:10px;
	height:auto!important;
	margin:auto
	} 

  .header_logo_full { margin-top: 0px;  margin-left: 100px;  margin-right:5px;}
  .lang-selector {
	position: absolute;
	top: 10px;
	right:3px;
  }   

  .lang-selector ul {	width:48px; }
  .lang-selector ul li a { 	height:15px; 	width:23px; }
  .lang-selector ul li { margin: 0 0 !important }
   
   #menu-world-tour 
{-webkit-transform:scale(0.5);-moz-transform: scale(0.5);transform:scale(0.5);
left: -12px; top: 55px;} 

  #social {-webkit-transform:scale(0.5);-moz-transform: scale(0.5);transform: scale(0.5);
    margin-right:-1px;margin-top:10px;
    width:40px;
    position:absolute;
    right: -10px;
    top: -15px;
    z-index:10000; 
    }

#social :hover { right: 1px;   }
}


@media only screen and (min-width: 480px) and (max-width: 640px) {

  .band-title h3 {font-size: 110%;}

 	 #main_container {
	 width:100%;
	 height:auto!important;
	 position:relative;
	 padding-bottom:10px;
	 }

	#right_container {
	width:320px!important;
	padding-bottom:10px;
	height:auto!important;
	position:relative;
	float:none;
	margin:auto
	}   

  nav { margin: 0px auto;  padding-top: 5px;  padding-right: 30px;}
  nav ul {font-size:14px}
  nav ul li a {	padding: 2px 3px; }
   #menuItem_2 a, #menuItem_36 a {  width: 46px;   margin-right: 0px;  }
   #menuItem_20 a, #menuItem_57 a { width: 50px; text-align: left; }
  nav ul.sub1 a {   font-size: 12px;  padding: 1px 7px; }
	#second ul  {  font-size: 12px;  } 
	#second ul li a {  padding: 1px 3px;   }
  #second { top:-10px }
  #menuItem_21 a, #menuItem_58 a { width: 38px; }
  #menuItem_25 a, #menuItem_63 a { width: 58px; }
	.countdown { padding: 3px 8px;     }
  .countdown table { width:10px;} 
	.countdown table h1 {font-size:12px}
	.countdown table  {font-size:10px}
  #daysBox { padding-right: 10px;}
  .oef_menu a {padding: 8px 3px; }
	.oef_home { padding: 0 3px 0 0;}
  #mainbody{	padding-bottom: 97px; }
  footer {	height: 90px;  } 
  #bottom-logo {  top: 0px; } 
  .icons-support {
 -webkit-transform:scale(0.7);-moz-transform: scale(0.7);transform:scale(0.7);
  position: absolute;
  margin-top: 40px;
  left: -30px;
  }       
}

@media (max-width: 480px) {

	.col-xs-6{width:91.66666667%}
  .band-title h3 {font-size: 110%;}
  #main_container {
	width:320px!important;
	float:none;
	position:relative;
	height:auto!important;
	margin:0 auto auto!important;
	}

	#right_container{ width:320px!important;
	float:none;position:
	relative;padding-bottom:10px;
	height:auto!important;
	margin:auto
	} 

  #band_container {
	width:320px!important;
	float:none;
	position:relative;
	height:auto!important;
	margin:0 auto auto!important;
	}

	#right_container_single2{ width:320px!important;
	float:none;position:
	relative;padding-bottom:10px;
	height:auto!important;
	margin:auto
	} 

  nav {display: none;}
  #mobile_nav { display: block;	}
  #mobile_nav ul,
  #mobile_nav ul li,
  #mobile_nav ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  }

  #mobile_nav ul {
  position: relative;
  z-index: 2000;
  float: left;
  }
  
  #mobile_nav ul li {
  float: left;
  /*min-height: 1px;
  line-height: 1em;*/
  vertical-align: middle;
  }

  #mobile_nav ul li.hover,
  #mobile_nav ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
  }

  #mobile_nav ul ul {
  margin-top: 1px;
  visibility: hidden;
  position: absolute;
  top: 1px;
  left: 99%;
  z-index: 2001;
  width: 100%;
  }

  #mobile_nav ul ul li { float: none; }
  #mobile_nav ul ul ul { top: 1px;  left: 99%; }
  #mobile_nav ul li:hover > ul {visibility: visible;}
  #mobile_nav ul li { float: none; }
  #mobile_nav ul ul li {font-weight: normal; }

  /* Custom CSS Styles */
  #mobile_nav {
  font-family:'BebasNeue' !important;
	font-size: 14px;
  width: 80px;
  }

  #mobile_nav ul a,
  #mobile_nav ul a:link,
  #mobile_nav ul a:visited {
  display: block;
  color: #ddd2b7;
  text-decoration: none;
  }

  #mobile_nav > ul {  float: none;}
  #mobile_nav ul { background: rgba(0,0,0,0.65);}
  #mobile_nav > ul > li {  border-left: none; }
  #mobile_nav > ul > li > a { padding: 2px 5px;}
  #mobile_nav > ul > li:hover { border-left: none; }
  #mobile_nav ul li:hover > a {   color: #ff5919;}
  #mobile_nav > ul > li:hover {   background: #000; }

  /* Sub Menu */
  #mobile_nav ul ul a:link,
  #mobile_nav ul ul a:visited { font-size: 12px; }
  
  #mobile_nav ul ul {
  width: 60px;
  left: 95px;
  background: none;
  border-left: none;
  }
  
  #mobile_nav ul ul a {
  padding: 2px 5px;
  border-bottom: none;
  }

  #mobile_nav ul ul li:hover { background: #000; }

  #mobile_nav ul ul li {
  padding: 0px 0px;
  background: rgba(0,0,0,0.65);
  }

  #mobile_nav ul ul li:last-child {
  border-bottom: none;
  padding-bottom: 10px;
  }
  
  #mobile_nav ul ul li:first-child {
  padding-top: -10px;
  }
  
  #mobile_nav ul ul li:last-child > a {
  border-bottom: none;
  }

  #mobile_nav ul ul li:first-child:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: -20px;
  top: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid rgba(0,0,0,0.65);
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  }

  #menuItem_2 a, #menuItem_36 a  {
	background:url(../images/oef-home-2.png) right no-repeat;
  width: 36px;
  margin-right: 0px;
  text-indent: -9999px;
  }
    
 

  #menu-world-tour 
{-webkit-transform:scale(0.4);-moz-transform: scale(0.4);transform:scale(0.4);
left: -14px; top: -50px; left: 65px;} 

  .header_logo_full { margin-top: -10px;  margin-left: 0px;  margin-right:0px;}


  .header_banner {
  max-width:100%;
  top: -165px;
  position: relative; 
	left: 90px;
  margin-right:110px;
  }
  
  #social {    top: -35px;
    }

	#second ul  {  font-size: 9px;  
    background:  rgba(0, 0, 0, 0.85); } 
	#second ul li a {  padding: 1px 2px;   }
  #second { top:-185px }
  #menuItem_21 a, #menuItem_58 { width: auto; }
  #menuItem_25 a, #menuItem_63 a { width: auto; }
  .header_logo { margin:40px  0px 0 0px;   max-height: 100%;  }
 .lang-selector {	top: 0px; right:0px; }   
 .lang-selector ul {  width:50px; }
 .lang-selector ul li { margin: 0 0 !important }
 .header_datum, .countdown {  display: none;}
  #mainbody{	padding-bottom: 117px; }
  footer {	height: 110px; padding-bottom: 0px; } 
  #bottom-logo  { width: 110px; top: 0px; }       
  #bottom-logo img { max-width: 120px; max-height: 50px; }       
  .icons-support {
  -webkit-transform:scale(0.5);-moz-transform: scale(0.5);transform:scale(0.5);
   position: absolute;
   top: 73px;
   width: 400px;
   margin-left:-90px;
   padding: 0 auto;
   }

#bottom-menu1, #bottom-menu2 {
  float: left;
  margin: 0px 8px;
  font-size: 10px;
  line-height: 1.03;
  top: -5px;
  margin-bottom: 0px;
  }

#bottom-menu1 > ul > li, #bottom-menu2 > ul > li {
  display: block;
  padding-right: 0px;
  text-align: left;
  vertical-align: center;
  }

}

.user-menu {padding:10px}