/** Generated by FG **/
@font-face {
	font-family: 'Segoescript';
	src: url('/template/fonts/segoesc.eot');
	src: local('O'), url('/template/fonts/segoesc.woff') format('woff'), url('/template/fonts/segoesc.ttf') format('truetype'), url('/template/fonts/segoesc.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



body
{
overflow:scroll;

background: #e0e7ec;
}


.main_logo_cell
{
text-align:center;
width:220px;
vertical-align:middle;
}
.logo
{
max-width:220px;
}




.center_header
	{
	font-family:Arial;
	color:#43ab31;
	text-decoration:none;
	font-size:18px;
	font-weight:normal;
	display:inline-block;
	}

li.shout
{
margin-top:10px;
margin-bottom:10px;
}

input.shout
{
width:300px;
}


textarea.shout
{
width:100%;
height:100px;
resize: none;
}

div.shout
{
margin-bottom:20px;
padding:10px;
text-align:justify;
padding:20px;

border: 1px solid #666;

-webkit-box-shadow: #666 4px 4px 7px;
-moz-box-shadow: #666 4px 4px 7px;
box-shadow: #666 4px 4px 7px;

}


a
{
text-decoration:none;
color:black;
}



img.carousel_img
{
 
width:75px;

}

img.carousel_img:hover
{
border-color: #808080;
}

.participant_link

{
	color:#43ab31;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:0px;
}

p.center
{
text-align:justify;
}


h3.participant_name
{
color:#43ab31;
}

.participants_table
{
border-spacing:20px;
}


span.top-text-big
{
color: #095d21;
font-family:Segoescript;
font-size:32px;
/*word-break: break-all;
word-wrap: break-word;*/
}

span.top-text-small
{
color: #095d21;
font-family:Segoescript;
font-size:23px;
}

img.participant_cell_img
{
margin-right:10px;
margin-bottom:5px;
}



.participant_cell
{
margin:5px;
display:inline-block;
padding:10px;
width:250px;
height:300px;
text-align:justify;
vertical-align:top;
background-image: url(/template/img/participant_cell_bg.jpg);
border: 1px solid #696;
-webkit-box-shadow: #666 4px 4px 7px;
-moz-box-shadow: #666 4px 4px 7px;
box-shadow: #666 4px 4px 7px;
position:relative;
padding-bottom:10px;
}


.highslide-gallery
{
	text-align:center;
}


.albums_table
{
border-spacing:20px;
}


.album_cell

{

display:inline-block;


margin-left:20px;
margin-right:20px;
margin-bottom:30px;

padding:10px;
width:150px;
height:150px;

text-align:center;
vertical-align:middle;

background-image: url(/template/img/participant_cell_bg.jpg);

border: 1px solid #696;
-webkit-box-shadow: #666 4px 4px 7px;
-moz-box-shadow: #666 4px 4px 7px;
box-shadow: #666 4px 4px 7px;


}

.video_cell
{
display:inline-block;
margin:20px;
text-align:center;
vertical-align:top;
width:300px;
height:250px;

}

img.album_cell_img
{
width:100px;
border:1px solid black;
margin: 10px 20px 20px 10px;
}



/** Дальше описания для меню **/


.menu, .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu {
    display:table;
    width: auto;
    border: 1px solid #0093dd;
    background-color: #27d4f0;
    border-radius: 6px;
    box-shadow: 0 1px 1px #777;
    background: linear-gradient(#27d4f0, #0294ac);
    background: -webkit-gradient(linear, left top, left bottom, from(#27d4f0), to(#0294ac)); /* Это для Chrome, сафари */	
    background: -o-linear-gradient(top, #27d4f0, #0294ac); /* для оперы*/
}


/*

.menu:before,
.menu:after {
    content: "";
    display: table;
}
.menu:after {
    clear: both;
}

*/
.menu li {
    width:auto;
    float: left;
    position: relative;
}
.menu a {
    float: left;
    padding: 12px 30px;
    color: #ffffff;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

.menu li:hover > a {
    color: #3eea88;
    background-color: #0186ba;
}

.menu ul {
    margin: 20px 0 0 0;
    opacity: 0;
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 9999;
    background: #27d4f0;
    background: linear-gradient(#27d4f0, #0294ac);
    background: -webkit-gradient(linear, left top, left bottom, from(#27d4f0), to(#0294ac)); /* Это для Chrome, сафари */	
    background: -o-linear-gradient(top, #27d4f0, #0294ac); /* для оперы*/
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    border-radius: 3px;
    transition: all .2s ease-in-out;
}
.menu li:hover > ul {
    opacity: 1;
    display: block;
    margin: 0;
	
}
.menu ul ul {
    width:inherit;
    top: 0;
    left: 170px;
    margin: 0 0 0 20px;
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
.menu ul li {
    float: left;
    display: block;
    border: 0;
    //box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

.menu ul li:last-child {
    box-shadow: none;
}

/* Это выпадающие элементы */
.menu ul a {
	text-align:left;
    padding: 10px;
    width: auto;
	min-width:150px;
    display: block;
    white-space: normal;
    float: none;
    text-transform: none;
}

.menu ul a:hover {
    background-color: #0186ba;
    background-image: linear-gradient(#04acec, #0186ba);
}

.menu ul li:first-child > a {
    border-radius: 3px 3px 0 0;
}

/*
.menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #0093dd;
}


.menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}

.menu ul li:first-child a:hover:after {
    border-bottom-color: #0093dd;
}

.menu ul ul li:first-child a:hover:after {
    border-right-color: #0093dd;
    border-bottom-color: transparent;
}
.menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;}
*/

/** Конец описаний для меню **/


/*Мобильная версия меню */

.mobile-menu{
    display:none;
    width:90%;
    padding:11px;
    text-transform:uppercase;
    font-weight:600;
}
.mobile-menu:hover{
    background:#3E4156;
    color:#ffffff;
    text-decoration:none;
}

/*Мобильная версия меню */




/* Это для всплывающих подсказок к картинкам "удалить, вставить и тп */


.photo
{
display:inline;
position:relative;
}

.photo:hover::after { 

	content: attr(data-title); /* Выводим текст */
	position: absolute; /* Абсолютное позиционирование */
	left:-10px; top: 25px; /* Положение подсказки */
	z-index: 1; /* Отображаем подсказку поверх других элементов */
	background: rgba(255,255,230,0.9);
	font-family: Arial, sans-serif;
	font-size: 11px;
	color:#000000;	    
	padding: 5px 10px;
	border: 1px solid #333;
	border-radius:5px;
}


#upload{
margin:30px 200px; padding:15px;
font-weight:bold; font-size:1.3em;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background:#f2f2f2;
color:#3366cc;
border:1px solid #ccc;
width:150px;
cursor:pointer !important;
-moz-border-radius:5px; -webkit-border-radius:5px;
}






/* Формочка обратной связи */
.top_center_form {
width:460px;
}
.top_center_form_logo {
max-width:200px;
align:left;
float: left;
}

.top_center_form_input {
width:140px;
}





/*Left_float_menu*/

#left_float{
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	font-size: 16px;
    	position: absolute;
	width: 260px;
	left:10px;

}
#left_float.fixed{
	position: fixed;
	top: 0px;
	width: 260px;
	left:10px;

}

div#left_float
	{

    display:none;
    background: #27d4f0;
    background: linear-gradient(#27d4f0, #023cac);
    background: -webkit-gradient(linear, left top, left bottom, from(#27d4f0), to(#023cac)); /* Это для Chrome, сафари */	
    background: -o-linear-gradient(top, #27d4f0, #023cac); /* для оперы*/
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    border-radius: 3px;
    padding:0px;
    z-index:100;
}

ul#left_float_menu
	{
padding:0px;
margin:0px;
	}

li.left_float_menu
	{
	cursor:pointer;
	list-style-type: none;
	min-height:40px;
	}

li.left_float_menu a

{
    color: #ffffff;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
    margin:10px;
    display:inline-block;
    width:100%;
    height:100%;


}


#left_float_menu li:hover {
    background-color: #0186ba;
    background-image: linear-gradient(#04acec, #0186ba);
    border-radius: 3px;
	}	





  .index_logo{max-width: 1340px; width: 100%;}




/* Large Devices, Tablets */
@media only screen and (max-width : 1100px) {
  .index_logo{max-width: none; width: 1024px;}
  .top_center_form {width: 215px; text-align:center;}
  .top_center_form_logo {float:center; align:center;}
  .top_center_form_input {width:100px;}

div#left_float {display:none;}


    .menu{display:none; width:90%;}
 
    .mobile-menu{
        display:block;
        margin-top:100px;
        border: 1px solid #0093dd;
    	background-color: #27d4f0;
    	border-radius: 6px;
    	box-shadow: 0 1px 1px #777;
    	background: linear-gradient(#27d4f0, #0294ac);
    	background: -webkit-gradient(linear, left top, left bottom, from(#27d4f0), to(#0294ac)); /* Это для Chrome, сафари */	
    	background: -o-linear-gradient(top, #27d4f0, #0294ac); /* для оперы*/




    }
 
    nav{
        margin:0;
        background:none;
    }
 
    .menu li{
	float:left;
        display:block;
        margin:0;
	width:100%;
        border: 1px solid #0093dd;
        background-color: #27d4f0;
        border-radius: 6px;
        box-shadow: 0 1px 1px #777;
    	background: linear-gradient(#27d4f0, #0294ac);
    	background: -webkit-gradient(linear, left top, left bottom, from(#27d4f0), to(#0294ac)); /* Это для Chrome, сафари */	
    	background: -o-linear-gradient(top, #27d4f0, #0294ac); /* для оперы*/
    }
 
    .menu li a {
        padding:12px;
	width:auto;
	text-align: left;
	float:none;
	margin:auto;
	display:block;

    }
 
    .menu li a:hover,
    .menu li:hover > a{

        border-left:3px solid #9CA3DA;
    }
 
    /*level 2 and 3 - make same width as all items*/
    .menu ul {
        display:block;
        position:relative;
        left:0;
        top:0px;
        width:100%;
        opacity:1;
        margin:0px;
    }
    .menu ul a {margin-left:15px;}
 
    .menu ul ul {
        left:0;
	margin:0px;
    }

    .menu ul ul a {margin-left:30px;}
    .menu ul ul ul a {margin-left:45px;}
    .menu ul ul ul ul a {margin-left:60px;}





}








/* Medium Devices, Tablets */
@media only screen and (max-width : 768px) {
  .index_logo{max-width: none; width: 768px;}
  .top_center_form {display:none; text-align:center;}
  .top_center_form_logo {float:center; align:center;}
  .top_center_form_input {width:100px;}

    .mobile-menu{margin-top:10px;}
   }


/* Medium small Devices, Tablets */
@media only screen and (max-width : 720px) {
  .index_logo{max-width: none; width: 720px;}
  .top_center_form {display:none; text-align:center;}
  .top_center_form_logo {float:center; align:center;}
  .top_center_form_input {width:100px;}
  .logo {display:none;}
  .main_logo_cell {width:0;}
}




/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .index_logo{display:none; max-width: none; width:480px;}
  .top_center_form {display:none; text-align:center;}
  .top_center_form_logo {float:center; align:center;}
  .top_center_form_input {width:100px;}
  .logo {display:none;}
  span.top-text-big {font-size:22px;}
 

}