/* CSS pro www.karnet.cz
****************************************************
****************************************************
***                                              *** 
**         autor: Roman Karnet                    **
**         e-mail:   roman@karnet.cz              **
**         website:  http://design.karnet.cz      **
**         updated: 19.6.2007                     ** 
***                                              ***                                      
****************************************************
*/



body { 
   background-color:#b5b592;
   color:#666;
   margin:0;
   padding:0;
   text-align:center;
}

#obsah { 
   width:950px; 
   color:#666;
   background: #fff url(../pictures/line_pistachio.gif) repeat-y right;
   margin:auto;
   padding:0;
   position:relative; 
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   text-align:left;   
}



#topsite {
   font-family:Arial, Helvetica, sans-serif;
   background-color:#cc9;
   color:#666;
   border:none;
   height:120px;
}
#topsite img{
   border:none;
}

#topsite .pocitadlo {
   text-align:right;
   padding:10px 10px 0px 10px;
   float:right;
}


#topsite .logo{
  float:left;
  padding:0px;
  margin:0px;  
}

#topsite .maintext{
   text-align:center;
}

#topsite h2 {
    font-size:30px;
	font-weight:normal;
    line-height:40px;
    letter-spacing:.4em;
	background-color:#cc9;
	color:#663;
	padding:25px 0 0 0;
	margin:0px;
}	  

#topsite h1 {
    font-size:15px;
	font-weight:normal;
	line-height:20px;
	letter-spacing:.2em;
	background-color:#cc9;
	color:#963;
	padding:0px;
	margin:0px;
}

#topline {
   font-family:Arial, Helvetica, sans-serif;
   background-color:#cc6;
   color:#666;
   border: 1px solid #990;
}

#topline img{
   border:none;		   
}

#topline .dateformat {
    font-size:12px;
	background-color:#cc6;
	color:#630;
	letter-spacing:.08em;
	float:left;
	border: 0px;
	padding:3px 0 3px 10px;
}

/*  -------------pro temata-------------------   */
#topline .theme {
    font-size:12px;
	background-color:#cc6;
	color:#930;
	text-align:right;
	border: 0px;
	padding:3px 10px 3px 0;
}

#topline .theme select {
   font-size:10px;
}

#topline .theme .strawberry {
	background-color: #d32c19;
	color:#f96;
}

#topline .theme .flower {
	background-color: #633;
	color:#c99;
}

#topline .theme .pistachio {
	background-color: #663;
	color:#cc9;
}
	
#topline .theme .sea {
	background-color: #366;
	color:#cff;
}
	
#topline .theme .orange  {
	background-color: #f60;
	color:#fc6;
}

#topline .theme .apple {
	background-color: #363;
	color:#cfc;
}
	
#topline .theme .coffe {
	background-color: #630;
	color:#c93;
}
/*  --------------------------------------   */


#leftsite {
	color:#666;
	border:none;
    width:200px;
	min-height:420px;
	float:left;
	background: #fff url(../pictures/line_pistachio.gif) repeat-y left;
	padding:0;
	margin:0;
	margin-bottom:20px;
}



#leftsite #navigation {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#cc9;
	color:#666;
	border:none;
	border-bottom: 2px solid #663;
	padding:0;
	margin:0;
}


#leftsite #navigation p.startmenu {
    height:14px;
	color: #cc9;
	background: #663 url(../pictures/vlna_pistachio.gif) no-repeat right bottom;
	border:none;
	border-bottom: 1px solid #b5b592;
	margin:0;	
}



#leftsite #navigation p.mainmenu {
	color: #cc9;
    background-color: #663;
	font-size:14px;
	line-height: 16px;
	letter-spacing:.08em;
	font-weight: bold;
	border:none;
	border-bottom: 1px solid #b5b592;
	margin:0;	
}

#leftsite #navigation p.mainmenu a {
    display:block;
	color: #cc9;
	background-color: #663;      
    text-decoration: none;
	border:none;
    border-left: 15px solid #660;
	padding:8px 0 8px 6px;
}

#leftsite #navigation p.mainmenu a:hover {
    display:block;
    color:#fff;
	background-color: #999;     
    text-decoration: none;
	border:none;
    border-left: 15px solid #666;
	padding:8px 0 8px 6px;
}


#leftsite #navigation  p.submenu {
	color: #663;
	background-color: #b5b592;
	font-size:12px;
	line-height: 12px;
	letter-spacing:.08em;
	font-weight: bold;
	border:none;
	border-bottom: 1px solid #b5b592;
	margin: 0;
}

#leftsite #navigation p.submenu a {
    display:block;
	color: #663;
	background-color: #cc9;      
    text-decoration: none;
	border:none;
    border-left: 15px solid #663;
	padding:4px 0 4px 12px;
	margin-left:15px;
}

#leftsite #navigation p.submenu a:hover {
    display:block;
	color:#fff;
	background-color: #999;     
    text-decoration: none;
	border:none;
    border-left: 15px solid #666;
	padding:4px 0 4px 12px;
	margin-left:15px;
}


#leftsite #infopanel {
    font-family:Arial, Helvetica, sans-serif;
	background-color:#cc9;
	color:#666;
	border:none;
	margin:0px;
	padding:5px;
}

#leftsite #infopanel h2 {
    font-size:12px;
	background-color:#cc9;
	color: #930;
	line-height:12px;
	letter-spacing:.2em;
	margin:10px 0 3px 0;
}

#leftsite #infopanel p {
    font-size:11px;
	line-height: 13px;
	letter-spacing:.06em;
}

#leftsite #infopanel a {
	background-color:#cc9;
	color:#666;    
	text-decoration:underline;
}

#leftsite #infopanel a:hover {
    background-color:#666;
	color:#cc9;    
	text-decoration:none;
}



#rightsite {
    _float:left;
    font-family:Arial, Helvetica, sans-serif;
    background: #fff;
	color:#666;
    border:none;
    padding:0;
    margin:0 0 20px 0;
    min-height:400px;
}

#rightsite .nadpis{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
	font-weight:normal;
    line-height:18px;
    letter-spacing:.2em;
	background: #fff;
	color:#663;
	padding:10px 0 0 0;
	margin:0px;
}

	
#rightsite h1{
    font-size:12px;
    line-height: 12px;
	font-weight:bold;
	letter-spacing:.06em;
}				

#rightsite h2 {
    font-size:11px;
	background: #fff;
	color: #930;
	line-height:12px;
	letter-spacing:.2em;
	margin:15px 0 5px 0;
}

#rightsite h3 {
    font-size:13px;
	font-weight:normal;
	background: #fff;
	color: #666;
	line-height:13px;
	letter-spacing:.06em;
	margin:0;
	padding:2px;
}	


#rightsite a {
    background: #fff;
    color: #000;
	font-style:italic;
	text-decoration: underline;
}
	
#rightsite a:hover {
    background-color: #cc9;
	color:#663;
	font-style:italic;
	text-decoration: none;
}


#rightsite .galerie-panel {
    width:170px;
	height:200px; 
	overflow:auto;
	border: 3px groove #663; 
}

/* -----------styly pro obrazky v galerii  ------------------------------ */

#rightsite img{
    border:none;   
}

#rightsite img.ref-maly{
    float:left;
    border: 1px dotted #663;
	margin:5px;   
}

#rightsite img.ref-medium{
    border: 1px dotted #663;
	margin:5px;   
}


/* galerie - nahled velkeho obrazku  */
#rightsite img.galerie-velky {
   border: 10px groove #663;  
}	


/* galerie - obrazek u odkazu na galerii  */
#rightsite img.galerie-odkaz {
   width:30px;
   height:30px;
   border: 1px groove #663; 
}

/* galerie - vyber obrazku  */
#rightsite img.galerie-nahled {
   width:60px;
   height:60px;
   border: 2px groove #663;
   margin:5px;  
}

#rightsite a:hover img.galerie-nahled {
   width:60px;
   height:60px;
   border: 4px groove #663;
   margin:3px;  
}

/* galerie - panel se vsemi obrazky  */
#rightsite img.galerie-malicky {
   width:40px;
   height:40px;
   border: 1px groove #663;
   margin:2px;  
}


/* galerie - obrazky pro vetsi nahled  */
#rightsite img.galerie-medium {
   width:150px;
   height:100px;
   border: 3px groove #663;
   margin:5px;
}

#rightsite a:hover img.galerie-medium {
   width:150px;
   height:100px;
   border: 5px groove #663;
   margin:3px;  
}


/* -----------styly pro obrazky ve hry.karnet.cz-------------------------- */
#rightsite img.hry-nahled{
   width:70px;
   height:60px;
   border: 2px groove #663;
   margin:5px;  
}

#rightsite a:hover img.hry-nahled {
   width:70px;
   height:60px;
   border: 4px groove #663;
   margin:3px;  
}


/* ----------------------------------------------------------------------- */


#rightsite .red {
  background: #fff;
  color:#f00;
  font-weight:bold;
}

#rightsite #left {
   float:left;
   width:520px;
   padding:5px;
   padding-bottom:20px;
   margin:0px;
   border:none; 
}

#rightsite #left .text {
    font-size:12px;
	line-height:15px;
	letter-spacing:.08em;	
}

#rightsite #left p {
  text-align:justify;	
}

#rightsite #left ol {
   margin-top:5px;	
}

#rightsite #left ol li {
   font-size:11px;
   line-height: 13px;
   letter-spacing:.06em;
   margin-bottom:5px;
}

#rightsite #left .date {
    clear:left;
    float:left;
	padding:0px;
	padding-right:5px;
	padding-top:8px;
	background: #fff;
    color:#930;
    font-size:10px;
	line-height:15px;
	letter-spacing:.08em;	
}

#rightsite #left .reference {
    min-height:120px;
	margin-left:5px;
}

#rightsite #left .reference p {
    font-size:11px;
	line-height:13px;
	letter-spacing:.06em;
	margin:5px;
}		
	

#rightsite #left .galerie-navigace {
    float:left;
    width:20px;
	height:20px;
	color: #cc9;
    background-color: #663;
	font-size:15px;
	font-weight: normal;
	font-style:italic;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #b5b592;
	margin:10px;	
}

#rightsite #left .galerie-navigace a {
    width:20px;
	height:20px;
    display:block;
	color: #663;
	background-color: #cc9;      
    text-decoration: none;
}

#rightsite #left .galerie-navigace a:hover {
    width:20px;
	height:20px;
    display:block;
    color: #cc9;
	background-color: #663;     
    text-decoration: none;
}


#rightsite #right {
    float:right;
	width:200px;
	border:none;
	padding:40px 5px 20px 5px;
	margin:0;
}	
	
#rightsite #right .text {
    font-size:11px;
	line-height: 13px;
	letter-spacing:.06em;
	text-align:left;
}

#rightsite #right li {
  font-size:13px;
  line-height: 16px;
  letter-spacing:normal;
  list-style-type:circle;
}

#special {
    _float:left;
	width:720px;
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    border:none;
	padding:5px;
    padding-bottom:20px;
    margin:0 0 20px 0;
    min-height:400px;
	background:#fff;
}

#special .nadpis{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
	font-weight:normal;
    line-height:18px;
    letter-spacing:.2em;
	background: #fff;
	color:#663;
	padding:10px 0 0 0;
	margin:0px;
}
	
#special h1{
    font-size:12px;
    line-height: 12px;
	font-weight:bold;
	letter-spacing:.06em;
}				

#special h2 {
    font-size:14px;
	background: #fff;
	color: #930;
	line-height:12px;
	letter-spacing:.1em;
	margin:15px 0 5px 0;
}

#special h3 {
    font-size:12px;
	font-weight:normal;
	background: #fff;
	color: #666;
	line-height:13px;
	letter-spacing:.06em;
	margin:0;
	padding:2px;
}	

#special a {
    background: #fff;
    color: #000;
	font-style:italic;
	text-decoration: underline;
}
	
#special a:hover {
    background-color: #cc9;
	color:#663;
	font-style:italic;
	text-decoration: none;
}

#special .text {
 text-align:left;
 font-size:12px;
 line-height:15px;
 letter-spacing:.08em;	
}

#special .date {
    clear:left;
    float:left;
	padding:0px;
	padding-right:5px;
	padding-top:8px;
	background: #fff;
    color:#000;
    font-size:10px;
	line-height:15px;
	letter-spacing:.08em;	
}

#special .line {
   clear:both;
   border-bottom: 1px solid #b5b592;
   height:1px;
}



#footer {
     clear:both;
     font-family:Arial, Helvetica, sans-serif;
     background: #fff url(../pictures/footer_pistachio.gif) repeat-x bottom;
     border: none;
     border-bottom: 1px solid #990;
     font-size:10px;
     color: #930;
     line-height:12px;
     letter-spacing:.1em;
     text-align:right;
     padding:5px;
     margin:0px;
		   
}

#footer a {
    color: #930;
	font-size:10px;
	line-height:12px;
	letter-spacing:.1em;
	text-decoration: underline;
}

#footer img{
           border:none;
}

#toplist{
  background-color:#b5b592;
  color:#666;
}

.clear{
   clear:both;
}