@charset "utf-8";
* {
   margin: 0;
   padding: 0; }
body {
   color: #050000;
   font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
   font-size: 75%;
   background: #292929 url(img/olimpback.png) repeat-x;
   opacity:0.9;                


   }
   
   
   
   

baskettable{
color:red;
height:10px;
}








.thumbnail {
    width: 320px;
    height: 240px;opacity:5; 
}
.image {
    width: 100%;
    height: 100%; 
	  overflow: hidden;
}
.image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease; 
}
.image:hover img {
    -webkit-transform:scale(1.55); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.55);
	 overflow: hidden;
	 opacity:5;
}



.art_photo2:hover img {z-index:999999;box-shadow:0px 0px 8px black;transition-duration: 0.3s;
    -webkit-transform:scale(2); /* Safari and Chrome */
    -moz-transform:scale(3.25); /* Firefox */
    -ms-transform:scale(3.25); /* IE 9 */
    -o-transform:scale(3.25); /* Opera */
     transform:scale(2);
	 overflow: hidden;
	 opacity:5;
}
.art_photo:hover img {
    -webkit-transform:scale(3.55); /* Safari and Chrome */
    -moz-transform:scale(3.25); /* Firefox */
    -ms-transform:scale(3.25); /* IE 9 */
    -o-transform:scale(3.25); /* Opera */
     transform:scale(3.55);
	 overflow: hidden;
	 opacity:5;
}

.art_photo {
   // width: 20px;
   // height: 40px;opacity:5; 
}
.masa  {position:absolute;// fixed relative
z-index:9999;left:20px; top:110px;//opacity:0.5;
background-color:black;color:#ff6600; text-indent: 0px;
font-size:18;font-weight:bolder;//font-weight: 900;
font-family: Arial, Helvetica, sans-serif;
background: transparent;//border: none;
}
/*.masa:hover  { overflow: hidden; opacity:1;width:1000;z-index:100;// height: 400px;
position:fixed;//absolute 
  transition-delay:  1s, 0s;
			transition-duration: 0.3s;
			//			//transform:translateY(500px);
			transform:scale(1,5) translateY( 20px);//;
 }*/
.zala0vie0w  {overflow: hidden;  width:1000px; height: 50px;opacity:0.1;z-index:99999;position:relative  ;//fixed  absolute 
border-radius:5px;
transition-delay:  1s, 1s;
			transition-duration: 0.3s;
			transform:translateY(500px);
/*
box-shadow:0px 10px 10px black;			
// transition:hover all 1s ease;
*/z-index:100;
   }
.zala0vie0w0  {overflow: hidden;width:1000; height: 40px;opacity:0.2;position:fixed;//absolute  relative
/*  ne se polzva
box-shadow:0px 10px 10px black;			
// transition:hover all 1s ease;
*/z-index:100;
   }  
.zala0vie0w:hover  { overflow: hidden; opacity:1;width:1000;z-index:100;// height: 400px;
position:fixed;//absolute 
/* ne se polzva*/  transition-delay:  1s, 0s;
			transition-duration: 0.3s;
			//			//transform:translateY(500px);
			transform:scale(1,5) translateY( 20px);//;
/*			//transform:translate3d(20,30,50)
     // z-index:9999;	
*//*.zala0view:hover  img{height: 400px;
} */ }
.zala0view:hover  img{

}
.art_phot  {overflow: hidden;
box-shadow:0px 0px 8px black;
			opacity:0.9;
	/*					
    -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    -ms-transition: all 1s ease; 
    -o-transition: all 1s ease; */
    transition: all 1s ease; 
	/**/
	z-index:10;
	/* Opera *//* IE 9 *//* Firefox *//*-in-out Safari and Chrome */
}

.art_phot:hover  {/*position:relative;
				top:0px;*/
				transition-delay:  1s, 0s;/*second par. = start after Xs */
				transition-duration: 0.3s;
				/*transition-property:  left;*//*opacity,*/
						z-index:10;		
	/**/			
				transform: translateY(200px);				
    -webkit-transform:scale(3.95) rotate(360deg) translateY(-20px); 
    -moz-transform:scale(3.95) rotate(360deg); 
    -ms-transform:scale(3.95) rotate(360deg); 
    -o-transform:scale(3.95) rotate(360deg); 
     transform:scale(3.95) rotate(360deg) translateY(-20px);	 
	 /*opacity:0.7;*//*-o- Opera *//*-ms- IE 9 *//*-moz- Firefox *//*-webkit- Safari and Chrome */
}
.art_phot:hover  img{

}
.art_phot_up  {overflow: hidden;
box-shadow:0px 5px 8px black;
			opacity:0.9;
	/*					
    -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    -ms-transition: all 1s ease; 
    -o-transition: all 1s ease; */
    transition: all .5s ease; 
	/**/
	z-index:10;
	/* Opera *//* IE 9 *//* Firefox *//*-in-out Safari and Chrome */
}
.art_phot_up:hover  {/*position:relative;
				top:0px;*/
				transition-delay:  0s, 0s;/*second par. = start after Xs */
				transition-duration: 0.3s;
				/*transition-property:  left;*//*opacity,*/
						z-index:10;		
	/*			
				transform: translateY(200px);*/				
    -webkit-transform:scale(2)  translateY(-90px); 
    -moz-transform:scale(3.95) rotate(360deg); 
    -ms-transform:scale(3.95) rotate(360deg); 
    -o-transform:scale(3.95) rotate(360deg); 
     transform:scale(2)  translateY(-81px);	 
	 /*opacity:0.7;*//*-o- Opera *//*-ms- IE 9 *//*-moz- Firefox *//*-webkit- Safari and Chrome */
}
.art_phot_down  {overflow: hidden;
box-shadow:0px 5px 8px black;
			opacity:0.9;
	/*					
    -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    -ms-transition: all 1s ease; 
    -o-transition: all 1s ease; */
    transition: all .5s ease; 
	/**/
	z-index:10;
	/* Opera *//* IE 9 *//* Firefox *//*-in-out Safari and Chrome */
}
.art_phot_down:hover  {/*position:relative;
				top:0px;*/
				transition-delay:  0s, 0s;/*second par. = start after Xs */
				transition-duration: 0.3s;
				/*transition-property:  left;*//*opacity,*/
						z-index:10;		
	/*			
				transform: translateY(200px);*/				
    -webkit-transform:scale(2)  /*translateY(-90px); */
    -moz-transform:scale(3.95) rotate(360deg); 
    -ms-transform:scale(3.95) rotate(360deg); 
    -o-transform:scale(3.95) rotate(360deg); 
     transform:scale(2)  /*translateY(-80px);	 */
	 /*opacity:0.7;*//*-o- Opera *//*-ms- IE 9 *//*-moz- Firefox *//*-webkit- Safari and Chrome */
}
*



.slide1:hover  {/*position:relative;				top:0px;*/
				transition-delay:  1s, 0s;/*second par. = start after Xs */
				transition-duration: 0.3s;
				/*transition-property:  left;*//*opacity,*/
						z-index:10;		
	/*	border:2px;	border-radius: 6px;	
		   transform:scaleY(1.2)  translateY(200px);				
*/   -webkit-transform:scaleX(1.6)  translateY(00px);   /*translate3d(0,100%,0)*/ 
  /*   -moz-transform:scale(3.95) rotate(360deg); 
    -ms-transform:scale(3.95) rotate(360deg); 
    -o-transform:scale(3.95) rotate(360deg); 
     transform:scale(3.95) rotate(360deg) translateY(-20px);	 
	*/ /*opacity:0.7;*//*-o- Opera *//*-ms- IE 9 *//*-moz- Firefox *//*-webkit- Safari and Chrome */
}
.slide2:hover  {position:;	/*relative absolute			top:0px;*/
				transition-delay:  1s, 0s;/*second par. = start after Xs */
				transition-duration: 0.3s;
				/*transition-property:  left;*//*opacity,*/
						z-index:1000;		
	/*	border:2px;	border-radius: 6px;	
		   transform:scaleY(1.2)  translateY(200px);				
*/   -webkit-transform:scaleX(1.6)  translateY(00px);   /*translate3d(0,100%,0)*/ 
  /*   -moz-transform:scale(3.95) rotate(360deg); 
    -ms-transform:scale(3.95) rotate(360deg); 
    -o-transform:scale(3.95) rotate(360deg); 
     transform:scale(3.95) rotate(360deg) translateY(-20px);	 
	*/ /*opacity:0.7;*//*-o- Opera *//*-ms- IE 9 *//*-moz- Firefox *//*-webkit- Safari and Chrome */
}

.slide3:hover  {/*position:relative;				top:0px;*/
				transition-delay:  1s, 0s;/*second par. = start after Xs */
				transition-duration: 0.3s;
				/*transition-property:  left;*//*opacity,*/
						z-index:10;		
	/*	border:2px;	border-radius: 6px;	
		   transform:scaleY(1.2)  translateY(200px);				
*/   -webkit-transform:scaleX(1.6)  translateX(-29px);   /*translate3d(0,100%,0)*/ 
  /*   -moz-transform:scale(3.95) rotate(360deg); 
    -ms-transform:scale(3.95) rotate(360deg); 
    -o-transform:scale(3.95) rotate(360deg); 
     transform:scale(3.95) rotate(360deg) translateY(-20px);	 
	*/ /*opacity:0.7;*//*-o- Opera *//*-ms- IE 9 *//*-moz- Firefox *//*-webkit- Safari and Chrome */
}









.keypad00 select,button{box-shadow:5px 4px 8px black;
     height: 24px;/*width: 38px;    */         
background: #bbb  ;/* url(img/pagetype_s1.JPG)*/
opacity:0.8;
font-size:14px;
font-weight:bold;
}
#keypad0 button  
{box-shadow:0px 4px 8px black;
    width: 37px;    height: 24px;          
background: #bbb   ;/*url(img/pagetype_s2.JPG)*/
opacity:0.8;
font-size:18px;
font-weight:bold;
}

#keypad_hor button { box-shadow:0px 3px 15px black;
     width: 36px;    height: 34px;  
background: #292929 url(img/pagetype_s1.JPG)  ;
background-size: 100%;
opacity:0.9;
font-size:24px;
font-weight:bold;
}    





#m2enu {
    max-width: 1200px;
    text-align: center;
    margin: auto;
}
#m2enu img {
    width: 250px;
    height: 375px;
    padding: 0px 5px 0px 5px;
    overflow: hidden;

}
.blog {
    height: 275px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.blog:hover {
    cursor: pointer;
    height:475px;
    width: 350px;
}
.music {
    height: 375px;
}
.projects {
    height: 375px;
}
.bio {
    height: 375px;
}












.menu1{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
}
.menu1 ul{
    background:#006633;
    height:21px;
	WIDTH:170px;
    list-style:none;
    margin:0;
    padding:0;

}
.menu1 li{
    float:left;
    padding:0px;
}
.menu1 li a{
    background:#006633 url("../images/seperator.gif") bottom right no-repeat;
    color:#ffffff;
	WIDTH:120px;
 	
    display:block;
    font-weight:normal;
    line-height:21px;
	
    margin:0px;
    padding:0px 25px;
    text-align:left;
    text-decoration:none;
}
.menu1 li a:hover, .menu1 ul li:hover a{
    background: #003f20 url("../images/hover.gif") bottom center no-repeat;
    color:#FFFFFF;
	
    text-decoration:none;
}
.menu1 li ul{
    background:#596633;
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
	left:100px;
    width:135px;
    z-index:200;
    /*top:1em;
    /*left:0;*/
}
.menu1 li:hover ul{
    display:block;
	 float:right;
}
.menu1 li li {
    background:url('../images/sub_sep.gif') bottom left no-repeat;
    display:block;
    float:left;
    margin:0px;
    padding:0px;
    width:125px;
}
.menu1 li:hover li a{
    background:none;
	float:left;
	
}
.menu1 li ul a{
    display:block;
    height:20px;
    font-size:12px;
    font-style:normal;
    margin:0px;
    padding:0px 2px 0px 5px;
    text-align:left;
}
.menu1 li ul a:hover, .menu1 li ul li:hover a{
    background:#003f20 url('../images/hover_sub.gif') center left no-repeat;
    border:0px;
    color:#ffffff;
    text-decoration:none;
}
.menu1 p{
    clear:left;
}
/******** Content variations ********/
#head { 
   background-color: #000; }
#head2 { 
   background-color: #dd0; 
   font-family:"Times New Roman";
   font-size:30px;
   color: #404040;}
   
   
#outerwrapper {
   width: 960px; 
   background-color: #fff;
   margin: 0 auto;
   line-height: 1.4em;
   color: #404040; }
#innerwrapper {
   float: left; 
   margin-left:5px;
   width:860px;}
#content {
   float: left; 
   width: 750px; }
#contentmid {
   float: right;
   margin-right: 10px;
   width: 750px; }
   
   
#price {
  float: right;
  color: #f06;
  font-size: 2.0em;
  font-weight: bold; 
  } 
   
     
 #buttonedit {
  float: down;
  color: #f0f;
  font-size: 2.0em;
  font-weight: bold; 
  } 

   
   
   
 
   
   
#leftsidebar { /* S-C-S Layout */
background-color:#eee;
   margin-right: 00px; 
   width: 96px;
   float: left; 
   margin-left: 0px; 
   }
#midsidebar { /* C-S-S Layout */
   
   margin-right: 0px; 
   width: 80px;
   float: right;
	}/*left: 201px;*/
#rightsidebar {background-color:#eee;
   float: right; 
   margin-right: -174px; 
   width: 120px;
   margin-left: 0px; 
   }
   
/*#index00  {  background:#003f20 url('../images/hover_sub.gif') center left no-repeat;
 }*/
#index00 {  background:#000000 url('img/Zlatniat_Kilim_na_Esenta.jpg')  repeat;
}
/*  { background:#003f20 url('img/Touch_Screen_Display.jpg' ;}
   ../images/hover_sub.gif') center left no-repeat;*/
#outerwrapper {  background:#fff  ;
     }
   
   

/***** General Styles *****/
a {
   text-decoration: none;
   color: #33bb00;
   font-weight: bold; }
a:hover {
   color: #9c909f;
   text-decoration: none; }
a img {
   border:0; }
p {
   margin-bottom: 10px; }
code, pre {font-size: 1.2em; 
	color:#337766; }
blockquote:before, blockquote:after {content: "\"";
	font-size: 16pt;
	font-family: serif; }
blockquote {
	margin: 10px 0 0 0; 
	padding: 5px;
	background: #7cc0a8;
	border: 1px solid #499279;
	line-height: 1.6em;
	color: #ffffff;
	font-style:italic; }
blockquote p {display: outline; }
blockquote a {
   color: #02f; 
   text-decoration: underline; }
   
   
   
 @media print {
   BODY {font-size: 30pt; line-height: 120%; background: white;}
}  
@media print {
    #Header, #Footer { display: none !important; }
}   
   
   
   
   
table {
	position:relative;
		top:0px;
 
   border-collapse: collapse; 
   margin: 0px auto 0px 0px;
   border: 2px solid #4955f9; }
th {

   background: #7cc0a8; 
   height: 25px; 
   padding: 0 10px;
   color: #ffffff; 
   text-align: left; }
tr {

   padding: 0 1px; 
   height: 10pt; }   
td {position:relative;
	vertical-align:top;
   padding: 0 1px; 
   height: 10px; }
tr.odd {
   background: #efefef; }
tr.even {
   background: #cfcfcf; }
form {
   background: #dcd0b8; 
   margin: 0px auto; 
   padding: 2px; 
   border: 1px solid #499279; }
label {
   color: #fff;
   display: block; 
   font-weight: bold; 
   margin: 5px 0 ; }
input {
   padding: 0px; 
   border: 1px solid #4992d9; }
textarea {
   width: 200px; 
   padding: 1px; 
   border: 1px solid #4992f9;
   height: 50px; 
   font-size: 0.6em;
   display: block;
   }
input.button {
   margin: 0; 
   padding: 1px 2px; 	
   border: 1px solid #0000ff; }   
input, select, textarea {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 1.0em; }
h2 {
   font-size: 1.25em;
   font-weight: bold;
   color: #111;
   line-height: 1.2;
   margin: 0 2 5px 0; }
 
   
   
   
   
   
   
   
   
h3 {
   font-size: 1.1em; 
   display: block; 
   margin: 10px 0; } 
h4 {
   margin-bottom: 15px; 
   font-size: 10pt; 
   font-weight: bold; }
ul, ol {
   list-style-position: inside; }
img {
   border: 1px solid #f1f1f1;	
   background-color: #f5f5f5; 
   margin: 1px;
   padding: 1px; 
   text-align: center; }
img.float-right {
   margin: 5px 0px 5px 15px; 
   float:right; }
img.float-left {
   margin: 0 10px 5px 0px;
   float:left; }
   
/***** Identity ******/
#topbar {
   width: auto !important; 
   width /**/:760px; 
   height: 25px;
   border: 0px; }
#identity {
   height: 25px;
   width: 180px;
   border: 0px;
   float: left;
   background-color:#006600;
   text-color:#005500;
   color:#99ff00;
   font-family:"Times New Roman";
   font-size:14px;
  
   



   }
   
   
#identity h1 {
   font-size: 1.0em;
   padding: 5px 0 0 3px; }
#identity h1 a, #identity h1 a:hover {
   color: #fff;
   text-decoration: none; }
#identity p.head2 {
   color: #fff;
   font-size: 0.9em; 
   padding-left: 3px; 
   font-weight: normal;
   line-height: 1.7; }

/****** Top Navigation ******/
#topnav {width: 350px; 
   height: 45px;
   border: 0px solid #ff0000;
   font-size: 0.9em;
   color: #fff;
   float: right; }
#topnav ul {margin: 0px;
   width: auto;
   list-style-type: none;
   line-height: 1.0em;
   border: 0px solid #ff0000;
   color: #0f0;
   float: right; }
#topnav ul li {margin: 0px 5px 0px 10px;
   padding: 10px 5px 0px 5px;
   float: left; }
#topnav ul li a {text-decoration: none;
   color: #ff0; }


/****** Searchbox ******/

#logo {
   height: 100px;/**/
   width: 960px;   
   
   background: url(img/bannerso20.JPG) center center   repeat; 
   //
   opacity:1;                
 filter:alpha(opacity=90); /* For IE8 and earlier */
   color: #000;
   }
   
#sitesearch {   
   width: 225px;
   height: 55px;
   float: right;
   margin: 3px 125px 0 0; }
#sitesearch form {
   background: url(img/fgsearch.png) left center repeat;
    opacity:1;                
  height: 30px;
   border: 0;
   margin: 0;
   width: 225px;
   text-align: right;
   padding: 3px 0 0 0;
   font-size: 1.0em; 
opacity:0.7; 
   }
#sitesearch input {
   color: #337766;
   width: 150px; 
   margin-left: 10px;
   float: left;
   border: none;
   padding: 4px;
opacity:0.7; 
   }


#basketsmall  {
margin-top: 1px;
padding-left: 32px;
 height: 62px;
 width:250px;
 color: #ff7766; 
 float: right;
  background:url(/img/basketempty1355696692_ca.png) no-repeat ; 
opacity:0.8; 
} 
#basketsmsll basketempty  {
padding-top: 2px;
 padding-left: 42px;
 color: #ff77ff;
 float: right;
 
}    
   
   
/****** Navigation ******/
#navigation {
   width: 500px;
   background: url(img/nav_seagreen.png) top center repeat-x;
   height: 31px;
   border-top: #023634 solid 1px; 
   margin-bottom: 5px;}
#navbar_link {
   height: 20px;width:450px;
   float: left; }
#navigation #navbar_link ul {
   float: left;width:450px;
   height:20px;
   width: 130%;
   list-style-type: none; }
#navigation #navbar_link ul li {
padding: 6px 8px;
   display: inline; }
#navigation #navbar_link ul li a {
   padding: 6px 8px;
   color: #fff;
   text-decoration: none;
   line-height: 1.6em;
   float: left;
   border-right: 1px solid #17514a;
   text-decoration: none;
   font-size: 1.0em;
   font-weight: bold; }
#navigation #navbar_link a:hover { 
   text-decoration: none;	
   border-right: 1px solid #17514a;
   color: #ff3;
   background: #ddd url(img/nav_seagreen.png) center -33px repeat-x; }
   
 /****** Navigation1 ******/  
 #navigation1 {
   width: 360px;
   background: url(img/nav_prob1.png) top center repeat-x;
   height: 31px;
   border-top: #023634 solid 2px; 
   margin-bottom: 10px;}
#navbar_link1 {
   height: 25px;
   float: left; }
#navigation1 #navbar_link1 ul {
   float: left;
   height:30px;
   width: 100%;
   list-style-type: none; }
#navigation1 #navbar_link1 ul li {
   display: inline; }
#navigation1 #navbar_link1 ul li a {
   padding: 6px 5px;
   color: #fff;
   text-decoration: none;
   line-height: 1.6em;
   float: left;
   border-right: 1px solid #17514a;
   text-decoration: none;
   font-size: 1.0em;
   font-weight: bold; }
#navigation1 #navbar_link1 a:hover { 
   text-decoration: none;	
   border-right: 1px solid #17514a;
   color: #fff;
   background: #ddd url(img/nav_prob1.png) center -33px repeat-x; }  
   
   
    
  #page{color: blue;
    margin: 3;  width:auto; text:center;
   padding: 1px 3px; 	
   border: 3px solid #ff9900;
   border-radius: 15px;
  }
   
    #page_up1{
	color: green;
   margin: 2; 
   padding: 1px 3px; 	
   border: 2px solid #ff9900;
   border-radius: 15px;
   background-image: url(img/pageup_s01.jpg);  
   box-shadow:1px 1px 2px 0 #CCCCCC;
   }
    #page_down1{
	color: green;
   margin: 2;  
   padding: 1px 3px; 	
   border: 2px solid #ff9900;
   border-radius: 15px;
   background-image: url(img/pagedown_s01.jpg); 
   }
   #page_types{float: none;
   
   }
   
    #input{color: green;??????????????
   margin: 2; 
   padding: 2px 3px; 	
   border: 2px solid #0000ff;
   }
   
   /****** ssoo ******/ 

   input.button_guestbook {
   margin: 0; 
   padding: 2px 3px; 	
   border: 2px solid #0000ff; }
   
 
  #price {
  color: #f06;
  font-size: 2.0em;
  font-weight: bold; 
  float:right;
  } 
     
  #buttonedit {
  float: down;
  color: #f0f;
  font-size: 1.0em;
  font-weight: bold; 
  } 
   
   
  #baskettable{
  color:red;
  height:10px;
  }     
  #tr{
  height:10px;
  }     
     
   
   
   
   
   
.currentpage a {background: #ddd url(img/nav_seagreen.png) center -33px repeat-x; }



/****** Sidebar Items ******/
.SidebarItem {
   margin: 0 0 15px 0; }
.SidebarItem ul, #SidebarItem ol {
   list-style: none; }
.SidebarItem li {
   line-height: 1.2; }

/******** Footer ********/
#footer {
   clear: both;
   width: 960px; 
   color: #777;
   height: 25px;
   font-size: 0.8em;
   font-weight: bold;
   margin: 0px auto; }
#footer p {
   font-weight: bold;
   border-top: 1px solid #aaa;
   padding: 5px 0 5px 3px; }
#footer p span {
   padding-right: 3px; }
#footer a {
   color: #777;
   text-decoration: underline; }
#footer a:hover {
   color: #444; }