/* CSS Document */
body {background:url(images/fon.jpg) top center repeat; text-align:center; margin:0 auto 0 auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}

body.intt {background:url(images/fonInternal.jpg) top center repeat; text-align:center; margin:0 auto 0 auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}

a { text-decoration:none; color:#000;}
.eventiContent a { color:#0000FF; text-decoration: underline;}

a:hover { text-decoration:underline; }

 .whole { text-align:left;   padding-bottom:80px; position:relative; margin-bottom:0; padding-top:0; margin-top:0;  }
 
 

.header {background:url(images/header_02.jpg) top left no-repeat; display:block; width:736px; height:128px; text-align:center; padding:44px 0 0 0;  margin-left:auto; margin-right:auto; z-index:1; position:relative; font-family: "Times New Roman", Times, serif; font-size: 13px; }

.topmenu {list-style-type:none; display:inline; padding: 0 0 0 6px; margin:0; }

.topmenu li {list-style-type:none; display:inline; padding:0; padding:0; }

.topmenu li a { font-size:100%; font-weight:bold; padding:0 7px 0 7px;  }

.topmenu li a:hover {color:#fff; text-decoration:underline;}

 .whole  .snimchicite {display:block;   width:800px;   height:164px; margin-left:auto; margin-right:auto;  position:relative; } 

 
	
.kidsBlock {
	background:url(images/kidsBlock_03.jpg) top left no-repeat;
	display:block; width:736px; height:218px;
	left:50%; position:relative; margin-left:-368px; 
	font-size:140%;
	padding:20px;
	}
	
 .kidsBlock a {	color:#3333CC; text-decoration:underline;	}
		
 .kidsBlock a:hover { color:#aaaa00;  }

.kameonche { position:relative; margin-top:-218px;   width:736px;  margin-left:auto; margin-right:auto;  }

.kameonche img { float:right; }

.whole > .eventi { display:block; height:200px; width:148px; position:relative;   background:url(images/events_10.png) 0 0 no-repeat; margin-top:-60px; overflow:visible; padding-bottom:30px; float:left; left:50%; margin-left:-394px; }

* html .eventi {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/events_10.png'); 
display:block; height:200px; width:788px; position:relative;  left:50%; margin-left:-394px;  
margin-top:-60px; overflow:visible; margin-top:-70px;   float:left; z-index:0;
}

.eventiContent { width:500px;  margin-left:auto; margin-right:auto; position:relative;  padding-left:30px; padding-top:0; margin-top:-60px;     }

.eventiContent h2 { font-size:13px; width:330px; padding-bottom:15px; display:block; background:url(images/elems_11.jpg) bottom left no-repeat; position:relative; } 

.eventiContent p { width:330px; position:relative; font-size:13px;}

.jaac {   position:relative;  left:50%; margin-left:140px; margin-top:-100px;  }

.forLinkKids { position:relative; width:180px; height:140px;   margin-left:280px; margin-top:-110px; }

.forLinkUpcoming { position:absolute; width:120px; height:140px; margin-left:-140px; z-index:100;  display:block; }



.topmenu .selected { background:#fff; padding:6px 8px 10px 8px;}
.topmenu .selected:hover {color:#000; text-decoration:underline;}



.sqnka {clear:both; }

.backLink { padding-left:10px; }

.backLink  a:hover {text-decoration:underline;}


.pTitle {display:block; width:174px; text-align:right; background:#D62020; text-transform:uppercase; color:#fff; font-size:12px; letter-spacing:0.2em; padding:3px 9px 3px 30px; margin-top:55px; font-weight:bold; }


/*-------------- BACKGROUND OTDESNO NA CELIOT SITE -----------------*/
 .bottomseparator { background:url(images/dash_03.jpg) 0 31px repeat-x; height:32px; display:block; width:736px; position:relative; left:50%; margin-left:-368px; clear:both; }



.internal.about { text-align:left;
position:relative;  left:50%; width:736px; margin-left:-368px; min-height:400px; _height:400px;
  }
.internal.about .bottomseparator div { display:block; height:200px; background: url(images/about_03.jpg) 405px 0px  no-repeat;}
.internal.about .bottomseparator { background:url(images/dash_03.jpg) 0 31px repeat-x; height:32px; display:block; width:736px; position:relative; left:50%; margin-left:-368px; clear:both; }


.internal.programs { text-align:left;
position:relative;  left:50%; width:736px; margin-left:-368px; min-height:400px; _height:400px;
 }
 
 .internal.programs .bottomseparator div { display:block; height:200px; background: url(images/pro_03.jpg) 425px 0px  no-repeat;}
.internal.programs .bottomseparator { background:url(images/dash_03.jpg) 0 64px repeat-x; height:65px; display:block; width:736px; position:relative; left:50%; margin-left:-368px; clear:both; }

 
 
.internal.dates { text-align:left;
position:relative;  left:50%; width:736px; margin-left:-368px; min-height:400px; _height:400px;
 }


.internal.dates .bottomseparator div { display:block; height:230px; background: url(images/dates_03.jpg) 455px 0px  no-repeat;}
.internal.dates .bottomseparator { background:url(images/dash_03.jpg) 0 65px repeat-x; height:66px; display:block; width:736px; position:relative; left:50%; margin-left:-368px; clear:both; }

.internal.photo { text-align:left;
position:relative;  left:50%; width:736px; margin-left:-368px; min-height:400px; _height:400px;
background:#fff url(images/internalEle_06.jpg) top right no-repeat;}
.internal.testi { text-align:left;
position:relative;  left:50%; width:736px; margin-left:-368px; min-height:400px; _height:400px;
 }
 
 .internal.testi .bottomseparator div { display:block; height:200px; background: url(images/testi_03.jpg) 485px 0px  no-repeat;}
.internal.testi .bottomseparator { background:url(images/dash_03.jpg) 0 33px repeat-x; height:35px; display:block; width:736px; position:relative; left:50%; margin-left:-368px; clear:both; }
 
 
 
 
 
 
 
.internal.regi { text-align:left;
position:relative;  left:50%; width:736px; margin-left:-368px; min-height:400px; _height:400px;
 }


.internal.regi .bottomseparator div { display:block; height:200px; background: url(images/reg_03.jpg) 435px 0px  no-repeat;}
.internal.regi .bottomseparator { background:url(images/dash_03.jpg) 0 42px repeat-x; height:43px; display:block; width:736px; position:relative; left:50%; margin-left:-368px; clear:both; }



.internal.conta { text-align:left;
position:relative;  left:50%; width:736px; margin-left:-368px; min-height:400px; _height:400px;
 }
 
 .internal.conta .bottomseparator div { display:block; height:230px; background: url(images/conta_03.jpg) 385px 0px  no-repeat;}
.internal.conta .bottomseparator { background:url(images/dash_03.jpg) 0 46px repeat-x; height:47px; display:block; width:736px; position:relative; left:50%; margin-left:-368px; clear:both; }


.internal.morr { text-align:left;
position:relative;  left:50%; width:736px; margin-left:-368px; min-height:400px; _height:400px;
 }
 
 .internal.morr .bottomseparator div { display:block; height:200px; background: url(images/reg_03.jpg) 435px 0px  no-repeat;}
.internal.morr .bottomseparator { background:url(images/dash_03.jpg) 0 42px repeat-x; height:43px; display:block; width:736px; position:relative; left:50%; margin-left:-368px; clear:both; }



.internal.morr1 { text-align:left;
position:relative;  left:50%; width:736px; margin-left:-368px; min-height:400px; _height:400px;
 }
 
.internal.morr1 .bottomseparator div { display:block; height:200px; background: url(images/about_03.jpg) 405px 0px  no-repeat;}
.internal.morr1 .bottomseparator { background:url(images/dash_03.jpg) 0 31px repeat-x; height:32px; display:block; width:736px; position:relative; left:50%; margin-left:-368px; clear:both; }


.internal.morr2 { text-align:left;
position:relative;  left:50%; width:736px; margin-left:-368px; min-height:400px; _height:400px;
 }
 
 .internal.morr2 .bottomseparator div { display:block; height:200px; background: url(images/testi_03.jpg) 485px 0px  no-repeat;}
.internal.morr2 .bottomseparator { background:url(images/dash_03.jpg) 0 33px repeat-x; height:35px; display:block; width:736px; position:relative; left:50%; margin-left:-368px; clear:both; }


.internal.morr3 { text-align:left;
position:relative;  left:50%; width:736px; margin-left:-368px; min-height:400px; _height:400px;
 }
 
 .internal.morr3 .bottomseparator div { display:block; height:230px; background: url(images/conta_03.jpg) 385px 0px  no-repeat;}
.internal.morr3 .bottomseparator { background:url(images/dash_03.jpg) 0 46px repeat-x; height:47px; display:block; width:736px; position:relative; left:50%; margin-left:-368px; clear:both; }


.internal.jaaca { text-align:left;
position:relative;  left:50%; width:736px; margin-left:-368px; min-height:400px; _height:400px;
 }
 
 .internal.jaaca .bottomseparator div { display:block; height:230px; background: url(images/dates_03.jpg) 455px 0px  no-repeat;}
.internal.jaaca .bottomseparator { background:url(images/dash_03.jpg) 0 65px repeat-x; height:66px; display:block; width:736px; position:relative; left:50%; margin-left:-368px; clear:both; }

/*-------------- END BACKGROUND OTDESNO NA CELIOT SITE -----------------*/





/*-------------- KARTINKITE ULEWO NA CELIOT SITE -----------------*/
.about > .ulevo { background:url(images/aboutLeft_03.png) 0 0 no-repeat; position:relative; display:block; width:218px; height:365px;
left:50%; margin-left:-404px; }



* html .about .ulevo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutLeft_03.png');
position:relative; display:block; width:218px; height:365px;
left:50%; margin-left:-404px;
}

.jaaca > .ulevo { background:url(images/jaacLeft_03.png) 0 0 no-repeat; position:relative; display:block; width:218px; height:263px;
left:50%; margin-left:-404px; }

* html .jaaca .ulevo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jaacLeft_03.png');
position:relative; display:block; width:218px; height:263px;
left:50%; margin-left:-404px;
}


.morr > .ulevo { background:url(images/some_03.png) 0 0 no-repeat; position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;   }

* html .morr .ulevo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/some_03.png');
position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;
}

.morr1 > .ulevo { background:url(images/weeleft_03.png) 0 0 no-repeat; position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;   }

* html .morr1 .ulevo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/weeleft_03.png');
position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;
}

.morr2 > .ulevo { background:url(images/ffleft_03.png) 0 0 no-repeat; position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;   }

* html .morr2 .ulevo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ffleft_03.png');
position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;
}

.morr3 > .ulevo { background:url(images/moreinfoLeft_03.png) 0 0 no-repeat; position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;   }

* html .morr3 .ulevo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/moreinfoLeft_03.png');
position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;
}

.programs > .ulevo { background:url(images/leftSub_08.png) 0 0 no-repeat; position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-406px; }



* html .programs .ulevo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leftSub_08.png');
position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-406px;
}

.dates > .ulevo { background:url(images/some22_03.png) 0 0 no-repeat; position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px; }



* html .dates .ulevo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/some22_03.png');
position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;
}

.photo > .ulevo { background:url(images/some_03.png) 0 0 no-repeat; position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px; }



* html .photo .ulevo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/some_03.png');
position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;
}

.testi > .ulevo { background:url(images/testiLeft_03.png) 0 0 no-repeat; position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px; }



* html .testi .ulevo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/testiLeft_03.png');
position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;
}

.regi > .ulevo { background:url(images/some_03.png) 0 0 no-repeat; position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px; }



* html .regi .ulevo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/some_03.png');
position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;
}

.conta > .ulevo { background:url(images/conta_03.png) 0 0 no-repeat; position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px; }



* html .conta .ulevo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/conta_03.png');
position:relative; display:block; width:218px; height:323px;
left:50%; margin-left:-404px;
}

/*-------------- END KARTINKITE ULEWO NA CELIOT SITE -----------------*/



.mainText { font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; float:right; width:350px; margin:-300px 150px 80px 0; position:relative; display:block; }

* html .mainText { font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; float:right; width:350px; margin:-289px 75px 80px 0; position:relative; display:block; }


.about .mainText {margin:-402px 150px 80px 0;}
* html .about .mainText,
* html .regi  .mainText {margin:-391px 75px 80px 0; }
.morr3 .mainText,
.morr2 .mainText,
.morr1 .mainText,
.morr .mainText, 
.dates .mainText,
.programs .mainText,
.regi  .mainText,
  .conta .mainText {margin:-362px 150px 80px 0;}
  
  * html .morr3 .mainText,

* html .morr .mainText, 
* html .dates .mainText,
* html .photo .mainText,

* html .conta .mainText
 {margin:-331px 75px 80px 0; }

 
.photo .mainText, .testi .mainText { margin:-362px 150px 80px 0;}

* html .programs  .mainText,
  * html .morr2 .mainText,
 * html .morr1 .mainText,
 * html .testi  .mainText {margin:-281px 75px 80px 0; }




.regi form td {border-bottom:1px solid #aaa; padding:5px 0 5px 0; text-align:left;}

 

.regi form input { width:199px;     }

.regi form input#year {width:48px;}
.regi form input#gr2, .regi form input#gr3, .regi form input#gr1 { width:10px; }


.gala {  display:block; float:left; padding:2px; border:1px solid #999; position:relative; margin:3px;}