::selection {
  background: #408000; 
  color: #d5ffaa;
}
::-moz-selection {
  background: #408000; 
  color: #d5ffaa;
}

@font-face {
    font-family: agency;
    src: url('fonts/agencyfb-regular.pfm');
    }
@font-face {
    font-family: segoe;
    src: url('fonts/segoe_print.ttf');
    }
@font-face {
    font-family: segoeb;
    src: url('fonts/segoe_print_bold.ttf');
    }
@font-face {
    font-family: tekton;
    src: url('fonts/tektonpro-ext.otf');
    }
@font-face {
    font-family: Space;
    src: url('fonts/space_bd_bt_bold.ttf');
    }
@font-face {
    font-family: burn;
    src: url('fonts/Burnstown_Dam.ttf');
    }
@font-face {
    font-family: wood;
    src: url('fonts/AlphaWood.ttf');
    }
@font-face {
    font-family: detva;
    src: url('./fonts/airmole shaded.ttf');
    }
a {
	color: #55aa00;
	background-color: inherit;
	text-decoration: underline;  

	
}
a:hover,
a:focus,
a:active { 
	color: #2b5500;
	text-decoration:underline;
}

img {
	border: 0px solid #6ad500;
	margin: 5px;	
}
img.no-border {
	border: none;
}
a img {
	border: 3px solid #6ad500;
	margin: 7px;
}
a:hover img {
	border: 3px solid #aaff55;
}

p, h1, h2, h3, h4 {
	margin: 10px 15px;
} 
h1, h2, h3, h4 {
	font-family: detva;
} 
ul, ol {
	margin: 0;
	padding: 0 0 0 30px;
	color: #FC3;
}
ul span, ol span {
	color: #666666;
}

.rotacia180 {
	filter:progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.ranger {
  width:100px;
  float:left;
  margin-top:-8px;
  margin-left:0px;
  -webkit-transform: scaleX(-1)  rotate(180deg);
  -moz-transform: scaleX(-1)  rotate(180deg);
  -o-transform: scaleX(-1)  rotate(180deg);
}
.hod_o{
  position:absolute;
  bottom:0px;
  right:0px;    
}
.hodnot{
  position:relative;
  float:right;
  width:100px;
  height:70px;
  margin:0;
  margin-right:-10px;
  padding:0;
  background: url("../images/hod.png") no-repeat;
}
.noborder{
  border:0 !important;
}

.noborder a{
  border:0 !important;
}
.noborder:hover,
.noborder:focus,
.noborder:active {
  border:0 !important;
}
.nomargin{
  margin:0 !important;
}

.nomargin a{
  margin:0 !important;
}
.nomargin:hover,
.nomargin:focus,
.nomargin:active {
  margin:0 !important;
}
.nomargin img{
  margin:0 !important;
}

.nomargin img a{
  margin:0 !important;
}
.nomargin img a:hover,
.nomargin img a:focus,
.nomargin img a:active {
  margin:0 !important;
}
.okraje20{
  border-radius: 20px; 
  -moz-border-radius: 20px; 
  -webkit-border-radius: 20px;      
}
.okraje10{
  border-radius: 10px; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;      
}
.okraje5{
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;      
}
.mini_foto{
  float:left;
  margin: 0 10px;
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;      
}
.online_foto{
  float:left;
  margin: 0 0 7px 1px;
  border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
     
}
.bez_okrajov{
    border-radius:0px;
    box-shadow: 0px 0px 0px #000;    
}
.koment{
margin:15px 50px 5px 50px;
padding:10px;
min-height:50px;
}
.koment_foto{
margin:5px 10px 10px 0px;
float:left;
border-radius: 5px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;      
}
.koment input[type=text]{
margin:5px 10px 10px 5px;
float:left;
width:330px;
min-height:40px;

border-radius: 0px;
box-shadow: 0px 1px 0px #353, 0px -1px 0px #353;
}
.chat input[type=text],
.chat textarea{
    float:left;
    width:450px;
    height:28px;
    margin:6px 0px;
    padding:0 20px;
    border-radius: 0px;
    box-shadow: 0px 1px 0px #353, 0px -1px 0px #353;
}

.nchat_foto{
    margin:5px 10px 0 10px;
    border:0;
    float:left;
}
.chat_foto{
    margin:0px 10px 0 0;
    border:0;
    float:left;
}

.smajlik{
    margin-bottom:-5px;
}

.tabulka img{
    margin:-8px;
    border:none;
}
.tabulka{
    width:550px;
    margin:20px auto;
    padding:2px;
    border: 4px solid #231;
    border-collapse:separate; 
    text-align:center; 
    vertical-align:middle; 
    border-radius: 10px;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;      

}
.tabulka thead th, 
.tabulka thead td {
color: white;
background-color: #231;
}
.tabulka th, 
.tabulka td {
padding:10px;
border-left: 1px solid #ddd; 
border-right: 1px solid #ddd;
}
.tabulka tbody tr:hover {
background-color: #bfff80;
}
.poslat{
    width:550px;
    margin:20px auto;
    padding:2px;
    border: 4px solid #231;
    border-collapse:separate; 
    vertical-align:bottom; 
    border-radius: 10px;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;      
}
.poslat thead th, 
.poslat thead td {
color: white;
background-color: #231;
    text-align:center; 
}
.poslat th, 
.poslat td {
padding:10px;
border-left: 1px solid #ddd; 
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.kontakt input[type=text],
.kontakt input[type=email]{
    width:220px;
    height:28px;
    margin:0px 0px 10px 0;
    padding:0 10px;
    border-radius: 0px;
    box-shadow: 0px 1px 0px #353, 0px -1px 0px #353;
}
.prve_velke{
    text-transform:capitalize;
}
.velke{
    text-transform:uppercase;
}
.male{
    text-transform:lowercase;
}
.noa{
  color:#408000;
  text-decoration: none;
  
}
.pre{
    white-space: pre-wrap;
}
.riadok{
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkid-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
input[type=submit] {
    color:#000;
    padding:5px;
    background:#bfff80;
    border: 0;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkid-border-radius:5px;
    box-shadow: -2px 2px 5px #7f7, 2px -2px 5px #7f7;    
    -moz-box-shadow: -2px 2px 5px #7f7, 2px -2px 5px #7f7;    
    -webkid-box-shadow: -2px 2px 5px #7f7, 2px -2px 5px #7f7;    
}
input[type=submit]:hover,
input[type=submit]:focus {
    background:#aaff55;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=date] {
    height: 28px;
    padding:0 10px;
    width: 200px;
}
textarea {
    height: 120px;
    padding:10px;
    width: 230px;
}
textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=color],
input[type=date]{
    font: bold 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
  	font-weight:500; 
    text-align:left;
    color:#000;
    margin: 5px 0;
    background:#bfff80;
    border: 0;
    border-radius:5px;
    box-shadow: -2px 2px 5px #6ad500, 2px -2px 5px #6ad500;    
}
input[type=color]{
    margin:5px 30px;
}

body{
  background: #eaffd5;
  background: -webkit-gradient(linear, left top, right bottom, from(#eaffd5), to(#eaffd5)); 
  background: -moz-linear-gradient(top,  #eaffd5,  #eaffd5); /* Firefox 3.6+ */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaffd5', endColorstr='#eaffd5'); /* IE */
  
  background-attachment: fixed;
	font: 12px segoe;
  color:#408000;
}
#wrap{
  width:1000px;
  background:#d5ffaa; 
  margin:10px auto;
  clear:both;
  box-shadow: -4px 4px 15px #000;  
  -moz-box-shadow: -4px 4px 15px #000;  
  -o-box-shadow: -4px 4px 15px #000;  
}
#header{
  position:relative;
  width:1000px; 
  height:100px; 
	background-image:url("../images/head2.jpg"); 
  /*background: -webkit-linear-gradient(-90deg, transparent 0%, #fff 100%);  */
  border-radius: 20px 20px 0px 0px;    
  -moz-border-radius: 20px 20px 0px 0px;    
  -webkit-border-radius: 20px 20px 0px 0px;      
}
#hore{
  position:absolute;
  bottom:-20px;
  left:250px;
  padding:0 10px 20px 10px;
  background:#d5ffaa;
  font-family:detva;
  font-size:45px;
  box-shadow: 1px 1px 15px #d5ffaa, 1px 1px 15px #d5ffaa, 1px 1px 15px #d5ffaa, 1px 1px 15px #d5ffaa, 1px 1px 15px #d5ffaa; 
  border-radius: 30px 30px 0px 0px;    
  -moz-border-radius: 30px 30px 0px 0px;    
  -webkit-border-radius: 30px 30px 0px 0px; 
  opacity: 0.8;     
}
.zbor{
    font-size:30px;
}
#up_left{
  position:relative;
  float:left; 
  width:200px;
  min-height:500px;
  height:100%; 
}
    #left{
      width:170px;
      padding:15px;
			font: bold 12px segoe;
			text-transform:uppercase;			
			list-style-image:url("../images/bullet.gif");
      
    }
    #left li{
      margin:5px;
    }
    #left ul li{
      margin:5px;
    }
#up_main{
  float:left; 
  width:598px;
  min-height:650px; 

  border-left: #030 1px solid; 
  border-right:#030 1px solid;
  position:relative;  
}
    #menu{
    	position:relative;
    	margin: 0px; padding: 0 7px;			
    	overflow: hidden;	
    	height: 30px;
    	width: 584px;
    	background:#d5ffaa;
    	border-bottom:#030 3px inset;
    }
    			#menu ul {	
    				float:none;	
    				margin: 0;	padding: 0;		
    				width: 100%;	
    				list-style: none;	
    			}
    			#menu ul li {
    				float: left;
    				margin: 0; padding: 0 0 0 5px;			
    			}
    			#menu ul li a:link,
    			#menu ul li a:visited {
    				float: left;
    				position:relative;
    				z-index:1;
    				margin: 0;
    				padding: 5px 15px 5px 11px;	
    				font: bold 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
    				text-transform:uppercase;			
    				color: #55aa00;
    			}
    			#menu ul li a:hover, 
    			#menu ul li a:active {
    				border: none;
    				position:relative;
    				z-index:2;
    				color: #2b5500;
    				height: 30px;
    				background:#bfff80;
            box-shadow: 0px 0px 25px #000;            		
    			}
    			#menu ul li#current a{ 
    				background:#bfff80;	
            height: 30px;
            
     			}
    			#menu ul li#current a:hover{ 
    				background:#bfff80;		
            height: 30px;	
            box-shadow: 0px 0px 25px #000;	
            -moz-box-shadow: 0px 0px 25px #000;	
            -o-box-shadow: 0px 0px 25px #000;	
    			}
    #main{

      padding:15px;
      min-height:500px;

    }
#up_right{
  position:relative;
  float:right;
  margin-left:3px; 
  width:197px;
  height:100%; 

}
    #right{
      position:relative;
      padding:17px;
    }
#footer{
  position:relative;
  width:1000px; 
  height:50px; 
  background:#d5ffaa; 
  clear:both;
  text-align:center;
  vertical-align: middle;
  border-top:#030 4px solid; 
}
#i_okraje{
    width:200px;
    padding:5px 25px;
}
#okraje{
    padding:10px;
}
#user{
    position:relative;
    width:520px;
    min-height:50px;
    margin:15px;
    padding:10px 5px;
    clear:both;
}
#set{
    position:relative;
    width:550px;
    min-height:50px;
    margin:0px;
    padding:10px 10px;
    clear:both;
    white-space: pre-wrap;
    text-align:justify;
}
#blogs{
    position:relative;
    width:520px;
    min-height:50px;
    margin:15px;
    padding:10px;
    clear:both;
    background: url("http://kanec.tym.sk/images/vertical.png") no-repeat, url("http://kanec.tym.sk/images/horizontal.png") no-repeat;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;


}
#blog{
    position:relative;
    width:520px;
    min-height:100px;
    margin:15px;
    padding:10px;
    clear:both;
    white-space: pre-wrap;
}
#vtip{
    position:relative;
    width:520px;
    min-height:40px;
    margin:15px;
    padding:10px;
    clear:both;
    white-space: pre-wrap;
}

#user_profile{
    position:relative;
    width:520px;
    min-height:90px;
    margin:15px auto;
    padding:10px 5px;
    clear:both;
}

#user_float{
    text-align:right;
    position:relative; 
    float:right;
    width:250px;
    margin-right:10px;
}

#users{
    width:140px;
    min-height:50px;
    margin:5px;
    padding:7px;
}
#login{
    width:134px;
    min-height:35px;
    margin:5px;
    padding:10px;
}
#nchat{
    position:absolute;
    bottom:10px;
    clear:both;
    width:570px;
    height:40px;
}

#chat{
    width:540px;
    min-height:30px;
    clear:both;
    vertical-align:middle;
    padding:5px;
    border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    box-shadow: 0px -1px 0px #7c2;    
    -moz-box-shadow: 0px -1px 0px #7c2;    
    -o-box-shadow: 0px -1px 0px #7c2;    
    display:block;
    white-space: pre-wrap;

}
#user_foto{
  text-align:center;
  margin:0px;
  padding:0px;
  width:140px;
  margin:7px 0;
}
#up_chat{
margin-bottom:50px;
}

#i_okraje,
#okraje,
#user,
#user_profile,
#users,
#blogs,
#vtip,
ul#menup li a,
ul#menup li ul li,
ul#menup li ul li a,
#blog,
#login,
#set,
#play,
#nchat,
#up_chat,
ul#menul li ul,
.koment{
 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;      
  border-radius:5px;
  box-shadow: -2px 2px 5px #6ad500, 2px -2px 5px #6ad500;    
  -moz-box-shadow: -2px 2px 5px #6ad500, 2px -2px 5px #6ad500;    
  -webkid-box-shadow: -2px 2px 5px #6ad500, 2px -2px 5px #6ad500;    
}
#i_okraje,
#okraje,
#user,
#user_profile,
#users,
#blog,
#blogs,
#vtip,
#login,
#set,
#upload,
#user_foto,
ul#menup li a,
ul#menup li ul li,
ul#menup li ul li a,
#nchat,
#up_chat,
ul#menul li ul,
.koment{
    background:#bfff80;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkid-border-radius: 5px;
    -o-border-radius: 5px;
    -IE-border-radius: 5px;
}


.checkbox, .radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url(../images/check1.jpg) no-repeat;
  display: block;
  clear: left;
  float: left;
}
.radio {
  background: url(../images/check2.jpg) no-repeat;
}
.select {
  position: absolute;
  width: 158px;
  height: 21px;
  padding: 0 24px 0 8px;
  color: #fff;
  font: 12px/21px arial,sans-serif;
  background: url("../images/no.jpg") no-repeat;
  overflow: hidden;
}

#aktual{
  position:absolute;
  bottom:10px;
  left:40px;
}

#fotogaleria{
  width:52px;
  text-align:center;  
  vertical-align:center;
  margin: 0px auto;
}
#fotogaleria img{
  max-height:100px;
  max-width:119px;
}
#fotogaleria th, 
#fotogaleria td {
padding: 0px;
}
/*border: 1px solid #ddd; 
#fotogaleria tbody td:hover {
width:150px;
background-color: #bfff80;
} */

#foto_over{
  position:relative;
  width:165px;
  height:60px;
  float:left;
  margin:5px;
  padding:5px;
  white-space:pre-wrap;
  background:#000;
}

#foto_over img{
  max-height:60px;
  border:none;
  margin:0;
  margin-right:5px;
  float:left;
}

#galeria{
  max-width:560px;
  text-align:center;
  vertical-align:middle;
}
#galeria th, 
#galeria td {
vertical-align:middle;
margin:10px 0;
padding: 2px;
}

 
 


ul#menup a {display:block;  }
ul#menup {list-style-type:none; margin-left:-20px; float:left;}
ul#menup li {float:left;  }
ul#menup li a {display:block; float:left; padding:5px; margin:0;  background:#efefef; text-decoration:none; }
ul#menup li a:hover { }
ul#menup li ul { display:none; }
ul#menup li ul li { display:block; float:none; border:1px solid #cccccc; }
ul#menup li ul li a { border:0; background:#efefef;float:none; min-width:120px; }
ul#menup li ul li a:hover { color:#ffffff;}

li { behavior:url('hover.htc'); }
ul#menup li:hover ul,
ul#menup li.hover ul a,
ul#menup li.hover ul { display:block; position:absolute; right:-30px; top:20px;}



ul#menul a {}
ul#menul {color:#408000; list-style-type:none;  text-align:left; }
ul#menul li {color:#408000; margin:-14px 0 0 680px; padding:0; float:left; }
ul#menul li a { padding:10px; text-decoration:none; }
ul#menul li a:hover {}
ul#menul li ul { display:none; background:#000; padding:5px;}
ul#menul li ul li { display:block; float:none; margin:5px; }
ul#menul li ul li a { border:0;  }
ul#menul li ul li a:hover { color:#ffffff; }

li { behavior:url('hover.htc'); }
ul#menul li:hover ul,
ul#menul li.hover ul { display:block; position:absolute; bottom:45px; }

#ccc{
    				font: bold 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
    				text-transform:uppercase;			
    				color: #55aa00;
}