/*////////////////////////////////////////////////////////
/////// STYLE FOR HOME INDEX
////////////////////////////////////////////////////////*/

#home{ margin:auto; width:100%; }

/* Slider styles
///////////////////////////////////////////////////////////////////*/
#home-slider{ display:block; float:left; text-align:left; margin-bottom:20px; width: 840px; }
#home-slider h1{ color:#fff; text-align:left; }
#home-slider a{ text-decoration:none; }
.unslider-header{ position:relative; float: right; display: inline-block; z-index:10; margin:0; margin-bottom:-50px; width: 100%; background: rgba(0,0,0,0.4); min-height: 40px; color: #fff; }
.unslider-header p{ margin:0; margin-left:35px; margin-right:35px; margin-top:10px; text-align: right; font-size:13px; }
.unslider{ display: inline-block; margin: 0; padding: 0; width: 100%; line-height: 0px; text-align: center; }
.unslider-wrap {  position: relative; }
.unslider-wrap.unslider-carousel > li { float: left; height:400px; background: no-repeat center center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.unslider-fade .unslider-wrap li{ position: absolute; left: 0; top: 0; right: 0; z-index: 8; }
.unslider-fade .unslider-wrap li.unslider-active{ z-index: 10; }
.unslider ul, .unslider ol, .unslider li{ list-style: none; /* Reset any weird spacing */ margin: 0; padding: 0; border: none; }
.unslider-arrow{ position: relative; left: 20px; z-index: 2; cursor: pointer; }
.unslider-arrow.next{ left: auto; right: 20px; }
.unslider-nav{ position: relative; margin-top:-25px; margin-bottom:13px; }
.unslider-nav ol{ list-style: none; text-align: center; }
.unslider-nav ol li{ display: inline-block; width: 12px; height: 12px; margin: 0 6px; background: rgba(0,0,0,0.5); overflow: hidden; text-indent: -999em; cursor: pointer; }
.unslider-nav ol li.unslider-active{ background: #fff; cursor: default; }
.home-slider-info{ position: relative; display: block; float: left; background: rgba(0,0,0,0.4); margin-left: -370px; margin-top:53px; padding:20px; text-align: left; width: 400px; min-height: 50px; color: #fff; }
.home-slider-info p{ font-size:13px; line-height: 16px; margin-bottom:5px; }
.home-slider-info h1{ margin-top:5px; font-size: 22px; line-height: 22px; font-weight:800; }
.home-slider-info a{ text-decoration:none; }
.home-slider-button{ position:relative; display: block; float: right; top:300px; }
.home-slider-button a{ text-decoration:none; padding: 15px 15px 15px 15px; color: #fff; font-size: 10px; background: rgba(0,0,0,0.5); text-transform: uppercase; }
.home-slider-button a:hover { background: rgba(255,255,255,0.1); }

/* Articles on slider side styles
///////////////////////////////////////////////////////////////////*/
#home-slidersidearticles{ float:right; width:340px; }
#home-slidersidearticles a{ text-decoration:none; }
#home-slidersidearticles-item{ display:table; width:340px; height:196px; margin-bottom:8px; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; opacity:0.8; -moz-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; }
#home-slidersidearticles-item:hover{ opacity:1; }
.home-slidersidearticles-item-info{ display:table-cell; vertical-align:bottom; }
.home-slidersidearticles-item-info h1{ margin-left:10px; margin-right:10px; padding:10px; color:rgba(255,255,255,1); font-size:16px; text-align:left; background:rgba(0,0,0,0.5); }

/* Articles list styles
///////////////////////////////////////////////////////////////////*/
#home-articlelist{ float:left; padding: 20px; width: 800px; background:#FFF; font-size:15px; text-align:left; }
#home-articlelist a{ text-decoration:none; }
#home-articlelist-item{ display: block; float: left; padding-bottom:20px; margin-bottom:20px; width:100%; text-align:left; vertical-align:middle; border-bottom:1px solid rgba(0,0,0,0.1); }
#home-articlelist-item a{ display: block; }
#home-articlelist-item h1{ -moz-transition: color 0.4s; -webkit-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; }
#home-articlelist-item:hover h1{ color: #2B89BF; }
.home-articlelist-item-image{ display: inline-block; float: left; width: 240px; height:160px; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.home-articlelist-item-info{ display: inline-block; float: right; width:540px; margin-left:20px; }
.home-articlelist-item-info h1{ font-size:22px; font-weight:800; color:rgba(0,0,0,0.8); text-align:left; margin-bottom: 5px; text-decoration:none; }
.home-articlelist-item-info h2{ display:inline-block; line-height: 15px; margin-bottom: 5px; text-transform: uppercase; font-size:16px; font-weight:400; color:#4BD2E9; text-align:left }
.home-articlelist-item-info p{  }
.home-articlelist-item-info span{ font-size:16px; color:rgba(0,0,0,0.6) }
.home-articlelist-item-info a{ text-decoration:none; }

/* Articles on right side styles
///////////////////////////////////////////////////////////////////*/
#home-sidearticlelist{ float:right; width: 340px; text-align:left; font-size: 14px; }
#home-sidearticlelist a{ text-decoration: none; }
#home-sidearticlelist-item{ margin-bottom:15px; width: 340px; background-color:#FFF; }
#home-sidearticlelist-item h1{ position:relative; padding-right:15px; line-height: 25px; color:#333; background:#fff; text-align:left; font-size: 19px; font-weight: 800;  border:none; -moz-transition: color 0.4s; -webkit-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; }
#home-sidearticlelist-item:hover h1{ color: #2b89bf; }
.home-sidearticlelist-item-image{ display: block; margin:auto; padding: 0; margin-bottom:10px; text-align: center; height:220px; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.home-sidearticlelist-item-info{ display:block; padding-left:15px; padding-bottom:15px; }
.home-sidearticlelist-item-info h2{ display:inline-block;  line-height: 15px; margin-bottom: -5px; text-transform: uppercase; font-size:14px; font-weight:400; color:#4BD2E9; text-align:left }
.home-sidearticlelist-item-info span{ font-size:14px; color:rgba(0,0,0,0.6) }

/* News on right side styles
///////////////////////////////////////////////////////////////////*/
#home-news{ float:right; width: 340px; text-align:left; font-size: 14px; }
#home-news a{ text-decoration: none; }
#home-news h1{ padding-left:20px; line-height: 35px; color:#fff; background:#4BD2E9; font-weight:600; text-align:left; font-size: 16px; border-bottom:3px solid rgba(0, 0, 0, 0.05); }
#home-news-item{ width: 340px; padding-top:10px; margin-bottom:-10px; background-color:#FFF; }
#home-news-item h1{ position:relative; padding-left:15px; margin:0; padding-right:15px; line-height: 25px; color:#333; background:#fff; text-align:left; font-size: 14px; font-weight: 800;  border:none; -moz-transition: color 0.4s; -webkit-transition: color 0.4s; -ms-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; }
#home-news-item:hover h1{ color: #2b89bf; }


@media screen and (max-width: 1250px){
	#home{ width:960px; overflow:hidden; }
	
	#home-slider{ width: 650px; }
	.unslider{ width: 650px; }
	.unslider-wrap.unslider-carousel > li { height:350px; }
	.home-slider-info{ margin-left: -185px; }
	
	#home-slidersidearticles{ width:290px; }
	#home-slidersidearticles-item{ width:290px; height:172px; margin-bottom:6px; }
	
	#home-articlelist{ width: 960px; }
	.home-articlelist-item-image{ width: 240px; height:160px; }
	.home-articlelist-item-info{ width:660px; }
	
	#home-sidearticlelist{ position:relative; display: block; float:right; width: 960px; margin-top:15px; }
	#home-sidearticlelist-item{ display:inline-block; float:left; margin-left:2px; margin-right:2px; width:316px; min-height:340px; }
	.home-sidearticlelist-item-image{ margin-bottom:10px; width:316px; }
	.home-sidearticlelist-item-info{ padding-bottom:15px; }
	
	#home-news{ float:left; width: 960px; }
	#home-news-item{ width: 960px; }
}

@media screen and (max-width: 1140px){
	#home{ width:800px; overflow:hidden; }
	
	#home-slider{ width: 800px; }
	.unslider{ width: 800px; }
	.unslider-wrap.unslider-carousel > li { height:360px; }
	.home-slider-info{ margin-left: -335px; }
	
	#home-slidersidearticles{ width:800px; margin-bottom:15px; }
	#home-slidersidearticles-item{ width:396px; height:220px; margin-left:2px; margin-right:2px; }
	
	#home-articlelist{ width: 800px; margin:0; padding:15px; }
	.home-articlelist-item-image{ width: 315px; height:180px; }
	.home-articlelist-item-info{ width:430px; }
	
	#home-sidearticlelist{ width: 800px; }
	#home-sidearticlelist-item{ margin-left:2px; margin-right:2px; width:262px; min-height:300px; }
	.home-sidearticlelist-item-image{ margin-bottom:10px; width:262px; height:180px;}
	.home-sidearticlelist-item-info{ padding-bottom:15px; }
	
	#home-news{ float:left; width: 800px; }
	#home-news-item{ width: 800px; }
}

@media screen and (max-width: 980px){	
	#home{ width:650px; overflow:hidden; }
	
	#home-slider{ width: 650px; }
	.unslider{ width: 650px; }
	.unslider-wrap.unslider-carousel > li { height:350px; }
	.home-slider-info{ margin-left: -185px; }
	
	#home-slidersidearticles{ width:650px; margin-bottom:15px; }
	#home-slidersidearticles-item{ width:320px; height:172px; margin-left:3px; margin-right:2px; }
	
	#home-articlelist{ width: 650px; margin:0; padding:15px; }
	#home-articlelist-item{ width: 615px; min-height:190px;  }
	.home-articlelist-item-image{ width: 300px; height:180px; }
	.home-articlelist-item-info{ width:275px; padding-right:15px; }
	
	#home-sidearticlelist{ width: 650px; }
	#home-sidearticlelist-item{ margin-left:2px; margin-right:2px; width:321px; min-height:340px; }
	.home-sidearticlelist-item-image{ margin-bottom:10px; width:321px; }
	.home-sidearticlelist-item-info{ padding-bottom:15px; }
	
	#home-news{ float:left; width: 650px; }
	#home-news-item{ width: 650px; }
}

@media screen and (max-width: 800px){	
	#home{ width:480px; overflow:hidden; }
	
	#home-slider{ width: 480px; }
	.unslider{ width: 480px; }
	.unslider-wrap.unslider-carousel > li { height:300px; }
	.home-slider-info{ margin-left: -15px; }
	
	#home-slidersidearticles{ width:480px; margin-bottom:15px; }
	#home-slidersidearticles-item{ width:480px; height:250px; margin:0; margin-bottom:5px; }
	
	#home-articlelist{ width: 480px; margin:0; padding:15px; margin-bottom:10px; }
	#home-articlelist-item{ width: 450px; min-height:190px; }
	.home-articlelist-item-image{ width: 450px; height:240px; }
	.home-articlelist-item-info{ width:430px; padding-top:15px; padding-right:15px; }
	
	#home-sidearticlelist{ width: 480px; }
	#home-sidearticlelist-item{ margin:0; width:480px; min-height:300px; margin-bottom:10px; }
	.home-sidearticlelist-item-image{ margin-bottom:10px; width:480px; height:260px; }
	.home-sidearticlelist-item-info{ padding-bottom:15px; }
	
	#home-news{ float:left; width: 480px; }
	#home-news-item{ width: 480px; }
}

@media screen and (max-width: 700px){	
	#home{ width:400px; overflow:hidden; }
	
	#home-slider{ width: 400px; }
	.unslider-header{ min-height: 30px; }
	.unslider-header p{ margin-top:5px; margin-left:10px; margin-right:10px; }
	.unslider{ width: 400px; }
	.unslider-wrap.unslider-carousel > li { height:260px; }
	.home-slider-info{ width: 320px; margin-left: -30px; margin-top:40px; padding:15px; }
	.home-slider-info h1{ font-size:18px; margin:0; }
	
	#home-slidersidearticles{ width:400px; margin-bottom:15px; }
	#home-slidersidearticles-item{ width:400px; height:220px; margin:0; margin-bottom:5px; }
	
	#home-articlelist{ width: 400px; margin:0; padding:15px; margin-bottom:10px; }
	#home-articlelist-item{ width: 370px; min-height:190px; }
	.home-articlelist-item-image{ width: 370px; height:200px; }
	.home-articlelist-item-info{ width:350px; padding-top:15px; padding-right:15px; }
	
	#home-sidearticlelist{ width: 400px; }
	#home-sidearticlelist-item{ margin:0; width:400px; min-height:330px; margin-bottom:10px; }
	.home-sidearticlelist-item-image{ margin-bottom:10px; width:400px; height:220px; }
	.home-sidearticlelist-item-info{ padding-bottom:15px; }
	
	#home-news{ float:left; width: 400px; }
	#home-news-item{ width: 400px; }
}

/*////////////////////////////////////////////////////////
/////// STYLE FOR SITE ADMINISTRATION
////////////////////////////////////////////////////////*/
#admin{ width:100%; margin:auto; text-align:center; min-height:700px; background:rgba(255,255,255,1);}
#admin h1,h2,h3{ color:rgba(51,51,51,1); padding-top:15px; }
#admin form{ text-align:left; }

/* HORIZONTAL MENUS FOR ADMINISTRATION */
#admin-horizontalmenu{ display:block; position:inherit; margin:auto; max-width: 296px; height: 35px; margin-bottom:25px; padding-left:45px; color:#000; background:url("icons/menu.png"), #CCC; background-position:10px 5px; background-repeat:no-repeat; background-size:25px; }
#admin-horizontalmenu ul{ padding: 0; padding-top: -100px; list-style: none; text-align : center; padding-top:-425px; }
#admin-horizontalmenu a{ display: block; padding: 0; text-decoration:none; color:inherit; }
#admin-horizontalmenu li{ line-height: 35px; float: left; width: 148px; background: #CCC; -moz-transition: background 0.4s; -webkit-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; }
#admin-horizontalmenu li:hover{ background: rgba(102,102,102,1); border-top: 3px solid rgba(0,0,0,1); color:#FFF; margin-top:-3px; }
#admin-horizontalmenu li ul { position: absolute; width: 148px; left: -999em; border: none; color:rgba(0,0,0,1); border-bottom: 1px solid grey; }
#admin-horizontalmenu li ul li{ border: none; }
#admin-horizontalmenu li ul li:hover{ background:rgba(102,102,102,1); border: none;	margin: 0; }
#admin-horizontalmenu li:hover ul, .admVertMenu li.sfhover ul{ left: auto; min-height: 0; }