body#blue{
	background: url('img/bg_repeat_blue.png') top left repeat-x #000;
	margin: 0;
	padding: 0;  
}        

body#white{
	background: url('img/bg_repeat_white.png') top left repeat-x #000;
	margin: 0;
	padding: 0;	
}     


/* ---------------------- LAYOUT ------------------------- */      
                                

#holder{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;  
}                 

.hidden{
	display: none;
}

h1{
	display: none;
}

#bg_o_agenture h2, #bg_kontakt h2, #rodinadiv h2{
	display: none;
}
        
#head{
	height: 213px;     
	clear: both;
}

#nav{
	width: 620px;
	float: left;
	height: 213px; 
}                     

#logoarea{
	background: url('img/logoarea.jpg') top left no-repeat;
	width: 380px;    
	float: left;
	height: 213px; 	
}                           

.reset{
	clear: both;
	height: 1px;
	background: transparent;
	color: transparent;
	font-size: 0px;
}                 

#content_blue{
	background: url('img/rightstripe_blue.jpg') top right no-repeat;
	min-height: 294px;    
	_height: 294px;       
	padding-left: 10px;   
	padding-top: 26px;
	clear: both;
}               

#content_white{
	background: url('img/rightstripe_white.jpg') top right no-repeat;
	min-height: 320px;	
	_height: 320px;          
	padding-left: 10px; 
	padding-top: 0px;
	clear: both;
}

#footer{     
	padding-left: 13px; 
	padding-bottom: 20px;
	color: #48555f;   
	clear: both;  
	line-height: 25px;
}                  

#footer p{
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family: Arial, sans-serif;
}   

#footer p span.copy{
	float: left;      
	margin-right: 10px;
}

#footer span.logo_netweego{
	float: left;
}
                
#footer span.logo_netweego a{
	background: url('img/logo_netweego.gif') top right no-repeat;     
	width: 65px;	
	height: 25px;
	display: block;
}

#footer span.logo_netweego a:hover{
	background: url('img/logo_netweego.gif') 0px -25px no-repeat; 	
}                                         

#footer .logo_netweego a span{
	display: none;
}

/* ---------------------- MAIN NAVIGATION ------------------------- */

#navigation{
	clear: both;
}
 
#navigation ul.level_0 {
	margin: 0;
	padding: 0;
	height: 127px;
	margin-top: 34px;  
	}
 
#navigation ul .domov, #navigation ul .o_agenture, #navigation ul .rodina, #navigation ul .klienti, #navigation ul .ocenenia, #navigation ul .galeria, #navigation ul .kontakt {
	cursor: pointer;
	float: left;
	list-style: none;
	}
 
#navigation ul a.main {
	background: url('img/sprite_menu.png') no-repeat top left;
	display: block;
	outline: none;
	position: relative;
	height: 127px;
	text-decoration: none;
	width: auto;
	}
 
#navigation ul a.main span { display:none; }
 

/* -------------------- STANDARD LINKS (div#navigation ul li a.main) ------------------ */
 
#navigation ul .domov a.main {
	background-position: 0 0;
	width: 73px;
	z-index: 1;
	}
 
#navigation ul .o_agenture a.main {
	background-position: -73px 0;
	width: 114px;
	z-index: 2;
	}
 
#navigation ul .rodina a.main {
	background-position: -187px 0;
	width: 78px;
	z-index: 3;
	}
 
#navigation ul .klienti a.main {
	background-position: -265px 0;
	width: 76px;
	z-index: 4;
	}
 
#navigation ul .ocenenia a.main {
	background-position: -341px 0;
	width: 95px;
	z-index: 5;
	}

#navigation ul .galeria a.main {
	background-position: -436px 0;
	width: 82px;
	z-index: 6;
	}

#navigation ul .kontakt a.main {
	background-position: -518px 0;
	width: 87px;
	z-index: 7;
	}

/* ----------- Active States (Body tag matchup) (Sprite Level 2) ( y = -128px ) ------------ */
 
.domov #navigation .domov a.main { background-position: 0 -128px; z-index: 8; }
.o_agenture #navigation .o_agenture a.main { background-position: -73px -128px; z-index: 8; }
.rodina #navigation .rodina a.main { background-position: -187px -128px; z-index: 8; }
.klienti #navigation .klienti a.main { background-position: -265px -128px; z-index: 8; }
.ocenenia #navigation .ocenenia a.main { background-position: -341px -128px; z-index: 8; }
.galeria #navigation .galeria a.main { background-position: -436px -128px; z-index: 8; }
.kontakt #navigation .kontakt a.main { background-position: -518px -128px; z-index: 8; }
 
 
/* Active State Right Adjacents (Body tag matchup staggered 1 right) ( y = -256px ) */

/* Not needed - Sprite Level 3

.domov #navigation .o_agenture a.main { background-position: -73px -0px; }
.o_agenture #navigation .rodina a.main { background-position: -187px -256px; }
.rodina #navigation .klienti a.main { background-position: -265px -256px;  }
.klienti #navigation .ocenenia a.main { background-position: -341px -256px; }
.ocenenia #navigation .galeria a.main { background-position: -436px -256px; }     
.galeria #navigation .kontakt a.main { background-position: -518px -256px; }     
                               
*/


/* ----------------- Hovers (blues) ( y = -512px ) -----------------  */
 
#navigation a.main span.hover {
	background: url('img/sprite_menu.png') no-repeat top left;
	cursor: pointer !important;
	display: block !important; /* Overriding previous span hide */
	position: absolute;
	top: 0;
	right: 0;
	height: 127px;
	width: 100%;
	z-index: 100;
	}
 
#navigation .domov a.main .hover {
	background-position: 0 -512px;
	}
 
#navigation .o_agenture a.main .hover {
	background-position: -73px -512px;
	}
 
#navigation .rodina a.main .hover {
	background-position: -187px -512px;
	}
 
#navigation .klienti a.main .hover {
	background-position: -265px -512px;
	}
 
#navigation .ocenenia a.main .hover {
	background-position: -341px -512px;
	}

#navigation .galeria a.main .hover {
	background-position: -436px -512px;
	}

#navigation .kontakt a.main .hover {
	background-position: -518px -512px;
	}

/* Active State Hovers (oranges) (y = - 384px ) */
 
.domov #navigation .domov a.main .hover { background-position: 0 -384px; padding: 0; }
.o_agenture #navigation .o_agenture a.main .hover { background-position: -73px -384px; padding: 0; }
.rodina #navigation .rodina a.main .hover { background-position: -187px -384px;  padding: 0; }
.klienti #navigation .klienti a.main .hover { background-position: -265px -384px; padding: 0; }
.ocenenia #navigation .ocenenia a.main .hover { background-position: -341px -384px; padding: 0; }
.galeria #navigation .galeria a.main .hover { background-position: -436px -384px; padding: 0; }   
.kontakt #navigation .kontakt a.main .hover { background-position: -518px -384px; padding: 0; }                                  

/* --------------------------------------------------- END OF NAVIGATION SECTION ------------------------------------------------- */

                                      

/* ---------------- GRAPHIC HEADER TITLES ---------------- */

h2.tag_vert{      
	margin: 0;
	padding: 0;
	margin-top: 1px;
	float: left;
	width: 18px;
	height: 141px;    
	margin-right: 16px;
}

h2.video{
	background: url('img/tag_video.png') top left no-repeat;   	
}                                                              

h2.tvspoty{
	background: url('img/tag_tvspoty.png') top left no-repeat;   	
}

h2.printy{
	background: url('img/tag_printy.png') top left no-repeat;   	
	height: 180px;
}
       
h2.ocenenia{
	background: url('img/tag_ocenenia.png') top left no-repeat;
	margin-right: 50px;   		
}
 
h2.klienti{
	background: url('img/tag_klienti.png') top left no-repeat;  
	margin-top: 20px;
}

h2.online{
	background: url('img/tag_online.png') top left no-repeat;  
}

h2.tag_horiz{    
   	margin: 0;
	margin-top: 1px;
	padding: 0;
	float: left;
	width: 200px;
	height: 15px;   

}

h2.aktuality{
	background: url('img/tag_aktuality.png') top left no-repeat;       
}

h2 span, h3 span, h2.tag_vert span, h2.tag_horiz span{
	display: none;
}



/* ---------------- GALLERY THUMBNAILS ---------------- */   



.artbox{
}        

.artbox a img{ 
	padding: 2px;
	width: 380px;
	height: 214px;	
	border: 1px solid #395f8c;     	
}

.artbox a:hover img{
	border: 1px solid #a2b9d3;
}  

.thumbs{

}                      

.thumbs img, .thumbs_big img{
	border: none;
	margin: 0;
	padding: 0;
}

.thumbs a{
	display: block;
	width: 65px;
	height: 45px;
	padding: 2px;
	border: 1px solid #395f8c;	
	margin-bottom: 6px;
	margin-right: 7px;
}                     

.thumbs a:hover, .thumbs_big a:hover{
	border: 1px solid #a2b9d3;	   	
}     

.thumbs_big a{
	display: block;
	width: 105px;
	height: 57px;
	padding: 2px;
	border: 1px solid #395f8c;	
	margin-bottom: 14px;
	margin-right: 12px;	
}


.placeholder{        
	width: 100%;
	height: 100%;
	background: black;
}    


/* ---------------- AKTUALITY ---------------- */    


.floatbox{
	float: left;
	padding-right: 52px;	
}    

#aktualitybox{
	padding-top: 5px;     
	margin-left: 35px; 	
	width: 355px;
	text-align: justify;
	font-size: 11px;
	color: #b8d7ec;   
	font-family: Arial, sans-serif;
}      

#aktualitybox a, #adresa a{
	color: #b8d7ec;    	
}                      

#aktualitybox a:hover, #adresa a:hover{
	color: #d5e7fe;
}
         
#aktualitybox p{
	line-height: 1.4em;
	padding: 0;    
	margin: 0;         
	padding-top: 13px;                 
	padding-bottom: 13px;
	text-shadow: 1px 1px 1px #213f5f;
	border-bottom: 1px solid #204d81; 	
}
                                                  

/* ---------------- O AGENTURE ---------------- */ 

 
#bg_o_agenture{
	background: url('img/bg_o_agenture.jpg') top left no-repeat;
	width: 875px;
	height: 320px;  
}

#bg_o_agenture p{ 
	font-family: Arial, sans-serif;
	line-height: 1.6em;
	font-size: 11px;
	color: #fff;
	margin: 0;
	padding: 0; 
	padding-top: 10px;   
	padding-left: 10px;
	text-shadow: 1px 1px 1px #353f4a;
}

#o_agenture_padding{
	padding-top: 160px;	
}         
               
/* ---------------- RODINA ---------------- */ 

 
#rodinadiv{
	height: 320px;
	clear: both;
}

.rodinabox{
 	float: left;
	margin-right: 32px;
	padding-right: 32px;
	width: 255px;     
	text-align: justify;
	font-size: 11px;
	color: #b8d7ec;   
	font-family: Arial, sans-serif;	
	background: url('img/line_vertical.png') top right no-repeat;
}  

.rodinabox p{
	line-height: 1.5em;
	margin: 0;
	padding: 0;    
	text-shadow: 1px 1px 1px #213f5f;	
}  

.rodinasprite{
	width: 255px;
	height: 125px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px; 
}

.rodinasprite #rs1, .rodinasprite #rs2, .rodinasprite #rs3, .rodinasprite a{
	margin: 0px;
	padding: 0px;
	height: 125px;
	display: block;
}

.rodinasprite #rs1{      
	background: url('img/sprite_familylogos.jpg') no-repeat;  	
	width: 255px;
}

.rodinasprite #rs2{     
	background: url('img/sprite_familylogos.jpg') -255px 0px no-repeat;  	
	width: 255px;
}

.rodinasprite #rs3{
	background: url('img/sprite_familylogos.jpg') -510px 0px no-repeat;   
	width: 255px;
}

#rs1 a:hover{
	background: transparent url('img/sprite_familylogos.jpg') 0px -125px no-repeat;
}     
   
#rs2 a:hover{
	background: transparent url('img/sprite_familylogos.jpg') -255px -125px no-repeat;
}

#rs3 a:hover{
	background: transparent url('img/sprite_familylogos.jpg') -510px -125px no-repeat;
}

.rodinasprite a strong{
	display: none;
}     


/* ---------------- KONTAKT ---------------- */ 


#bg_kontakt{
	background: url('img/bg_kontakt.jpg') top left no-repeat;  		
	width: 875px;
	height: 320px;     
}          

#bg_kontakt #adresa{   
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #b8d7ec;
	position: relative;
	top: 100px;
	left: 660px;
	width: 250px;  
	line-height: 1.5em;
}

#bg_kontakt #adresa p{
	margin: 0;
	padding: 0;
}


/* ---------------- OCENANIA ---------------- */     


#ocenenia_container{
	width: 900px;    
}       

.floatbox_ocenenia{
}

img.logo_zlatyklinec{
	width: 85px;
	height: 153px;
	margin-left: 0px;   
	margin-top: 40px;	
}

.centerer{
}



/* ---------------- GALERIA ---------------- */        


#galeria_container{
	width: 900px;    
}       

.floatbox_galeria{
}



/* ---------------- PAGINATION GENERIC for numbers ---------------- */  

#pagination{   
	width: 890px; 
	clear: both;
}

#pagination ul#toolbar{
	width: 140px;
	margin: 0;
	float: right;
	padding: 0; 
	list-style: none;   
	clear: both;
}

#pagination ul#toolbar li{
	float: left;
}

#pagination ul#toolbar li a{                                
	display: block;
	width: 5px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
	font-size: 11px;
 	font-family: Arial, sans-serif;   
	color: #5e7281;
}  

#pagination ul#toolbar li.inactive a:hover{ 
	color: #FFF;  
}

#pagination ul#toolbar li.active a{
	color: #FFF;
	text-decoration: none;
}    


ul#arrows{
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}             

ul#arrows li{
	float: left;
}


/* ---------------- PAGINATION WIDE for ocenenia, galeria ---------------- */    


#pagination_wide{   
	width: 890px; 
	clear: both;
}

#pagination_wide ul#toolbar_wide{
	margin: 0;
	float: right;
	padding: 0; 
	list-style: none;   
	clear: both;
}

#pagination_wide ul#toolbar_wide li{
	float: left;
}

#pagination_wide ul#toolbar_wide li a{                                
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 25px;
	font-size: 11px;
 	font-family: Arial, sans-serif;   
	color: #5e7281;
}  

#pagination_wide ul#toolbar_wide li.inactive a:hover{ 
	color: #FFF;  
}

#pagination_wide ul#toolbar_wide li.active a{
	color: #FFF;
	text-decoration: none;
}



/* ---------------- PAGINATION for klienti ---------------- */       


#klienti_whole #pagination ul#toolbar{
	width: 150px;    
	margin: 0;
	float: right;
	padding: 0; 
	list-style: none;   
	clear: both;
}

#klienti_whole #pagination ul#toolbar li{ 
	text-align: center;
	float: left;
}

#klienti_whole #pagination ul#toolbar li a{                                
	display: block;
	width: 50px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 25px;
	font-size: 11px;
 	font-family: Arial, sans-serif;   
	color: #5e7281; 
}  

#klienti_whole #pagination ul#toolbar li.inactive a:hover{ 
	color: #FFF;                                             
}

#klienti_whole #pagination ul#toolbar li.active a{
	color: #FFF;
	text-decoration: none;
}
    


/* ---------------- OCENENIA ---------------- */     


h3.hdl_zlatyklinec{
	display: none;
}    

h3.hdl_generic{      
	font-family: 'TradeGothicCE-Bold', 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;            
	padding: 0;
	margin: 0;
	padding-bottom: 6px;
}

h3.hdl_effie{
	background: url('img/logo_effie.gif') top left no-repeat;  
	width: 154px;
	height: 17px;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;	
}

h3.hdl_screenvision{
	background: url('img/logo_screenvision.gif') top left no-repeat;    	
	width: 202px;
	height: 21px;
	margin: 0;
	padding: 0;             
	margin-bottom: 15px;		
}  

.ocenenia_block .block{
	margin-bottom: 20px;
}

.ocenenia_block h4, .ocenenia_block h3{
	color: #e8f0f9;
}


.section h4{
	font-size: 14px;
	margin: 0;
	padding: 0; 
}                                    

.ocenenia_block{ 
	float: left;
	padding-right: 75px;         	
}      

.section p{       
	font-size: 11px;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
	color: #b8d7ec;
}      

.section p strong{
	display: block;
	float: left;
	width: 55px;
} 


/* ---------------- SCROLLING GENERIC (sirka pre ocenenia) ---------------- */   


#frame, #scroller, .section{
	height: 240px;  
}

#frame{
	overflow: hidden;
	width: 820px;
	position: relative;   
}    

#scroller{ 
	width: 820px;
	margin: 0 auto;
	overflow: hidden;
}
 
#content{
	width: 4100px; 
	clear: both;  
}  

.section{
	width: 820px;
	float: left; 
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 11px;
}
                                                         

/* ---------------- SCROLLING KLIENTI ---------------- */   
                                                            

#klienti_container #frame, #klienti_container #scroller, #klienti_container .section{
	height: 260px;     
}

#klienti_container #frame{
	overflow: hidden;
	width: 860px;
	position: relative;       
}    
                               
#klienti_container #scroller{ 
	width: 860px;
	margin: 0 auto;
	overflow: hidden;
}
 
#klienti_container #content{
	width: 1720px; 
	clear: both;  
}  

#klienti_container .section{
	width: 860px;
	float: left; 
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 11px;
}
                                     

/* ---------------- SCROLLING GALERIA ---------------- */   


#galeria_container #frame, #galeria_container #scroller, #galeria_container .section{
	width: 900px;                                                
}   

#galeria_container #content{
	width: 3600px; 
	clear: both;  
}          

/* ---------------- ONLINE ---------------- */ 

#online_holder{
	padding-left: 50px;
}

#online_holder h4{
	margin: 0;
	padding: 0;      
	padding-bottom: 5px;
	font-size: 11px;
}              

#online_holder h3{
	margin: 0;
	padding: 0;
	font-size: 16px;
	padding-bottom: 10px;
}
                       
#online_holder p{
	padding-bottom: 15px;
}    

#online_holder a{
	color: #b8d7ec;    	
}             

#online_holder strong{
	display: inline !important;
	width: none !important;
	float: none !important;
}