* {
	padding: 0px;
	margin: 0px;
}

img {
	border: none;
}

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

ol,ul {
	list-style: none;
}

body {
	font-family: "Verdana";
	font-size: 100%;
	line-height: 100%;
        color: rgb(128,128,128);
}

.left {
	float: left;
}

.right {
	float: right;
}

div#container {
	padding-top: 20px;
	width: 95%;
	margin: 0px auto;
	max-width: 864px;
}

div#logo {
	float: left;
	width: 47%;
	padding-left: 2%;
}

div.fb-like {
}

div#contacts {
	float: right;
	font-size: 80%;
	width: 33%;
}

img#facebook {
        float: left;
        margin-bottom: 10px;
}

img#youtube {
        margin-left: 5px;
}

div.fb-like {
    margin-top: 22px; 
    margin-left: 5px;
}

div#contacts div#inner {
        clear: both;
}

p#contacts {
	color: rgb(11,183,154);
	line-height: 145%;
}

p#participa {
        margin-top: 10px;
	color: rgb(11,183,154);
}

p#address {
	margin-top: 15px;
	color: rgb(4,69,76);
	line-height: 110%;
	text-transform: uppercase;
}

.big-blue {
	color: rgb(13,153,126);
}

div#menu {
	margin-top: 15px;
	float: right;
	text-align: right;
        min-width: 500px;
}

ul#menu li {
	display: inline;
	margin-left: 15px;
        text-transform: uppercase;
        font-size: 80%;
}

div#banner {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
}

img#specificBanner {
        float: left;
        width: 275px;
        height: 190px;
}
div#banner img.crop {
        float: right;
        width: 580px;
        height: 190px;
}
div#box-top {
        top: 50px;
}

div.box {
	position: absolute;
	text-align: left;
	width: 360px;
	top: 30%;
	right: 0px;
	padding: 15px;
}

.text-white {
	color: rgb(245,245,245);
}

.text-black {
        color: black;
}

.bg-blue {
	background-color: rgb(11,183,154);
}

.bg-rose {
	background-color: rgb(241,111,145);
}

.bg-red {
	background-color: rgb(237,28,36);
}

.bg-green {
	background-color: rgb(164,178,32);
}

div.box p.title {
	text-transform: uppercase;
	font-size: 140%;
	margin-bottom: 10px;
}

div.box p.description {
	font-size: 75%;
}

div#main {
	margin-top: 10px;
	float: left;
        width: 100%;
}

div#gallery {
	margin-top: 20px;
	float: left;
        width: 100%;
        height: 500px;
}

div.galleries {
        text-align: right;
        font-size: 80%;
}

div.galleries li {
        display: inline;
        border-right: 1px solid rgb(11,140,170);
        margin: 10px;
        margin-right: 0px;
        padding-right: 10px;
}

div.galleries li:last-child {
        border-right: 0px;
}

ol#news {
	text-align: center;
        font-size: 90%;
}

ol li {
	float: left;
	width: 32%;
	margin: 0.65%;
	text-align: right;
}

ol li p {
	text-align: right;
}

ol li img {
	margin-bottom: 10px;
}

div#footer {
	width: 100%;
	margin-top: 30px;
	float: left;
}

div#footer p {
	text-align: center;
	font-size: 60%;
	color: rgb(128,128,128);
}

div#footer a {
	color: rgb(71,186,183);
}

nav select {
	display: none;
}

li.title {
	color: rgb(247,148,30);
}

li.selected {
        color: rgb(0,183,183);
}

div.side-bar {
	text-transform: uppercase;
	float: left;
	width: 35%;
	text-align: right;
	font-size: 80%;
	margin-top: 20px;
}

div.side-bar li {    
        font-size: 80%;
}

div.side-bar li.title {
        font-size: 100%;
}

div.split {
	padding-top: 5px;
	padding-bottom: 5px;	
}

div.split img {
	max-width: 100%;
}

li.bullet {
	color: rgb(237,28,36);
	font-size: 90%;
        max-width: 230px;
        float: right;
}

img.bullet {
        float: right;
        margin-left: 3px;
}

div.text {
	margin-top: 20px;
	float: left;
	width: 60%;
	margin-left: 15px;
}

div.text p.title {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 90%;
}
div.text p {
	font-size: 80%;
}
div.address {
}

@media (max-width: 910px) {
        div#banner img.banner {
                max-width: 100%;
                max-height: 100%;
        }
        img#specificBanner {
                width: 32.65%;
                height: auto;
        }
        div#banner img.crop {
                width: 65%;
                height: 100%;
        }
	div#footer {
		margin-top: 25px;
	}
	div#contacts {
		padding-top: 0px;
		margin-top: 0px;
		font-size: 70%;
	}
	div#container {
		padding-top: 10px;
	}
	div#banner {
		text-align: right;
	}
	img#facebook {
		margin-bottom: 5px;
	}
	div#menu {
		margin-top: 5px;
	}
	ul#menu li {
		margin-left: 5px;
	}
	li.figure img {
		max-width: 100%;
		max-height: 100%;
	}
}

@media (max-width: 770px) {
        div.box {
                font-size: 90%;
        }
        div#box-top {
                top: 10%;
                font-size: 90%;
                width: 58%;
                padding: 5px;
        }
	div#contacts {
		width: 40%;
	}
}

@media (max-width: 570px) {
	div#contacts {
		width: 40%;
	}
	nav ul     { display: none; }
	nav select { display: block; }
        div#menu { min-width: auto; }
}

@media (max-width: 550px)  {
	div#logo img{
		width: 100%;
		min-width: 140px;
	}
	p#address {
		margin-top: 5px;
	}
	ul#menu li{
	}
	img#facebook {
		width: 20px;
	}
        div.fb-like {
                margin-top: 0px;
        }
	div#box-top p.title {
		font-size: 100%;
	}
}
@media (max-width: 450px) {	
	div#banner {
		margin-top: 10px;
		text-align: center;
                height: auto;
	}
	div#logo img {
		width: 70%;
	}
	img#facebook {
		width: 20px;
		float: none;
		margin: 0px auto;
	}
	div#contacts div#inner {
		margin-left: 0px;
	}
	div#contacts {
		float: none;
		font-size: 60%;
		width: 100%;
		text-align: center;
	}
	div#logo {
		text-align: center;
		width: 100%;
		margin-bottom: 5px;
	}
	div#menu {
		float: none;
	}
	nav select {
		margin: 0px auto;
	}
	ol li {
		font-size: 80%;
	}
	div.box {
		padding: 5px;
		width: 70%;
	}
        div#box-top {
                width: 60%;
                max-height: 80%;
                float: none;
                top:auto;
                bottom: 5%;                 
        }
        img#specificBanner {
                float: none;
                margin-bottom: 10px;
                width: auto;  
                max-width: 100%;
        }
        div#banner img.crop {
                width: auto;
                height: auto;
                float: none;
        }
	div.box p.title {
		font-size: 100%;
	}
	div.box p.description {
		font-size: 70%;
	}
	
	div.side-bar {
		text-align: center;
		float: none;
		width: auto;
	}
	div.text {
		float: none;
		width: auto;
	}
        li.bullet {
                max-width: 100%;
                float: none;
        }
}
@media (max-width: 370px) {
	div.box {
            top: 20%;
	}
        div#box-top {
        }
        
}
@media (max-width: 320px) {
	div#banner {
	}
	div#banner img{
	}
	div.box {
		position: relative;
		top: 0%;
		width: auto;
		margin-top: 5px;
	}
        div#box-top {
                top: 0%;
                width: auto;
        }
	div.box p.title {
		font-size: 80%;
	}
	div.box p.description {
		font-size: 60%;
	}
	div#footer {
		font-size: 80%;
	}
	ol li {
		float: none;
		width: 100%;
		height: 50%;
		text-align: center;
	}
        div.side-bar {
                margin-top: 0px;
        }
}