@charset "utf-8";
/* CSS Document */

.top_menu_panel{

	box-shadow: 1px 9px 4px -5px rgba(0, 0, 0, 0.32);

	margin-bottom:20px;
	padding-bottom:5px;


	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 5px solid #EAEAEA;
}

.border-color-02{
	border: 3px solid #E0E0E0;
}

.border-color-03{
	border: 3px solid #E0E0E0;
}

#cap_menu_panel_buttons{
	display:table;
	width:auto;
	height:40px;
	list-style: none outside none;
}

#cap_menu_panel{
	width:100%;
	height:45px;
	
	background: #EDEDED;
	background: -moz-linear-gradient(top, rgba(237, 237, 237, 1) 1%, rgba(229, 229, 229, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(237, 237, 237, 1)), color-stop(100%,rgba(229, 229, 229, 1)));
	background: -webkit-linear-gradient(top, rgba(237, 237, 237, 1) 1%,rgba(229, 229, 229, 1) 100%);
	background: -o-linear-gradient(top, rgba(237, 237, 237, 1) 1%,rgba(229, 229, 229, 1) 100%);
	background: -ms-linear-gradient(top, rgba(237, 237, 237, 1) 1%,rgba(229, 229, 229, 1) 100%);
	background: linear-gradient(top, rgba(237, 237, 237, 1) 1%,rgba(229, 229, 229, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e5e5e5',GradientType=0 );
}


/********************************************************/
/********************************************************/
/****************** CAP CONTENT START *******************/
#block_cap {
    width: 100%;
    height: 200px;
    background: none; /* Убираем градиент */
    position: relative; /* Добавляем для позиционирования контента */
    margin-bottom: 10px;
}

.cap_content {
    position: relative; /* Делаем текст поверх фона */
    float: right;
    width: 400px;
    word-wrap: break-word;
    color: #FFFFFF;
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: bold;
    text-shadow: 0px 0px 2px #DDD;
    z-index: 1; /* Чтобы текст был выше фонового изображения */
}

.cap_content:after, .cap_content:before{
	background: -webkit-gradient(linear, left top, left center, from(rgba(255, 255, 255, 0)), to(white));
	opacity: 0.3;
	-webkit-transform: scaleY(-1);

	display: block;
	position: relative;
	bottom:-0.8em;
	left:0;
	right:0;
}

.cap_image_img{
	border-top-left-radius:20px;
	
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#badff5), to(#ffffff));
	background: -moz-linear-gradient(top, #badff5, #ffffff);
	background: -o-linear-gradient(top, #badff5, #ffffff);
}

#cap_image_div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Растягиваем на всю ширину */
    height: 100%;
    background: url('images/homes.png') no-repeat center center;
    background-size: cover; /* Делаем фон растягиваемым */
}

/****************** CAP CONTENT END   *******************/
/********************************************************/
/********************************************************/

/************************************** CAP END   ********************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/