/*
	 DESIGN: Ivailo Milenkov, MiaNet -  http://mianet.net/
	 Design Grid  -  960 Grid System, http://960.gs/
	 COLOR PALETTE:
	 LIGHT GREY - #D9D9FF
	 DARK GREY - #607883
	 LIGHT BLUE - #3366CC
	 DARK BLUE - #003366
	 FOOTER BLUE - #006699
	 LIGHT ORANGE - 
	 DARK ORANGE - 
	 GOLD - #CDB123
*/


/* 
RESET
*/
body,div,dl,ul,ol,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}

q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}

/* CLEAR FLOATING ELEMENTS
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*
TYPOGRAPHY, Based on 960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/
body {
	font: 13px/1.5 Arial, Helvetica, sans-serif;
	background-image: url(images/lingua_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #4B5F67;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 23px;
	color: #CDB123;
}
h1 a {
	color: #CDB123;
}

h2 {
	font-size: 20px;
	color: #3366CC;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}


/* Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 20px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 10px;
}

/*
    STRUCTURE
*/

#page-wrap {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(images/page_wrap_bg.jpg);
	background-repeat: no-repeat;
}
/* Header
----------------------------------------------------------------------------------------------------*/
#header {
	height: 124px;
	background-color: #046598;
	margin-top: 6px;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
}
#header-logo {
	float: left;
}
#header-content {
	float: right;
	padding-right: 20px;
	padding-top: 20px;
	font-size: 90%;
	color: #33FFFF;
	text-align: right;
	line-height: 1.4;
}
#header-content a {
	color: #33FFFF;
}
#header-content a:hover {
	color: #FFFFFF;
}
/* Navigation
----------------------------------------------------------------------------------------------------*/
#navigation {
	background-color: #F3B605;
	height: 35px;
	background-image: url(images/navigation_bg.jpg);
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
}
#structure-but02 {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
/* Middle Columns UL*/
#structure-but02 ul{
	display: block;
	padding-top: 80px;
	padding-left: 10px;

}
#structure-but02 ul li{
	color: #F7017E;
	line-height: 1.5;
	text-align: left;
	font-size: 95%;
}
#structure-but02 ul li a{
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: underline;
}
#structure-but02 ul li a:hover{
	color: #F7017E;
	font-weight: bolder;
}

/* Middle Columns Small UL*/

#structuresmall-but02 ul{
	display: block;
	padding-top: 10px;
	padding-left: 110px;

}
#structuresmall-but02 ul li{
	line-height: 1.5;
	text-align: left;
	color: #F7017E;
	font-size: 95%;
}
#structuresmall-but02 ul li a{
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: underline;
}
#structuresmall-but02 ul li a:hover{
	color: #F7017E;
	font-weight: bolder;
}
/* Tree Columns 
----------------------------------------------------------------------------------------------------*/
#structure-but01 {
	float: left;
	width: 300px;
	padding: 5px;
	border: none;
	height: 290px;
	background-image: url(images/roditeli.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
#structuresmall-but01 {
	float: left;
	width: 300px;
	padding: 5px;
	border: none;
	height: 190px;
	background-image: url(images/roditeli_small.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
#structurein-but01 {
	float: left;
	width: 630px;
	border: none;
	height: 205px;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: -15px;
	margin-left: 10px;
}

.but01uchenici {
	background-image: url(images/uchenici_bigl.jpg);
	background-repeat: no-repeat;
}
.but01uchiteli {
	background-image: url(images/uchiteli_big.jpg);
	background-repeat: no-repeat;
}
.but01roditeli {
	background-image: url(images/roditeli_big.jpg);
	background-repeat: no-repeat;
}
/* Middle Columns BIG UL*/

#structurein-but01 ul{
	display: block;
	padding-top: 10px;
	padding-left: 300px;

}
#structurein-but01 ul li{
	line-height: 1.6;
	text-align: left;
	color: #F7017E;
	font-size: 110%;
}
#structurein-but01 ul li a{
	color: #FFFFFF;
	font-weight: bolder;
	text-decoration: underline;
}
#structurein-but01 ul li a:hover{
	color: #F7017E;
	font-weight: bolder;
}

#structure-but02{
	float: left;
	width: 320px;
	margin-left: 5px;
	height: 290px;
	background-image: url(images/uchenici.jpg);
	background-repeat: no-repeat;
	background-position: 15px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#structuresmall-but02{
	float: left;
	width: 320px;
	margin-left: 5px;
	height: 190px;
	background-image: url(images/uchenici_small.jpg);
	background-repeat: no-repeat;
	background-position: 15px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#structurein-but02{
	float: left;
	width: 150px;
	height: 220px;
}
#structure-but03 {
	float: right;
	width: 300px;
	padding: 5px;
	height: 290px;
	background-image: url(images/uchiteli.jpg);
	background-repeat: no-repeat;
}
#structuresmall-but03 {
	float: right;
	width: 300px;
	padding: 5px;
	height: 190px;
	background-image: url(images/uchiteli_small.jpg);
	background-repeat: no-repeat;
}
#structurein-but03 {
	float: right;
	width: 150px;
	height: 220px;
	margin-right: 10px;
}
/* Content
----------------------------------------------------------------------------------------------------*/
#contentwrapper{
	float: left;
	width: 100%;
}
#content {
	margin: 0 230px;
	padding-right: 10px;
	padding-left: 10px;
}
#content-big {
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 240px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #F1EBEB;
}
#content-bigbig {
	margin-top: 0;
	margin-bottom: 10;
	margin-left: 10px;
	background-color: #ECF1F5;
	border: 1px dotted #C0D0DE;
	margin-right: 10px;
	padding: 10px;
}
/* Sidebars
----------------------------------------------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 220px; /*Width of left column in pixel*/
	margin-left: -950px;
}
#extra {
	float: left;
	width: 220px;
	margin-left: -230px;
}
/* Footer
----------------------------------------------------------------------------------------------------*/
#footer{
	clear: left;
	width: 940px;
	background: #006699 url(images/footer_bg.jpg) no-repeat left top;
	color: #FFF;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer p{
	margin-left: 10px;
}
#footer a{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover{
	background-color: #3366CC;
}
/* Tree Columns Footer
----------------------------------------------------------------------------------------------------*/
#footer-left {
	float: left;
	width: 300px;
	padding: 5px;
	border: none;
	height: 290px;
}

#footer-midle{
	float: left;
	width: 300px;
	padding: 5px;
	margin-left: 5px;
	height: 290px;
}
#footer-right {
	float: right;
	width: 300px;
	padding: 5px;
	height: 290px;
}
#footer h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
#footer small {
	font-size: 80%;
	color: #00CCFF;
}
#footer small a{
	color: #00CCFF;
}



/*
    END STRUCTURE
*/

/* CLASSES
----------------------------------------------------------------------------------------------------*/
.boxed {
	margin-bottom: 10px;
}
.boxed h1 {
	background-image: url(images/top_boxed.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	padding-right: 3px;
	padding-left: 5px;
	width: 212px;
	margin-bottom: 0px;
}
.boxed .inside {
	background-color: #D9D9FF;
	padding: 5px;
	color: #4e616a;
	font-size: 11px;
}
.boxed .inside strong {
	font-size: 13px;
	font-weight: bold;
}

.boxed .inside strong a {
	color: #4e616a;
	text-decoration: none;
}
.boxed .inside strong a:hover {
	color: #D9D9FF;
	background-color: #4e616a;
}
.boxed .inside small {
	font-size: 10px;
	color: #CDB123;
}
.boxed .inside p {
	background-image: url(images/separator.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 5px;
}
.boxed .inside ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;

}
.boxed .inside ul li{
	padding-bottom: 5px;
	background-image: url(images/separator.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-left: 0px;
	margin-bottom: 5px;
}
.boxed .inside ul li a{
	font-size: 12px;
	text-decoration: none;
	color: #3366CC;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 3px;
	margin-bottom: 2px;
	padding-left: 20px;
}
.boxed .inside ul li a:hover{
	color: #003366;
	background-image: url(images/bullet_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.gold {
	background-color: #CDB123;
}
.gold h2 {
	color: #38464c;
	background-image: url(images/separator_gold_h.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.gold ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;

}
.gold ul li{
	padding-bottom: 5px;
	background-image: url(images/separator_gold.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-left: 5px;
	margin-bottom: 3px;
}
.gold ul li a{
	font-size: 12px;
	text-decoration: none;
	color: #38464c;
	background-image: url(images/bullet_gold.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 3px;
	margin-bottom: 2px;
	padding-left: 20px;
}
.gold ul li a:hover{
	color: #FFCC66;
	background-image: url(images/bullet_gold_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.picasa {
	background-color: #FFFFFF;
	height: 80px;
	width: 80px;
	border: 1px solid #EFEFEF;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}
.picasa-big {
	background-color: #ECF1F5;
	height: 190px;
	width: 160px;
	border: 1px solid #EFEFEF;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
.picasa-bigbig {
	background-color: #FFFFFF;
	height: 170px;
	width: 205px;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 5px;
	padding: 5px;
}
.purple {
	background-image: url(images/uchebna_programa.jpg);
	background-repeat: no-repeat;
	height: 420px;
	padding-left: 160px;
	margin-right: auto;
	margin-left: auto;
	background-color: #E6E0E2;
	width: 300px;
	font-size: 9px;
}
.purple .content {
	padding-top: 10px;
	padding-bottom: 10px;
	
}
.purple-bottom {
	background-image: url(images/uchebna_programa01.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 460px;
	margin-left: 10px;
}
/* Form
----------------------------------------------------------------------------------------------------*/
.rollover-button {
	height: 27px;
	width: 104px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(images/entrance_button.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	cursor: pointer;
	cursor: hand;
	background-position: left -27px;
}
.rollover-button:hover{
	background-image: url(images/entrance_button.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}
/* jQuery GalleryView
----------------------------------------------------------------------------------------------------*/
.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.panel { 
	padding: 10px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}
.panel h2 {
	margin: 0;
	font-size: 2em;
}
.panel h3 {
	margin: .5em 0;
	font-size: 0.8em;
 
}
.panel p {
	margin: 1em 0;
	font-size: 1.1em;
 
}
.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}
.filmstrip{
	background-color: #CCCCCC;
	width: 600px !important;
}
.filmstrip ul li{
	margin-left: 5px !important;
	list-style-type: none;
}
#leksikon-bg{
	background-image: url(images/leksikon_bg.jpg);
}
/* End jQuery GalleryView
----------------------------------------------------------------------------------------------------*/

.light-blue {
	background-color: #62D0E7;
}
.imgleft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #DBE4EB;
	padding: 2px;
}
.imgleft-noborder {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
.imgleft-noborder01 {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.imgrigth-noborder {
	float: right;
	margin-bottom: 5px;
	margin-left: 15px;
}
.bottomdotted {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DBE4EB;
	padding-top: 5px;
}
.dotted {
	padding: 5px;
	border: 1px dotted #DBE4EB;
	margin-bottom: 25px;
	margin-top: 5px;
}
.dotted-box {
	padding: 5px;
	border: 1px dotted #DBE4EB;
	margin-bottom: 25px;
	margin-top: 5px;
	background-color: #D9D9FF;
	height: 150px !important;
}
.dotted-box a {
	color: #666666;
	font-weight: bold;

}
.dotted-box01 {
	padding: 5px;
	border: 1px dotted #DBE4EB;
	margin-bottom: 15px;
	margin-top: 5px;
	background-color: #D9D9FF;
}
.dotted-box-white {
	padding: 5px;
	border: 1px dotted #DBE4EB;
	margin-bottom: 10px;
	margin-top: 5px;
	background-color: #FFFFFF;
}
.dotted small {

	font-size: 10px;
	color: #CDB123;
}

.tetradka {
	height: 800px;
	width: 560px;
	text-align: center;
	background-image: url(images/tetradka_lingua.jpg);
	padding-top: 50px;
	line-height: 1.4;
	margin-right: auto;
	margin-left: auto;
}
.tetradka-igri {
	height: 800px;
	width: 680px;
	text-align: center;
	background-image: url(images/tetradka_igri.jpg);
	padding-top: 10px;
	line-height: 1.4;
	margin-right: auto;
	margin-left: auto;
}
.tetradka-sistema {
	height: 800px;
	width: 560px;
	text-align: left;
	background-image: url(images/tetradka_niva.jpg);
	padding-top: 30px;
	line-height: 1.4;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bolder;
	color: #000000;
	background-repeat: no-repeat;
}
.download {
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/download_ic.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 60px;
	height: 50px;
	margin-top: 10px;
	padding-top: 10px;
}
.thanks {
	background-image: url(images/thaks.jpg);
	background-repeat: repeat;
	height: 270px;
	width: 320px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 230px;
}
.enroll {
	height: 60px;
	width: 120px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 80px;
	background-image: url(images/enroll.gif);
	background-repeat: no-repeat;
}
.enroll a {
	font-weight: bold;
	color: #FFFFFF;

}
.enroll-test {
	height: 60px;
	width: 120px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 80px;
	background-image: url(images/enroll_bw.gif);
	background-repeat: no-repeat;
}
.enroll-test a {
	font-weight: bold;
	color: #FFFFFF;

}
#plovdiv {
	height: 800px;
	width: 400px;
	float: left;
	background-color: #76AD11;
	color: #BDE42F;
}
#blgrad {
	height: 800px;
	width: 400px;
	float: left;
	background-color: #76AD11;
	color: #BDE42F;
}
#entrance {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #74B211;
	margin-top: 0px;
}
#entrance a {
	color: #CDEB65;
	font-size: 24px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#entrance p {
	margin: 10px;
}
.verybig {
	font-size: 22px;
	font-weight: bold;
}
.veryverybig {
	font-size: 32px;
	font-weight: bold;
}
.date {

	font-size: 10px;
	color: #CDB123;
}
.smallbig {

	font-size: 14px !important;
	font-weight: bold;
}

/* Style for Program
----------------------------------------------------------------------------------------------------*/
#za-programa {
	height: 130px;
	width: 320px;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 5px;
	padding: 5px;
	text-align: center;
}
.yellow {
	color: #FF0000;
	background-color: #FFFF00;
}
.yellow h2, .yellow h2 a  {
	color: #FF0000;
}

.green {
	color: #0033FF;
	background-color: #66FF00;
}
.green h2, .green h2 a {
	color: #0033FF;
}

.orange {
	color: #0000CC;
	background-color: #FF9900;
}
.orange h2, .orange h2 a  {
	color: #0000CC;
}

.blue {
	color: #FFFF00;
	background-color: #0066FF;
	height: 250px !important;
}
.blue h2, .blue a:link, .blue h2 a:visited {
	color: #FFFF00;
}

/* End Style for Program
----------------------------------------------------------------------------------------------------*/

/* Tooltip */

#tooltip{
	position:absolute;
	border:1px solid #3366CC;
	background:#003366;
	padding:2px 5px;
	color:#33CCFF;
	display:none;
	}	

/*  */
.leksikon	{
	margin-top: 150px;
}