/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

/* Global properties ======================================================== */
body, html {height:100%;}

body{
	background:#234a72;
	border:0;
	color:#FFFFFF;
	line-height:18px;
	min-width:1000px;
	position:relative;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #234a72; width:100%; height:100%; top:0; left:0}

#bgStretch {overflow:hidden;z-index:-1; position:fixed}

.tola { width:143px; height:75px; background:url(../images/sound_bg.png) top left no-repeat; position:absolute; top:15px; right:15px; z-index:50;}


.extra {min-width:1000px;min-height:100%; height:auto !important; height:100%; margin: 0 auto -164px; overflow:hidden;}

.main1 { width:1000px; height:626px; margin:0 auto; position:relative; z-index:10;}

.logo {
	position:absolute;
	z-index:40;
	top:0;
	left:42%;
	margin-left:-150px;
}

.clouds{ position:absolute; width:1000px; height:600px; top:0; left:0; z-index:2;}

.cloud1{
	width:400px;
	height:300px;
	position:absolute;
	left:-500px;
	top:195px;
	background-image: url(../images/a1.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.cloud2{ width:127px; height:74px; background: url(../images/cloud2.png) top left no-repeat; position:absolute; left:-500px; top:450px;}
.cloud3{ width:137px; height:73px; background: url(../images/cloud3.png) top left no-repeat; position:absolute; left:-500px; top:90px;}
.cloud4{ width:165px; height:86px; background: url(../images/cloud4.png) top left no-repeat; position:absolute; left:-500px; top:325px;}
.cloud5{ width:123px; height:65px; background: url(../images/cloud5.png) top left no-repeat; position:absolute; left:-500px; top:311px;}
.cloud6{ width:139px; height:75px; background: url(../images/cloud6.png) top left no-repeat; position:absolute; left:-500px; top:145px;}
.cloud7{
	width:137px;
	height:71px;
	position:absolute;
	left:-500px;
	top:425px;
	background-image: url(../images/cloud8.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.cloud8{ width:134px; height:65px; background: url(../images/cloud8.png) top left no-repeat; position:absolute; left:-500px; top:205px;}



.block {height:164px;}


.bot1 { width:100%; height:164px; background:url(../images/bot_px.png) top left repeat-x; position:relative;}
.bot2 {
	width:1000px;
	height:80px;
	padding-top:10px;
	text-align:center;
	color:#FFFFFF;
	font-size:40px;
	font-family:ConstantiaRegular;
	line-height:35px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.bot2 span { color:#FFFFFF;}
.bot3 { width:100%; height:42px;}
.bot4 {height:42px; float:left;}
.copyright{ padding-top:10px; text-align:left; padding-left:20px; color:#fff;}
.copyright a { color:#7bc7ec;}

.bot5 {height:42px; float: right;}
.icons {overflow: hidden;}
.icons > li {
	float: left;
	padding-right: 10px;
	padding-top: 20px;
}
.icons > li > a {display: block; position: relative;}
.icons .img_act {left: 0; top: 0; position: absolute;}




/* ============================= main menu ====================== */


.menu_splash { position:absolute; top:0px; left:0px; z-index:11;}

#menu_splash > li { position:absolute;}
#menu_splash > li > a{display:block; position:relative; font-weight:normal;text-decoration:none;}
#menu_splash > li > a > span {
	position: absolute;
	z-index:10;
	bottom:25px;
	left:0px;
	font-size:22px;
	color:#000000;
	text-decoration:none;
	font-family:"Trebuchet MS";
	font-weight:normal;
	text-shadow:1px 1px #fff;
	text-align:center;
	display:block;
	width:100%;
	line-height: 35px;
}

#menu_splash > li > a:hover > span { color:#5396da; text-decoration:none; }

#menu_splash .nav1 {
	top:145px;
	left:2px;
	z-index:1
}
#menu_splash .nav2 { top:275px; left:25px; z-index:2}
#menu_splash .nav3 {
	top:395px;
	left:50px;
	z-index:3
}
#menu_splash .nav4 {
	top:130px;
	left:710px;
	z-index:4
}
#menu_splash .nav5 { top:255px; left:790px; z-index:5}
#menu_splash .nav6 {
	top:390px;
	left:690px;
	z-index:6
}






/* ============================= main layout ====================== */


.close { position:absolute; display:block; width:49px; height:48px; top:22px; right:50px;}
.close img { position:absolute; top:0; left:0; }

#content{width:100%; height:556px; position: absolute; z-index:30; top:55px;}
#content > ul{ width:100%; height:556px;}
#content > ul > li{ width:100%; height:556px;}


.box{ background:url(../images/content_bg.png) top left no-repeat; width:890px; height:476px; padding:80px 29px 0px 80px;}



.cols { width:2px; height:420px; background:#9bc9dd; margin-left:29px; margin-right:29px;}

.cols, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13   { float:left;}

.col1{ width:500px;}
.col2{ width:330px;}
.col3{ width:240px;}
.col4{ width:310px;}
.col5{ width:500px;}
.col6{ width:400px;}
.col7{ width:490px;}
.col8{ width:320px;}


.col9{ width:300px;}
.col10{ width:520px;}



.pad_left1{ padding-left:10px;}
.pad_left2{ padding-left:20px;}
.pad_left3{ padding-left:30px;}
.pad_left4{ padding-left:40px;}
.pad_left5{ padding-left:50px;}
.pad_left6{ padding-left:60px;}

.w1 { width:250px;}


a{
	color:#FFFFFF;
	text-decoration: underline;
	outline:none
}
a:hover{ text-decoration: none}

h2{ font-family:'ConstantiaRegular';font-weight:normal; font-size:35px; color:#336b98; line-height:35px; padding:0px 0 10px 0; letter-spacing:-1px; }


.upper { text-transform:uppercase;}
.green { color:#548e45;}


p.text { padding:5px 0;}

.radius1{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.border1 { border:3px solid #7bc1e3;}



.img1 { margin-bottom:10px;}
.img2 { margin-bottom:20px; margin-right:15px;}

.button1{ display:inline-block; background:#5582b1; line-height:30px; height:30px; padding:0 10px; font-size:18px; color:#fff; text-decoration:none; margin-top:5px; margin-bottom:10px; font-weight:normal;  font-family:'ConstantiaRegular';letter-spacing:0px;  border:3px solid #fff;border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; }
.button1:hover { background:#7bab46;text-decoration:none;}

.blue_block {height:44px; width:44px; line-height:20px; color:#99d3ee; background:#5582b1; margin:5px 15px 5px 0; text-align:center;font-family:'ConstantiaRegular'; font-size:25px;border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px;}
.blue_block span { font-size:12px!important; color:#eef8fd;}

.gal1 { padding-bottom:25px; float:left; margin-right:20px; }
.gal1.last { padding-bottom:15px; float:left; margin-right:0px; }

.photo1 {width:200px; height:134px; position:relative; }
.photo1 a img {position:relative; border:3px solid #7bc1e3; }
.photo1 a:hover img { border:3px solid #8cb747;}
.photo1 a span{position:absolute;z-index:2; margin:3px 0 0 3px; top:0;left:0; background:url(../images/photo_over.png) 50% 50% no-repeat #fff; width:100%; height:100%;}

.vid1 { padding-bottom:25px; float:left; margin-right:60px; }
.vid1.last { padding-bottom:15px; float:left; margin-right:0px; }

.video1 {width:230px; height:134px; position:relative; margin-bottom:10px; }
.video1 a img {position:relative; border:3px solid #7bc1e3; }
.video1 a:hover img { border:3px solid #8cb747;}
.video1 a span{position:absolute;z-index:2; margin:3px 0 0 3px; top:0;left:0; background:url(../images/video_over.png) 50% 50% no-repeat #fff; width:100%; height:100%;}




.gmap { width:310px; height:200px;}

/*===================== Scroll =====================*/


.scroll{height:330px; width:870px; overflow:hidden; position:relative;}
.track{ background: none; left:730px; top:340px; width:105px; position:absolute; height:49px; padding:0 0;}
.shuttle{ width:0px; height:0px; background: none;}
._up-butt{ width:49px!important; height:49px!important; background: url(../images/scroll_up.png) left top no-repeat;}
._up-butt span { display:block; width:49px; height:49px; background: url(../images/scroll_up.png) right top no-repeat;}
._down-butt{ width:49px!important; height:49px!important; left:55px!important; background: url(../images/scroll_down.png) left top no-repeat;}
._down-butt span { display:block; width:49px; height:49px; background: url(../images/scroll_down.png) right top no-repeat;}


#page_HOME .scroll {width:310px; }
#page_HOME .track {left:180px; }

#page_SERVICES .scroll {width:310px; }
#page_SERVICES .track {left:180px; }


#page_CHILDREN .scroll {width:400px; }
#page_CHILDREN .track {left:270px; }


#page_GALLERY .scroll {height:300px; }





/*================= Contacts =========================*/
.notification_error{ height: auto;width:340px;padding: 2px;background: #fff; text-align: left; color:#f00; border: 3px solid #bee4f4; margin-bottom:5px}
.notification_ok{ border: 0px ; height: auto; width:340px; padding: 8px; background: #fff; text-align: center; } 
 .info_fieldset legend { border: 3px #bee4f4 solid;  color: #000;   font: 12px  Arial;  padding: 2px 5px 2px 5px; }

/* Label */
label  { width: 100px;  margin: 0px; color:#183442; float:left;  line-height:22px}

/* Input, Textarea */
input{ margin: 0px; padding: 0px;   border: 3px solid #bee4f4;  color: #000; background:#fff; font: 12px Arial, Helvetica, Arial, sans-serif; height:25px; margin-bottom:5px; width:380px; line-height:22px;}

textarea{margin: 0px; padding: 0px;   background:#fff; border: 3px solid #bee4f4;  color: #000;   font: 12px Arial, Helvetica, Arial, sans-serif; height:120px; margin-bottom:5px; width:380px; line-height:22px;}

.pin{ border: 3px solid #fff; margin:10px 0 0 100px; cursor:pointer; text-align:center; text-decoration: none; line-height:30px!important; font-size:18px; color:#fff; height:36px!important; width:93px; padding:0 10px; position:relative; background:#5582b1;font-family:'ConstantiaRegular';border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px;  }
.pin:hover{ background:#7bab46;}




/* Generated by Font Squirrel (http://www.fontsquirrel.com)  */


@font-face {
    font-family: 'ConstantiaRegular';
    src: url('constantia-webfont.eot');
    src: url('constantia-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('constantia-webfont.woff') format('woff'),
         url('constantia-webfont.ttf') format('truetype'),
         url('constantia-webfont.svg#ConstantiaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BabyKruffyRegular';
    src: url('babyk__-webfont.eot');
    src: url('babyk__-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('babyk__-webfont.woff') format('woff'),
         url('babyk__-webfont.ttf') format('truetype'),
         url('babyk__-webfont.svg#BabyKruffyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}