/*================= LAYOUT STYLES ==================*/
body {
	font-family:"Open Sans", sans-serif; color: #444444; font-size: 12px; margin: 0px; padding: 0px; 
	background: #f8eed5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f8eed5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f8eed5)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #f8eed5); /* for firefox 3.6+ */
	cursor: url('images/kids/cursor.cur'), auto;
	}
#sb-site {
	background: url('images/kids/footer-bg.png') #f8eed5 50% 100% repeat-x;
}

#header {margin: 0 auto 0 auto; background: url('images/kids/banner.png') 50% 0% no-repeat;}
#header .banner {height: 380px;}
#header .banner .banner-mask {}
#header .logo {display: none;}

#column_left {margin: 0 10px 0 0;}

#box_search .box-search-content {border: 1px solid #49aa48; border-radius: 3px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px; background: #FFF; width: 200px; margin: 20px 0 0 0;}
#box_search .box-search-content:hover {border: 1px solid #cc0000;}
#site_container {background: url('images/kids/footer-bg.png') 50% 100% repeat-x;}

#footer {margin-top: 150px;}
#footer .footer-content {display: none;}

.main-content {background: none 0% 0% no-repeat;}

div {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}

.box .label {
	color: #c02026;
	font-size: 30px; font-weight: 700;
	text-shadow:-5px 0 5px #FFF,
				0 5px 5px #FFF,
      			5px 0 5px #FFF,
				0 -5px 5px #FFF;
	margin: 70px 0 0 55px;
	line-height: 25px;
	position:absolute;
}


/*================= BASE STYLES ==================*/

a {cursor: url('images/kids/pointer.cur'), pointer;}
a:hover {color: #000;}
	
/*заглавия*/
h1.title {font-size: 20px; font-weight: normal; color: #FFF; background: url('images/kids/title-bg.jpg') 100% 100% no-repeat; padding: 10px; border-radius: 5px; -moz- border-radius: 5px; -webkit- border-radius: 5px;}

h1, h2, h3, h4 {color: #89a7c1}

/*параграфен текст*/
p {font-size: 1.0em}
p a {text-decoration: underline; color: #0073bd;}
ul, ol {list-style-position:inside;}

/*уголемен текст*/
big {font-size: 1.4em}
/*малък тектс*/
small {font-size: 1.0em}
/*адрес*/
address {font-style:italic; border: 1px dashed #CCC; border-left: 2px solid #CCC; padding: 15px;}
/*текстов блок*/
blockquote {padding: 0 0 0 15px; border-left: 2px solid #89a7c1}
/*цитат*/
cite {font-style: italic; text-align:justify; color: #89a7c1;}
cite:before {content:"\""}
cite:after {content:"\""}
/*съкращение*/
abbr {}
/*акроним*/
acronym {}

/*@import url(http://maksoft.net/css/link_classes.css);
	/* predefine here*/

a.page-back {display: block; margin: 25px 10px 0 10px; width: 25px; height:25px; float: right; background: url(https://www.maksoft.net/Templates/base/tmpl_001/images/arrows.png) 2px -17px no-repeat transparent;}
a.page-back:hover {background-color: #f8eed5;}

a.arrow {display: block; float: left; width: 52px; height: 38px; background: url('images/winter/arrow.png') 50% 50% no-repeat;}

#box-font-size {display: none; float: right; margin: -15px 20px 0 20px; height:25px; font-size: 10px;}
#box-font-size a {text-decoration: none;}

#pagination {display: block; text-align: center; clear:both;}
#pagination a.page{display: block; background-color: #d9d9d9; width: 15px; color: #000000; padding: 2px; margin: 2px; float: left; text-decoration: none;}
#pagination a.page_selected, #pagination a.page:hover{display: block; background-color: #000000; color: #FFFFFF;  width: 15px; padding: 2px; margin: 2px; float: left; text-decoration: none; font-weight: bold;}


/*@import url(http://maksoft.net/css/image_classes.css);
	/* predefine here*/

.main_image {
	margin: 5px;
	border: 5px solid #FFF;
	box-shadow: 0 0 5px #b0b0b0;
	-moz-box-shadow: 0 0 5px #b0b0b0;
	-webkit-box-shadow: 0 0 5px #b0b0b0;
	-o-box-shadow: 0 0 5px #b0b0b0;	
}

.main_image.align-left {margin: 0px 10px 10px 0px}
.main_image.align-right{margin: 0px 0px 10px 10px}

.border_image {
	
	margin: 10px;
	border: 10px solid #FFF;
	box-shadow: 0 0 5px #b0b0b0;
	-moz-box-shadow: 0 0 5px #b0b0b0;
	-webkit-box-shadow: 0 0 5px #b0b0b0;
	-o-box-shadow: 0 0 5px #b0b0b0;	
	background: #FFF;
}
.border_image.align-left {margin: 0px 10px 10px 0px}
.border_image.align-right{margin: 0px 0px 10px 10px}

.sPage-content.border_image:hover {
	box-shadow: 0 0 5px #6d6e71;
	-moz-box-shadow: 0 0 5px #6d6e71;
	-webkit-box-shadow: 0 0 5px #6d6e71;
	-o-box-shadow: 0 0 5px #6d6e71;		
	}

/************************************** TABLE CLASSES **************************************/

/* main table, bgcolor, padding, margin, border=0px; */

.main_table 	{background: #FFF; padding: 5px; margin: 0px; border: 0px;}
.main_table th 	{background: #FFF; color: #000; font-size: 14px;}
.main_table tr 	{background: #FFF; }
.main_table td 	{background: #FFF; padding: 2px; border: none; border-bottom: 1px solid #e9e9e9;}
.main_table tfoot td{background: #FFF; font-style:italic; font-size:11px; text-align:center;}

/* border table: border, bgcolor, border-style, */
.border_table		{
	background: #FFF;
	border: 1px solid #bbd8ec;
	font-size: 11px;
	}
.border_table th 	{
	color: #FFF;
	font-size: 14px;
	background: #2a80b6;/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5593bd', endColorstr='#0966a0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#5593bd), to(#0966a0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #5593bd,  #0966a0); /* for firefox 3.6+ */
	border-bottom: 5px solid #e9e9e9; 	
	}
.border_table tr 	{}
.border_table td 	{background: transparent; padding: 5px; border: none; border-bottom:1px solid #ebf7ff;}
.border_table tfoot td{background: #e9e9e9; border: none; color: #000; text-align: center; font-style:italic;}


/************************************** BLOCK CLASSES **************************************/

/* message blocks, width, bgcolor, color */
.message_normal{display: block; margin: 5px; background: #e3f4ff; color: #000000; padding: 10px; border: solid 1px #b9e4ff;}
	.message_normal a{color: #000;}
	.message_normal a:hover{color: #000; text-decoration: underline;}

.message_warning {display: block; margin: 5px; background: #fff8be; color: #000000; padding: 10px; border: solid 1px #ffbe57;}
	.message_warning a{color: #000;}
	.message_warning a:hover{color: #000;	text-decoration: underline;}

.message_error{display: block; margin: 5px; background: #FF0000; color: #FFFFFF; padding: 10px; border: solid 1px #D70000;}
	.message_error a{color: #FFF;}
	.message_error a:hover{color: #FFF; text-decoration: underline;}
	
#box_login {padding: 10px; background: #f5f5f5;}
#box_login:hover {}
#box_login .button_submit {margin: 10px auto 10px auto; display: block; width: 80px;}
#box_login input {background: #FFF;}

#box_social_links {display: block; margin: 40px 40px; clear:both;}
#box_social_links a { 
	display: block;
	width: 42px; 
	height: 42px; 
	float: left; 
	margin: 2px; 
	border-radius: 21px; 
	-moz-border-radius: 21px; 
	-webkit-border-radius: 21px; 
	-o-border-radius: 21px;
	box-shadow: 0px -3px 4px 0px rgba(0,0,0, 0.5);
	}
	
#box_social_links a.vkontakte {background-image: url("images/winter/social-icons.jpg"); background-position: 50% 0%; background-repeat: no-repeat}
#box_social_links a.facebook {background-image: url('images/winter/social-icons.jpg'); background-position: 0% 0%; background-repeat: no-repeat}	
#box_social_links a.google {background-image: url('images/winter/social-icons.jpg'); background-position: 100% 0%; background-repeat: no-repeat}

#box_social_links a.vkontakte:hover {background-position: 50% 100%;}
#box_social_links a.facebook:hover {background-position: 0% 100%;}
#box_social_links a.google:hover {background-position: 100% 100%;}

#languages {display: block; background: transparent; z-index: 3; position:absolute; top:30px; margin-left: 50px; color: #000; text-align:center;}
#languages a {display: block; float: left; margin: 3px; width: 30px; height: 30px; line-height: 30px; text-align:center; color: #000; background: #f9f937; border-radius: 15px; text-decoration: none;}

.vip-links {position: relative;display: block; width: 46%; float: left; text-align: center; margin: 0 3% 30px 0;margin-top:5%;margin-right: 4%}
.vip-links .content {border-bottom: 3px solid #b59064;  margin: 0 20px; display:table; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;}
.vip-links h2.label {position: absolute; z-index: 2; margin: -10% -3% 0% 6%; background: #008ef1; color: #FFF; font-weight: 300; font-size: 1.2em; padding: 8px; border-radius: 20px; width: 280px;}
.vip-links img {margin: 0 auto; margin-top: 11% ;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;/*! margin-top: 15%; */}
.vip-links p {color: #3473b6; text-align:justify; margin: 10px 0px;}	
.vip-links a.more {background: #ffa500; color: #FFF; padding: 5px 15px;  text-decoration: none; float: left; display: block; margin: 0 0 20px 0; font-size: 14px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}	
/************************************** FORM CLASSES **************************************/

/* standart classes */
form 			{padding: 0px; margin: 0px;}
input, select 	{background: #f8f8f8; border: 1px solid #d3d3d3; color: #000; outline: none; padding:5px;}
select		 	{padding:5px;}
textarea 		{background: #f8f8f8; border: 1px solid #d3d3d3; outline: none; padding:5px 0px; overflow:auto;}
input:hover, select:hover, textarea:hover {border: 1px solid #FC0;}
form .label		{color: #000; font-style:italic; clear:both;}

/* form buttons classes */
.button 		{display: block; float: left; margin: 5px;}
.button_submit, .button_reset, .button_back, .button_search {
	display: inline-block; 
	margin: 5px; 
	padding: 5px; 
	color: #000;
	border: 1px solid #ffbe57;
	background: #cccccc;/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cccccc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cccccc); /* for firefox 3.6+ */ 
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	}
.button_reset 	{border: 1px solid #b9e4ff;}
.button_back 	{border: 1px solid #666;}
.button_search 	{}

/************************************** MENU CLASSES **************************************/

#menu {
	display: table; 
	width: 230px; 
	background: url('images/kids/menu-bg.jpg'); 
	padding: 35px 0 5px 0;
	border: none;
	margin: 30px 0;
}

#menu .box-content {background: url('images/kids/menu-content.png') 0% 0% repeat-y; padding: 28px 0 28px 0; font-size: 11px;}

#menu .box-content a, #menu .back a {
	display: inline-block; font-size: 1.2em; font-weight: 300; clear:both; color: #FFF; text-decoration: none; margin: 0 35px 29px 12px; 
	height: 50px;
}

#menu .box-content a:first-line {font-size: 18px; color: #FFF;}

#menu .box-content a:nth-child(8), #menu .box-content a:nth-child(8):first-line { color: #75613a;}

#menu .box-content a .bullet {display: none;}
#menu .box-content a:hover .bullet {background-position: 100% 100%;}
#menu .box-content a:hover, #menu .box-content a.selected, #menu a.submenu_button_selected {text-shadow: 1px 1px 2px #666666;}
#menu .box-content a.selected {background: url('images/kids/button-selected.png') 100% 50% no-repeat; margin-right: 0px; padding-right: 40px;}
#menu .box-content a:hover:first-line, #menu .box-content a.selected:first-line, #menu a.submenu_button_selected:first-line {}

#menu .box-title {display: block; height: 130px; width: 230px; background: url('images/kids/menu-head.png') 0% 0% no-repeat; position: absolute; z-index: 2; margin: -150px 0 0 0;}
#menu .box-content .submenu {background: #FFF; margin: 0 5px; display:none;}
#menu .box-content .submenu a {padding: 10px 20px; margin: 2px; font-size: 1.0em;}
#menu .box-content .submenu a:first-line {font-size: 1.1em;}

#menu .back a {background: url('images/kids/arrow_back.png') 0% 0% no-repeat; margin: 0 40px 0 16px; padding: 0 0 0 24px; color: #000;}
#menu .back a:first-line {font-size: 18px;}

#menu hr {display: none;}
/*
#menu .box-footer {height: 30px; background: url('images/kids/menu-footer.png') 50% 0% no-repeat;}
*/

#navbar {color: #035d66; background: #FFF; height:auto; border-bottom: 1px solid #89a7c1;}
#navbar a {background: #FFF; color: #035d66; padding: 2px 5px 2px 5px; text-decoration:none;}
#navbar a:hover {background: #89a7c1; color: #FFF;}

#top_menu {display: block; padding: 5px; float: right; position:relative; margin: -90px 60px 0 0; background: transparent;}
#top_menu ul {list-style:none; margin:0; padding:0;}
#top_menu ul li {float: left; margin:0; padding:0;}
#top_menu a {color: #FFF; text-decoration: none; display: block; float: left; padding: 0 30px; line-height: 45px; height: 60px; text-align: center; text-transform:uppercase;}
#top_menu a:hover {color: #0075be;}

/*@import url(http://maksoft.net/css/extra_classes.css);
	/* predefine here*/

.bullet1 {display: none; width: 20px; height: 20px; float: left; background: url(https://www.maksoft.net/Templates/base/tmpl_001/images/arrows.png) 100% 0% no-repeat transparent; margin: 5px;}/* prefix bullet */
.bullet2 {display: none; width: 20px; height: 20px; float: left; background: url(https://www.maksoft.net/Templates/base/tmpl_001/images/arrows.png) 0% 0% no-repeat transparent; margin: 5px;}/* prefix bullet */

/************************************** CMS CLASSES **************************************/	

/*page content identificator*/
#pageContent {display: block; border: 0px solid #FF0000; margin: 0 0 0 70px; width: 640px;}
#pageContent .page-content {padding: 0px; background: transparent;}
#pageContent .sPage{float: left; border: 0px solid #d9d9d9;}
#pageContent .sPage .sPage-content {border: 0px solid #F00; width: auto;}
#pageContent .sPage:hover {backgroundd: #ededed;}
#pageContent .sPage a {font-weight: normal; text-decoration: none; color: #000;}
#pageContent .sPage a:hover {font-weight: normal; text-decoration: none; color: #000;}

#pageContent .sPage a.title{float: left; border: none; border-bottom: 1px solid #d9d9d9; color: #000000; font-size: 1.2em; font-weight: 300; display: block; width: 100%; margin: 1px 0; }
#pageContent .sPage a.title:hover{background-color: #d9d9d9; color: #000000; font-weight: 300;}

#pageContent .sPage .text{float: left; margin: 1px; cursor: hand; margin-top:5px;}
#pageContent .sPage a.title .text {margin: 0; padding: 10px; line-height: 1.0em;}
#pageContent .sPage img{display: block; background-color: #d9d9d9; border: 0px; margin-left: auto; border-radius: 5px; margin-right: auto;}
#pageContent .sPage img.align-left {margin: 0px 10px 5px 0px}
#pageContent .sPage img.align-right{margin: 0px 0px 5px 10px}

#pageContent .sPage a.next_link {display: block; float: right; clear:both; text-align: right; background: #89A7C1; color: #FFF; padding: 2px 5px; font-size:small;}

#pageContent .sPage .ssLinks {display: block;}
#pageContent .sPage .ssLinks a{font-weight: italic; text-decoration: underline; color: #FF0000; margin-left: 15px; display: block;}
#pageContent .sPage .ssLinks a:hover{text-decoration: underline; color: #000000;}

/*@media (min-width:750px){
#mobile {
display: none;
}
}
@media (max-width:750px){
#desktop {
display: none;
}
.navbar-brand {
padding: 3px 15px !important;
}
.navbar-toggle {
color: #007BFD !important;
}

}*/
.navbar-default {
    background-color: #26e54a !important;
}