/* CSS DOCUMENT */

body {
	background-image: url('/assets/images/ijo3.jpg'); /*background-color:green*/
}

/* GLOBAL */
.line { clear: both;border-bottom: 2px solid #575757;}

/* MAIN NAVBAR */
/* BANNER TOP */
.mainNavbar {
	width: 100%;
	min-height: 50px;
	padding: 40px 80px;
}
.mainNavbar .banner-top {
	width: 100%;
	background-color:rgba(0,0,0,0.5);
	min-height: 50px;
	border-radius: 6px;
	padding: 20px 80px;
}
.mainNavbar .banner-top img { margin:0px auto;}
@media (max-width: 850px) {
	.mainNavbar .banner-top { padding: 20px; }
}
.mainNavbar .banner-middle {
	width: 100%;
	background: rgba(0,0,0,0.5);
	min-height: 100px;
	padding: 20px;
	margin-top: 20px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}
.mainNavbar .banner-middle p { color: white; font-size: 17px;}
.mainNavbar .banner-middle p.dateRight { text-align: right;}
.mainNavbar .banner-middle form { width: 60%;}
.mainNavbar .banner-bottom {
	width: 100%;
	background: linear-gradient(rgba(0,0,0,0.5), transparent);
	min-height: 10px;
	border-top: 2px solid #050101;
	border-bottom: 1px solid #575757;
	margin-bottom: 0px;
}
.mainNavbar .banner-bottom .navbar {
	background-color: transparent;
	border:none;
	margin-bottom: 0px;
}
.mainNavbar .banner-bottom .navbar ul.nav li a { color: white; font-size: 16px; border-bottom:2px solid transparent;}
.mainNavbar .banner-bottom .navbar ul.nav li a:hover { color: #16B10A;border-bottom:2px solid black;}
.mainNavbar .banner-bottom .navbar ul.nav li.dropdown ul.dropdown-menu li a { color: #16B10A }
.mainNavbar .banner-bottom .navbar ul.nav li.dropdown ul.dropdown-menu li a:hover { background-color: #16B10A;color:white; }

/* MAIN CONTENT */
.mainContent {
	width: 100%;
	margin-top: -20px;
	min-height: 50px;
	padding: 0px 80px;
}
.mainContent .home .carousel { width: 100%; height: 100%;}
.mainContent .home .carousel .carousel-inner .item img { width: 100%; height: 100%;}
@media (max-width: 1020px) {
	.mainContent, .mainNavbar { padding: 0px 20px;}
	.mainContent { margin-top: 0px;}
	.mainNavbar .banner-middle form { width: 100%;}
	.mainNavbar .banner-middle p.dateRight { text-align: center;}
}
.mainContent .home h3 {
	color: white;
	font-size: 35px;
}
.mainContent .home .rightGradient {
	width: 100%;
	background: linear-gradient(to left, rgba(0,0,0,0.4), transparent);
	min-height: 10px;
	padding: 20px;
	margin-bottom: 50px;
}
@media (max-width: 770px) {
	
}
.mainContent .home .rightGradient img.greeting-image { width: 100%; height: 120px;}
.mainContent .home .rightGradient .greeting-title { color: white; font-size: 16px;border-bottom: 1px solid white; padding-bottom: 4px;}
.mainContent .home .rightGradient .greeting-content a { color: white; }
.mainContent .home .rightGradient .greeting-content a:hover { 
	color: #14D0DC;
	text-decoration: none;
}
.mainContent .home .rightGradient-nopadding {
	width: 100%;
	background: linear-gradient(to left, rgba(0,0,0,0.4), transparent);
	min-height: 10px;
	padding: 20px 0px;
	margin-bottom: 50px;
}
.mainContent .home .rightGradient ul.nav-tabs {}
.mainContent .home .rightGradient ul.nav-tabs li a { color : white ;}
.mainContent .home .rightGradient ul.nav-tabs li.active a { 
	color : white ;
	background-color: transparent;
	border-radius: 0px;
	border-top: 2px solid white;
	border-left: 2px solid white;
	border-right: 2px solid white;
}
.mainContent .home .rightGradient ul.nav-tabs li:hover a { color : #16B10A ; border-radius: 0px;}
.mainContent .home .rightGradient ul.nav-tabs li.active:hover a { color : white ;}
.mainContent .home .rightGradient .tab-content .tab-pane { padding: 10px 0px; color: white;}
.mainContent .home .rightGradient .tab-content .tab-pane img.img-tab-news { width: 100%;height: 100px;}
/* TAB NEWS */
.mainContent .home .rightGradient .tab-content .tab-pane .tabsNews { border-bottom: 1px dotted white;margin-bottom: 10px; }
.mainContent .home .rightGradient .tab-content .tab-pane .tabsNews a.title { color: white; font-size: 20px; }
.mainContent .home .rightGradient .tab-content .tab-pane .tabsNews a.title:hover { color: #14D0DC; text-decoration: none; }
.mainContent .home .rightGradient .tab-content .tab-pane .tabsNews p.published { font-size: 12px;margin-top: 10px; }
.mainContent .home .rightGradient img {
	width: 100%;
}
.mainContent .home .rightGradient legend { color: white;font-size: 30px;}
.mainContent .home .rightGradient .template { width: 100%;height:300px;background-color: grey;}
.mainContent .home h3.event { border-bottom: 2px solid white;padding-bottom: 4px; }
.mainContent .home .panel-group .panel { background-color: transparent; border-radius: 0px;}
.mainContent .home .panel-group .panel .panel-heading { background-color: transparent;}
.mainContent .home .panel-group .panel .panel-heading:hover { background: linear-gradient(to left, rgba(0,0,0,0.4), transparent); border-radius: 0px;}
.mainContent .home .panel-group .panel .panel-heading h4 { color: white; font-size: 24px;border-bottom: 1px solid white;padding-bottom: 4px; }
.mainContent .home .panel-group .panel .panel-heading h4 a:hover { text-decoration: none; }
.mainContent .home .panel-group .panel .panel-collapse .panel-body {
	border:none;
	color: white;
	background: linear-gradient(to left, rgba(0,0,0,0.4), transparent);
}
.mainContent .home .panel-group .panel .panel-collapse .panel-body img { width: 100%; height: 150px;}
.mainContent .home .panel-group .panel .panel-collapse .panel-body a.read-more { color:white;}
.mainContent .home .panel-group .panel .panel-collapse .panel-body a.read-more:hover { color:#14D0DC;text-decoration: none;}

/* BOX NEWS HOME */
.mainContent .home .boxNews { width: 100%; border-bottom: 2px solid white;padding-bottom: 20px; margin-bottom: 10px; }
.mainContent .home .boxNews a.title { 
	color: white;
	font-size: 22px;
}
.mainContent .home .boxNews a.title:hover { 
	color: #14D0DC;
	text-decoration: none;
}
.mainContent .home .boxNews p.published { 
	color: white;
	font-size: 12px;
}
.mainContent .home .boxNews img { width: 100%; height:100%;}
.mainContent .home .boxNews .content { 
	padding: 10px 0px;
	color: white;
}
.mainContent .home .boxNews .content a { color: white; }
.mainContent .home .boxNews .content a:hover { color:#14D0DC;text-decoration: none; }
/* BOX OTHER NEWS */
.mainContent .home .boxOtherNews { border-bottom: 2px solid white; padding-bottom: 20px;}
.mainContent .home .boxOtherNews a.title {
	color: white; font-size: 15px; margin-bottom: 5px;
}
.mainContent .home .boxOtherNews a.title:hover { text-decoration: none; color: #14D0DC}
.mainContent .home .boxOtherNews img { width: 100%;height: 150px; }
.mainContent .home .boxOtherNews p.published { 
	color: white;
	font-size: 12px;
}
.mainContent .home .boxOtherNews p.content { 
	color: white;margin-top: 10px;
}
.mainContent .home .boxOtherNews p.content a { color: white; }
.mainContent .home .boxOtherNews p.content a:hover { color:#14D0DC;text-decoration: none; }

/* Tools */
.mainContent .tools {
	width: 100%; min-height: 50px;margin-bottom: 20px;
}
.mainContent .tools .tools-title {
	width: 100%;
	min-height:30px;
	text-align: center;
	background: linear-gradient(to left, rgba(0,0,0,0.4), transparent);
	color: white;
	padding: 10px 0px;
	font-size: 27px;
}
.mainContent .tools .tools-content {
	width: 100%;
	margin-top: 20px;
	min-height: 30px;
}
.mainContent .tools .tools-content img { width: 100%;height: 170px;}
.mainContent .tools .tools-content.link-website {
	padding: 50px 20px;
	background-color: white;
}

/* MAIN FOOTER */
.mainFooter {
	width: 89.5%;
	min-height: 300px;
	background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);
	margin-bottom: 20px;
	border-radius: 6px;
	margin-right: auto;
	margin-left: auto;
}
.mainFooter .rightGradient-footer {
	width: 100%;
	min-height: 100px;
	padding: 20px 10px;
	color: white;
}
.mainFooter .rightGradient-footer p { color: white; }
.mainFooter .rightGradient-footer p.title {
	font-size: 30px;
	color: white;
	border-bottom: 1px solid white;
	padding-bottom: 4px;
}
.mainFooter .rightGradient-footer p.socmed { text-align: center;margin-top: 50px;}
.mainFooter .rightGradient-footer p.socmed a { color: white; padding-right: 10px}
.mainFooter .rightGradient-footer p.socmed a:hover { color: #14D0DC;}
/* COPYRIGHT */
.mainFooter .copyright {
	border-top: 1px solid white;
	width: 100%;
	min-height: 50px;
	padding: 10px 40px;
	color: white;
}
@media (max-width: 1020px) {
	.mainFooter { width: 96%;padding:0px 20px;}
}

/* BLOG PAGE */
.mainContent .blog-page {
	width: 100%;
	min-height: 100px;
	box-shadow: 0px 1px 1px 0px black;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.mainContent .blog-page img { width: 100%; height: 100%;}
.mainContent .blog-page .header { padding:10px ; }
.mainContent .blog-page .header span { color: white; }
.mainContent .blog-page .header a { 
	color: white;
	font-size: 25px;
}
.mainContent .blog-page .header a:hover { text-decoration: none; color: #14D0DC; }
.mainContent .blog-page span.published { font-size: 12px;}
.mainContent .blog-page .body { padding:10px; }
.mainContent .blog-page .body p { color: white; }
.mainContent .btn-readmore {
	border-radius: 0px;
	border:1px solid #14D0DC;
	color: white;
}
.mainContent .btn-readmore:hover {
	background-color:#14D0DC;
	color: white;
}
.mainContent .btn-pagination {
	border-radius: 0px;
	border:1px solid #14D0DC;
	background-color:#14D0DC;
	color: white;
}
.mainContent .btn-pagination:hover {
	border:1px solid #14D0DC;
	background-color:transparent;
	color: white;
}
@media (max-width: 770px) {

}

/* PROFILE */
.mainContent .box-profile {
	width: 100%;
	min-height: 100px;
	padding-left: 20px;
	margin-bottom: 20px;
}
.mainContent .box-profile h3.title {
	color: white;
	border-bottom: 3px solid white;
	width: 35%;
	padding-bottom: 4px;
	text-align: center;
	margin: 0px auto;
}
.mainContent .box-profile p {
	margin-top: 20px;
	color: white;
}
.mainContent .box-profile ul { margin-top: 20px; }
.mainContent .box-profile ul li { color: white;}
.mainContent .box-profile img.img-gallery {
	width: 100%;
	height: 200px;
	margin-top: 20px;
	border-radius: 6px;
}
@media (max-width: 700px) {
	.mainContent .box-profile h3.title { width: 80%;}
}