/*================= LAYOUT STYLES ==================*/
body {
	font-family:"Open Sans", sans-serif; color: #444444; font-size: 12px; margin: 0px; padding: 0px; 
	background: url(http://www.maksoft.net/css/usb_travel/images/summer/bg.jpg) 0% 0%;
	}
#sb-site {
	background: url(http://www.maksoft.net/css/usb_travel/images/summer/bg.jpg) 0% 0%;
}

#header {display: table; width: 100%; margin: 0px auto 0px auto; background: url('images/summer/header-bg.png') 50% 0% no-repeat; height: 413px; border-top: 5px solid #017ddd;}
#header .header-content {padding: 35px 0 0 0; width: 960px;}
#header .banner {background: url('images/summer/banner.png') 50% 50% no-repeat; width: 960px; height: 267px;}
#header .banner .banner-mask {display: block; width: 100%; height: 245px; position:absolute; z-index: 2; background: url('images/summer/banner-mask.png') 50% 0% no-repeat;}

#box_search {margin: 0 0 30px 0;}
#box_search .box-search-content {border: 1px solid #49aa48; background: #FFF;}
#box_search .box-search-content:hover {border: 1px solid #cc0000;}
#box_search input {width: 200px;}

#site_container {background: url('images/summer/site-content-bg.png') 50% 0% repeat-x;}
#page_container {width: 960px;}

.main-content {background: url('images/summer/main-content-bg.png') 100% 0% no-repeat;}

#column_left {margin: 0 0 0 -5px;}

#footer .copyrights {background: #FFF; width: 950px; margin: 0 auto; box-shadow: 0px 0px 10px #906c2f; padding: 20px 0; margin-top: 10px;}
#footer .footer-content .coll .coll-content {background: rgba(255,255,255,0.3); border: 1px dashed #c18866; padding: 5px 10px;}
#footer .footer-content .coll .coll-content h3 {font-weight: 300; color: #c41a1c; background: #FFF; margin: 5px 0 10px 0; line-height: 14px; padding: 5px;}
#footer .footer-content .coll .coll-content ol {padding: 10px;}
#footer .footer-content .coll .coll-content a {color: #000;}

.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;
}
.box.hotels {display: table; margin: 0; border: 0px; background: url('images/summer/box-hotels-bg.png') 0% 0% no-repeat;  }
.box.hotels .images {float: right; margin: 20px;}
.box.hotels .images .big {float: left; display: block; width: 200px; max-height: 160px; overflow:hidden;}
.box.hotels .images .small {float: left; display: block; width: 80px; max-height: 60px; overflow:hidden;}
.box.hotels .border_image {border: 4px solid #FFF; padding: 0px;}
.box.hotels .border_image img {margin: 0px; padding:0px}
.box.hotels a.arrow {margin: 150px 0 0 55px; position:absolute;}
.box.city-navigation  {background: url('images/summer/box-citynavigation-bg.png') 0% 50% no-repeat; display: block; width: 620px; height: 120px;}
.box.offers{background: url('images/summer/box-offers-bg.png') 0% 0% no-repeat; padding: 5px; margin: 30px 0 0 0;}
.box.offers .label {margin: 50px 0 0 55px;}
.box.offers a.arrow {margin: 82px 0 0 230px; position:absolute;}

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

a:hover {color: #000;}
	
/*заглавия*/
h1.title {font-size: 20px; font-weight: normal; color: #c41a1c; padding: 0 0 0 100px; margin-bottom: 30px;}
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-top: 0px; width: 25px; height:25px; float: right; background: url(http://www.maksoft.net/Templates/base/tmpl_001/images/arrows.png) 2px -17px no-repeat #c41a1c;}
a.page-back:hover {background-color: #906c2f;}

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

#box-font-size {display: none; float: right; margin: 0px 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: 0px;
	border: 5px solid #FFF;
	box-shadow: 0 0 5px #906c2f;
	-moz-box-shadow: 0 0 5px #906c2f;
	-webkit-box-shadow: 0 0 5px #906c2f;
	-o-box-shadow: 0 0 5px #906c2f;	
	background: #FFF;
}
.border_image.align-left {margin: 0px 10px 10px 0px}
.border_image.align-right{margin: 0px 0px 10px 10px}



/************************************** 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: 44px; 
	height: 44px; 
	float: left; 
	margin: 2px; 
	}
	
#box_social_links a.vkontakte {background-image: url("images/summer/social-icons.png"); background-position: 100% 0%; background-repeat: no-repeat}
#box_social_links a.facebook {background-image: url('images/summer/social-icons.png'); background-position: 50% 0%; background-repeat: no-repeat}	
#box_social_links a.google {background-image: url('images/summer/social-icons.png'); background-position: 0% 0%; background-repeat: no-repeat}
#box_social_links a.vkontakte:hover {background-position: 100% 100%;}
#box_social_links a.facebook:hover {background-position: 50% 100%;}
#box_social_links a.google:hover {background-position: 0% 100%;}

#languages {display: block; position:absolute; margin: -60px 0 0 20px; color: #000; padding: 5px;}
#languages a {margin: 5px; color: #000}
	
/************************************** 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; 
	border: none;
	margin: 30px 0;
}

#menu .box-content {background: url('images/summer/menu-bg.png') 0% 0% repeat-y; padding: 0 0 0 10px;}

#menu .box-content a {display: block; font-size: 14px; font-weight: 300; padding: 20px 40px 20px 40px; clear:both; color: #FFF; text-decoration: none; margin: 4px 12px; border: 1px solid #49bed5;
	background: url('images/summer/button-bg.jpg') 0% 0% no-repeat #017799;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	line-height: 14px; 
	text-shadow: 0 0 3px #00708d;
}
#menu .box-content a:first-line {font-size: 18px; color: #FFF;}
#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 {background: url('images/summer/button-bg-hover.jpg') 0% 0% no-repeat #ec8b03; color: #FFF; text-shadow: 0px 0px 3px #aa5000; border: 1px solid #e28600;}
#menu .box-content a:hover:first-line, #menu .box-content a.selected:first-line, #menu a.submenu_button_selected:first-line {color: #FFF;}
#menu a.submenu_button_selected {margin: 4px 5px}

#menu .box-title {display: block; height: 72px; width: 180px; background: url('images/summer/menu-head.png') 0% 0% no-repeat; position: absolute; z-index: 2; margin: -68px 0 0 0px;}
#menu .box-content .submenu {background: #FFF; margin: 0 10px 0 10px; width: 210px;}
#menu .box-content .submenu a {padding: 15px 5px 15px 40px; margin: 2px; font-size: 1.0em;}
#menu .box-content .submenu a:first-line {font-size: 1.1em;}
#menu .back a {border: 1px solid #0075be; color: #FFF;}
#menu .back a:first-line {color: #FFF;}
#menu .back a {background: url('images/summer/button-bg2-hover.jpg') 100% 100% no-repeat;}
#menu hr {height: 1px; border: none; background: #bfbfbf; margin: 10px;}

#menu .box-footer {display: block; height: 20px; width: 100%; background: url('images/summer/menu-footer.png') 0% 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: -60px 20px 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: #000; text-decoration: none; display: block; font-size: 14px; color: #FFF; text-shadow: 0px 0px 3px #803500; float: left; padding: 0 40px; line-height: 70px; height: 70px; text-align: center; background: url('images/summer/top-button.png') 50% 0% no-repeat; margin: 5px -10px; background-size:100% 100%;}
#top_menu a:hover {text-shadow: 0px 0px 3px #FFF;}

/* .box.city-navigation {display: none;} */
.box.city-navigation ul {list-style:none; margin:0; padding: 22px 0 0 30px;}
.box.city-navigation ul li {float: left; margin:0; padding:0;}
.box.city-navigation a {color: #FFF; font-size: 16px; text-decoration: none; font-weight: 300; display: block; width: 140px; height: 70px; line-height: 70px;  text-align: center; margin: 0 5px 0 0;
	background: url('images/summer/front-button.png') 50% 50% no-repeat; 
	background-size: 100% 100%;
}
.box.city-navigation a:hover {color: #0075be;}

.vip-offers {background: transparent; margin: 10px;}
#menu .box-content .submenu.vip-offers a {padding: 10px;}
.vip-offers img {border: 2px solid #FFF;}
#menu .box-content .submenu.vip-offers {padding: 5px; background: transparent;}

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

.bullet1 {display: none; width: 20px; height: 20px; float: left; background: url(http://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(http://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; width: 650px; margin: 0 0 0 70px;}
#pageContent.home {width: 620px; margin: 0 0 0 110px;}
#pageContent .sPage{float: left; border: 1px solid transparent;}
#pageContent .sPage:hover {border: 1px dashed #c18866; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#pageContent .sPage .sPage-content {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; background: #c41a1c; border: none; border-bottom: 1px solid #d9d9d9; color: #FFF; font-size: 1.2em; font-weight: 300; display: block; width: 100%; margin: 1px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#pageContent .sPage a.title:hover{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;}

#pageContent .page-content {background: transparent; padding: 20px 0px;}

.sPage-content.border_image:hover, .sPage-content.border_image {
	box-shadow: 0 0 5px #906c2f;
	-moz-box-shadow: 0 0 5px #906c2f;
	-webkit-box-shadow: 0 0 5px #906c2f;
	-o-box-shadow: 0 0 5px #906c2f;	
	background: #FFF;
	border: none;	
	}