@charset "utf-8";
/* -------------------
	CSS Document 
	Site:			Детская Образовательная Студи Яблочко Website
	CSS Author:		Svetlana Vasilchenko
	Update:			July 21 2012
---------------------------------------- */

/* ---------------------
	simple reset
------------------------ */
html, body, ul, ol, li, form, fieldset, legends, h1, h2, ul {margin:0;	padding:0;}
html, body {height: 100%;}
ul li { }
img { border: 0;}

/* elements */
body {
	background: #FFF;
	color:#333;
	font-size: 95%; 
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 10px 50px;
	}
	
p{	padding: 0px 0px 0px 20px;}
a { color:#8e191c;}
h1{
	background: url(images/leaf.jpg) left top no-repeat;
	color:#ec6224;
	font-size:180%;
	font-family: Georgia, "Times New Roman", Times, serif;
	width:340px;
	margin:40px 0px 10px 260px ;
	padding: 2px 0px 2px 50px;
	border-bottom:1px #ec6224 dashed;}
	
h2{
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#056175;
	margin:12px;
	text-align:center;
	}
	
.intro {
	font-style:italic;
	font:120%;
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #cc1d02;
	padding:0px 0px 20px;}

.bold{font-weight:bold;}	
.highlight1 {
	color: #063;
	font-weight:bold;}

.highlight2 {
	 color: #70B6C7;
	 font-weight:bold;
	 }

.highlight3 {
	background: #FFf;
}

.highlight4 {
	color: #cc1d02;
	font-weight: bold;
}

.highlight5 {
	color: #d40241;
	font-weight: bold;
}

.highlight6 {
	color: #362d30;
        font-weight: bold;
}

#wrapper {
	width:100%;
	height: 100%;
	height: auto !important;
	min-height: 100%;
	border-top:1px #d4d4d4 solid;
	border-left:1px #d4d4d4 solid;
	border-right:1px #d4d4d4 solid;
	background: #F1F1F1;
	float:left;
}


/* Nav */

#nav {
	width:100%;
	margin:0px auto;
	font:bold 90% Georgia, "Times New Roman", Times, serif;
	text-align:center;
	background:#f9a811 url(images/top-right-corner.jpg) top right no-repeat;
	}
#nav ul {
	width:980px;
	height:51px;
	margin:0px auto;
	color: #181818;
	}  
#nav li{list-style:none;}
#nav a{
	float: left; 
	text-decoration:none; 
	padding-top:6px; 
	margin:6px 20px;
	}
#nav a:hover{ color:#fff;}
#small {float:right;padding:0px; margin-right:10px;}
#small p{ margin:0px; padding:0px;}
#small a{text-decoration:none; color:#FC9; }
#small a:hover{ color:#CCC; padding:0px; margin:0px;}

/* Header*/

#header {
	background:#ee5f03 url(images/header-new-2.jpg) repeat-x ;
	width:100%;
	clear: both;
	height:258px;
	margin:0px; 
	padding:0px; 
	}


#logo {
	width:30%;
	float:left; 
	height:186px; 
	margin:20px 0px 0px;
	margin-left:60px;
	padding:20px 10px 0 146px;
	background:url(images/apple-green.jpg) top left no-repeat;
	}
#logo a {
	font:320% Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#FFF;
}

#logo img { border: 0;}

.vcard {
	width:20%;
	float:right;
	height: ;
	text-align: right;
	font: 100% Verdana, Geneva, sans-serif;
	color:#f6f6f6;
	margin:0px;
	padding: 10px 20px 0px 0px;}

.vcard a{
	color:#f6f6f6;
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;  
	}

/*Content*/

#container { width: 100%; }
#content { width: 100%;	margin: 20px auto; }
#maincontent { width: 62%; float: left; padding-left: 0px; margin: 10px 20px; }
#maincontent ul { margin-left: 66px; }

#center { width: 80%; margin: 20px auto; }		
#center img { margin: 20px; border: 8px solid #FFFFFF; }

table {	margin: 6px 40px; }	
table td { padding: 2px 10px; }
.info{ width:60%; clear: both; border-top: 1px #ec6224 dashed; margin: 10px; }

#aside { width:30%; float:right; padding:0px 0px 20px 0px; margin-right: 10px; }
#aside img { display: block;	float: right; margin: 12px 6px;	}
#aside p{ padding: 4px;	margin: 4px; } 	

.box { clear: both;	width: 100%; float: left; border-top: 1px #ec6224 dashed; margin: 4px 0px;	}
.box img { float:right; }	
.box p { float: left; width: 70%; }

.add { width: 64%; margin: 20px auto 30px; }


/* Footer */

#footer {
	width:100%;
	height:80px;
	clear: both;
	padding-top:30px; 
	text-align:center;
	background:#ee5f03 url(images/orange-edge-bottom.jpg) repeat-x; 
	color:#f8f8f8;
}
	
#footer p {
	padding:0;
	margin:0;
	font-size:90%;
	}
#footer a{
	color:#8e191c;
	text-decoration:underline;}

/* Extra */

#extraDiv1 {
	position:absolute;
	top: 350px;
	left:0px;	
	width: 55px; 
	height: 145px;}
#extraDiv1 a{ text-decoration:none;}
#extraDiv1 img { border:0px;}