body{
	*background: #ededed url(../images/polygon.png) scroll no-repeat  center top ;
	background: #ededed url(../images/polygon.png);
	*background-size: 100%;
	font-family: 'open_sansregular', sans-serif;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
}
header{
	position: relative;
	width: 1200px;
	margin: auto;
}
	header h1{
		margin-top: 0px;
		margin-bottom: 0px;
	}
		header h1 a{
			display: block;
			height: 140px;
			*height: 200px;
			*text-indent: -9999px;
		}
	header .socialMedia{
		position: absolute;
		right: 260px;
		top: 40px;
	}
	.logo {
		margin-top:50px;
		*margin-left:120px;
	
	}
		header .socialMedia a {
			display: block;
			float: left;
			width: 50px;
			height: 50px;
			margin-right: 10px;
			background-color: rgba(0,0,0,0.3);
			background-attachment: scroll;
			background-repeat: no-repeat;
			background-position: left top;
			text-indent: -9999px;
			transition: background-color .2s;
		}
			header .socialMedia a.facebooklink{
				background-image: url(../images/icon_facebook.png);
			}
				header .socialMedia a.facebooklink:hover{
					background-color: #5d82d1;
				}
			header .socialMedia a.twitterlink{
				background-image: url(../images/icon_twitter.png);
			}
				header .socialMedia a.twitterlink:hover{
					background-color: #40bff5;
				}
			header .socialMedia a.youtubelink{
				background-image: url(../images/icon_youtube.png);
			}
				header .socialMedia a.youtubelink:hover{
					background-color: #ef4e41;
				}
			header .socialMedia a.instagramlink{
				background-image: url(../images/icon_instagram.png);
			}
				header .socialMedia a.instagramlink:hover{
					background-color: #548bb6;
				}
	header .search{
		position: absolute;
		width: 260px;
		right: 0px;
		top: 40px;
		height: 50px;
		background-color: rgba(0,0,0,0.3);
	}
		header .search input{
			border: none;
			background-color: transparent;
			font-size: 18px;
			font-weight: bold;
			color: #fff;
			margin: 10px;
		}
			header .search input[type=text]{}
			header .search input[type=submit]{
				position: absolute;
				right: 0px;
				top: 0px;
				margin: 0px;
				width: 50px;
				height: 50px;
				text-indent: -9999px;
				background: transparent url(../images/icon_search.png) scroll no-repeat left top;
			}
			header .search input:focus{
				border: none;
				box-shadow: none;
				webkit-box-shadow: none;
				outline: none;
			}
	header .nav.menu{
		width: 100%;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		height: 50px;
		background-color: #3f9a10;
	}
		header .nav.menu > div{
		background-color: #3f9a10;
			padding: 0 0 0 0;
			height: 50px;
			border-right: 1px solid rgba(0,0,0,.25);
		}
			header .nav.menu > div:hover{
				background-color: rgba(0,0,0.15);
			}
				header .nav.menu > div:hover > ul{
					display: block;
				}
			header .nav.menu > div > ul{
				min-width:300px;
				font-size: 18px;
				font-weight: normal;
				border-bottom: 1px solid rgba(0,0,0,.25);
				min-height:50px;
				background-color: rgba(255,255,255,.97);
				padding: 10px 30px 30px 30px;
				box-shadow: 5px 5px 15px rgba(0,0,0,.35);
				webkit-box-shadow: 5px 5px 15px rgba(0,0,0,.35);
				border-radius: 0px;
				margin-top: 0px;
			}
			header .nav.menu .dropdown-menu > li > a { 
				padding: 15px 0px; 
				border-bottom: 1px solid #ccc; 
			}
			header .nav.menu > div.first{
				border-top-left-radius: 5px;
			}
			header .nav.menu > div.last{
				border-top-right-radius: 5px;
			}
				header .nav.menu > div.last > ul {
					right: 0px;
					left: auto;
				}

			header .nav.menu > div > a{
				color: white;
			}

				header .nav.menu div a:hover
				, header .nav.menu div a:active
				, header .nav.menu div a:focus{
					text-decoration: none;
				}
				header .nav.menu div a .inner{
					display: block;
					margin: auto;
					padding: 12px 15px 0px 45px;
					height: 50px;
					font-size: 18px;
					*font-weight: bold;
					text-align: center;
					background: transparent url() scroll no-repeat 50px 5px;
					transition: background-color .2s;
					background-position: 15px 15px;
				}
				header .nav.menu div .inner:hover { background-color: rgba(0,0,0,.1); } 
					header .nav.menu div a.home .inner{
						background-image: url(../images/icon_nav_home.png); 
					}
					header .nav.menu div a.contact .inner{
						background-image: url(../images/icon_nav_contact.png); 
					}
					header .nav.menu div a.about .inner{
						background-image: url(../images/icon_nav_about.png); 
					}
					header .nav.menu div a.services .inner{
						background-image: url(../images/icon_nav_services.png); 
					}
					header .nav.menu div a.issues .inner{
						background-image: url(../images/icon_nav_issues.png); 
					}
					header .nav.menu div a.news .inner{
						background-image: url(../images/icon_nav_news.png); 
					}
					header .nav.menu div a.regulasi .inner{
						background-image: url(../images/icon_nav_contact.png); 
					}
					header .nav.menu div a.program .inner{
						background-image: url(../images/icon_nav_contact.png); 
					}
					header .nav.menu div a.pengumuman .inner{
						background-image: url(../images/icon_nav_contact.png); 
					}
					header .nav.menu div a.galeri .inner{
						background-image: url(../images/icon_nav_contact.png); 
					}
					header .nav.menu div a.informasi .inner{
						background-image: url(../images/icon_nav_contact.png); 
					}
header .col-lg-2 {
    width: auto;
}
.contentWrapper{
	width: 1200px;
	margin: auto;
}
.headarsip {
	background:#3f9a10;
	border-top: 1px solid #A6A6A6;
	padding:20px;
	
}
	#content{
		overflow: auto;
		background-color: white;
		box-shadow: 0 0 0 1px rgba(0,0,0,.25);
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.others #content {
	border-top: 5px solid #3f9a10;
	*background: white url(../images/bg_newsletter_top_pattern.png) scroll repeat-x left top;
}
		#content > .header > h1{
			margin-top: 0px;
			margin-bottom: 0px;
			text-transform: uppercase;
			padding: 30px;
			padding-top: 15px;
			padding-bottom: 15px;
			font-size: 30px;
			font-weight: bold;
			background-color: #262626;
		}
			#content > .header > h1 > a{
				color: #fff;
			}
				#content > .header > h1 > a:hover{
					text-decoration: none;
				}
		#content .header .nav{
			background-color: #EDEDED;
			padding: 10px;
			*padding-top: 15px;
			*padding-bottom: 15px;
			*height: 40px;
			*font-style: italic;
			border-bottom: 1px solid #a6a6a6;
			position: relative;
		}
			#content .header .nav a{
				font-weight:700;
				color: #404040;
			}
				#content .header .nav a:hover{
					color: #c80000;
				}
			#content .header .nav .print{
				position: absolute;
				top: 10px;
				right: 20px;
				display: block;
				height: 20px;
				width: 20px;
				text-indent: -9999px;
				background: transparent url(../images/icon_print.png) scroll no-repeat left top;
			}
		#copy{
			padding: 30px;
			width: 900px;
			min-height: 700px;
			float: left;
			box-shadow: 0 0 0 1px rgba(0,0,0,.25);
		}
			#copy .header{
				position: relative;
			}
				#copy .header .title{
					margin-top: 0px;
				}
					#copy .header .title a{
						font-size: 30px;
						font-weight: bold;
						color: #3f9a10;
					}
						#copy .header .title a:hover{
							color: #c80000;
							text-decoration: none;
						}
				#copy .header .byline-and-date{
					font-size: 18px;
					font-weight: bold;
					color: #262626;
					padding-bottom: 10px;
					border-bottom: dashed 1px rgba(0,0,0,.25);
				}
					#copy .header .byline-and-date .day{}
						#copy .header .byline-and-date .day:after{
							content: ","
						}
				#copy .header .post-share{
					position: absolute;
					bottom: 5px;
					right: 0px;
				}
			#copy .context-image{
				float: left;
				margin-right: 20px;
				margin-bottom: 5px;
			}
			#copy .header h2{
				font-size: 30px;
				font-weight: bold;
				color: #3f9a10;
				border-bottom: solid 1px rgba(0,0,0,.25);
				padding-bottom: 10px;
			}
			#copy .header h2.subtitle{
				font-size: 24px;
				font-weight: bold;
				color: #333;
				border-bottom: solid 1px rgba(0,0,0,.25);
				padding-bottom: 10px;
			}
		#sidebar{
			float: left;
			padding: 30px;
			width: 300px;
		}
			#sidebar .header{}
				#sidebar .header h1{
					margin-top: 0px;
					padding-bottom: 10px;
					*text-transform: uppercase;
					font-size: 24px;
					*font-weight: bold;
					border-bottom: solid 1px rgba(0,0,0,.25);
				}
			#sidebar .header h1 {
				color:#3f9a10;
			}
			.aside .section {
				margin-bottom:30px;
			}
			#sidebar .section{}
				#sidebar .section .nav{}
					#sidebar .section .nav ul{
						list-style: none;
						padding-left: 0px;
					}
						#sidebar .section .nav ul li{
							border-bottom: dashed 1px rgba(0,0,0,.25);
							padding-top: 5px;
							padding-bottom: 5px;
							font-size: 17px;
						}
							#sidebar .section .nav ul li a{
								color: #262626;
							}
 
	 

.permalink{
	margin-bottom: 0px;
}
ul.well li{
	margin-left: 10px;
}
.navbar select{
	padding: 9px;
	border-radius: 5px;
}
.navbar .btn{
	position: relative;
	top: -2px;
	padding: 7px 12px;
}
.recordsContainer
, .element_links ul
, ul.files
, .element_forms form{
	background-color: #f5f5f5;
	padding-left: 0px;
	border-radius: 10px;
}
.recordsContainer
, .element_forms form{
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.table>thead>tr>th{
	border-color: black;
}
.table>tbody>tr>td{
	border-top-style: dashed;
}
.recordListDate {
	font-weight: bold;
}
.element_links ul{
	list-style:none;
	overflow: auto;
}
	.element_links ul li {
		padding: 15px;
		overflow: auto;
		border-top: solid 1px rgba(0,0,0,.25);
	}
		.element_links ul li.first{
			border-top: none;
		}
		.element_links ul li:before{
			content: '';
			background: transparent url(../images/icon_link_group.png) scroll no-repeat center center;
			display: block;
			float: left;
			height: 20px;
			width: 40px;
		}
		.element_links ul li a{
			float: left;
			color: black;
		}
		.element_links ul li .content{
			float: left;
		}
			.element_links ul li .content:after{
				content: '-';
				display: block;
				float: left;
				width: 15px;
				text-align: center;
			}

.element_files ul{
	list-style:none;
	overflow: auto;
}
	.element_files ul li {
		padding: 15px;
		overflow: auto;
		border-top: solid 1px rgba(0,0,0,.25);
	}
		.element_files ul li.first{
			border-top: none;
		}
		.element_files ul li:before{
			content: '';
			background: transparent url(../images/icon_file_group.png) scroll no-repeat center center;
			display: block;
			float: left;
			height: 20px;
			width: 40px;
		}
		.element_files ul li a{
			float: left;
			color: black;
		}
		.element_files ul li .content{
			float: left;
		}
			.element_files ul li .content:after{
				content: '-';
				display: block;
				float: left;
				width: 15px;
				text-align: center;
			}

.element_textblocks .article{
	overflow: auto;
}
	.element_textblocks .article .textblock_image{
		float: left;
		margin-right: 2%;
		width: 30%;
		height: auto;
	}
	.element_textblocks .article .header{
		border-bottom: dashed 1px black;
		*margin-bottom: 5px;
	}
		.element_textblocks .article.hasImage .header{
			width: 68%;
			float: left;
		}
		.element_textblocks .article .header h3{
			margin-top: 0px;
		}
	.element_textblocks .article .textblock_link{
		margin-bottom: 10px;
		float: left;
	}

.form .title{
	font-size: 30px;
	font-weight: bold;
	color: #3f9a10;
	border-bottom: solid 1px rgba(0,0,0,.25);
	padding-bottom: 10px;
}
	.form .controls input.textInput
	, .form .controls textarea{
		width: 100%;
	}
	.form .controls textarea{
		min-height: 150px;
	}
	.form .controls select.selectInput{
		min-width: 33%;
	}
	.form .btn{
		margin-top: 5px;
	}

img {
	height: auto;
}

.span12{
	clear: both;
}

header .menu.mobile{
	display: none;
}



.article.hasImage .content {
	margin-left: 32%;
}

.article.hasImage .content p
,.article.hasImage .content div{
	
}

.article.hasImage .readmore{
	float: right;
    clear: both;
}



/**** s: custom ****/ 
.content-info-short {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.content-info-short {
    position: relative;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}
 
.allberita .content-info-short .thumb-img {
    width: 30%;
} 
.content-info-short .thumb-img {
    display: block;
    line-height: 0;
    float: left;
    width: 51.68141592920354%;
    /* margin-right: 3.008849557522124%; */
}
.thumb-news1 {
    width: 100%;
    height: 140px;
    background: center;
    background-size: cover;
    text-indent: -9999px;
}
.content-info-short .thumb-img img {
    width: 100%;
}
 
.content-info-short .wrap-short-detail {
    padding-bottom: 10px;
    float: right;
    width: 67%;
}
.content-info-short .acticle-title {
    margin-bottom: 5px;
    font-size: 1.38em;
    line-height: 1.4em;
}
.rs {
    margin: 0;
    padding: 0;
}
.content-info-short .acticle-title a {
    font-family: 'open_sansbold',Arial, Helvetica, sans-serif;
    *font-weight: 700;
    color: #000;
}
.content-info-short .tiny-desc {
    color: #666;
    font-size: 13px;
    padding-bottom: 5px;
}
a.fc-gray, .fc-gray {
    color: #666;
}
.cam-primary-cta:link, .cam-primary-cta:visited {
    color: #f8f8f8;
    background: #3f9a10 url(../images/bg-primary-cta-arrow.png) 100% 50% no-repeat;
    border: 0;
}
.cam-primary-cta {
    display: inline-block;
    background: #ce6f03 url(../images/bg-primary-cta-arrow.png) 100% 50% no-repeat;
    color: #fff;
    margin-top: 15px;
    padding: 4px 45px 5px 10px;
    border: 0;
    font-size: 14px;
    line-height: 20px;
    text-shadow: none;
}

/** other **/
.itemevent {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
.event .date {
    background: #382e77;
    width: 71px;
    height: 71px;
    margin-right: 19px;
    text-align: center;
    color: #fff;
}
.alignleft {
    float: left;
}

.event .date span {
    display: block;
    font-size: 36px;
    line-height: 32px;
    padding-top: 15px;
    font-family: 'RobotoBold';
}

.others .sml-thumb .content-info-short .wrap-short-detail {
    padding: 8px 0 5px 0;
}
.sml-thumb .content-info-short .wrap-short-detail {
    float: none;
    width: auto;
    padding: 5px;
    padding-bottom: 0;
}

.sml-thumb .content-info-short .acticle-title {
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 140%;
}

.content-info-short .acticle-title a {
    *font-family: 'franklingothicurwbooregular',Arial, Helvetica, sans-serif;
    *font-weight: 700;
	color: #000;
}
.content-info-short .project-location {
    color: #666;
    padding-bottom: 6px;
}

.sml-thumb .project-location .iLocation {
    vertical-align: -2px;
    margin-right: 3px;
}
.icon {
    background: transparent url("../images/icon.png?v=0.1121989") no-repeat;
    border: none;
    display: inline-block;
}
.iLocation {
    width: 09px;
    height: 13px;
    background-position: -56px -16px;
}

.sml-thumb .content-info-short .title-description {
    padding-bottom: 10px;
}


.btn {
margin-bottom:15px;
    *border: 1px solid #b6b6b6;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff; 
    padding: 5px 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 0 2px rgba(255,255,255,0.1) inset, 0 1px 2px rgba(255,255,255,0.2) inset;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 0 2px rgba(255,255,255,0.1) inset, 0 1px 2px rgba(255,255,255,0.2) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 0 2px rgba(255,255,255,0.1) inset, 0 1px 2px rgba(255,255,255,0.2) inset;
    display: inline-block;
}
a.btn-red:hover, a.btn-green:hover {
     
    color: #FFF; 
}

.btn.bigger {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.077em;
    padding: 14px 18px;
    margin: 5px 2px;
}
.btn-red {
    border: 1px solid #b53b2c;
    color: #FFF;
    background: #ec5843;
    background: -moz-linear-gradient(top, #ec5843 0%, #e84837 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec5843), color-stop(100%,#e84837));
    background: -webkit-linear-gradient(top, #ec5843 0%,#e84837 100%);
    background: -o-linear-gradient(top, #ec5843 0%,#e84837 100%);
    background: -ms-linear-gradient(top, #ec5843 0%,#e84837 100%);
    background: linear-gradient(top, #ec5843 0%,#e84837 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec5843', endColorstr='#e84837',GradientType=0 );
}
.btn-green {
    border: 1px solid #b53b2c;
    color: #FFF;
    padding: 10px 20px;
    text-transform: uppercase;
    font-family: 'open_sansregular',Arial, Helvetica, sans-serif;
    font-weight: 700;
    background: #5bb327;
    background: -moz-linear-gradient(top, #5bb327 0%, #4ba220 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bb327), color-stop(100%,#4ba220));
    background: -webkit-linear-gradient(top, #5bb327 0%,#4ba220 100%);
    background: -o-linear-gradient(top, #5bb327 0%,#4ba220 100%);
    background: -ms-linear-gradient(top, #5bb327 0%,#4ba220 100%);
    background: linear-gradient(top, #5bb327 0%,#4ba220 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bb327', endColorstr='#4ba220',GradientType=0 );
}

.listdata {
    list-style: none;
    padding: 0;
}
.contentpengumuman ul li {
    clear: both;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
 
.leftt {
    float: left;
}
.date-p {
    background: #000;
    height: 50px;
    width: 32%;
}
.tanggal-p {
    background: #ce6d04;
    color: #fff;
    width: 40px;
    height: 50px;
    font-size: 22px;
    text-align: center;
    padding-top: 15px;
    *font-family: 'franklingothicurwbooregular',Arial, Helvetica, sans-serif;
}
.bulan-p, .tahun-p {
    text-align: center;
    line-height: 150%;
}
.itime {
    width: 17px;
    height: 17px;
    background-position: -16px 1px;
}
.cputih {
    color: #fff;
} 
.tahun-p {
    font-size: 18px;
     
}
.rightt {
    float: right;
}
.item-p {
    width: 63%;
    margin-left: 15px;
}
 
.judullain {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 10px;
}
.judullain a {
	color:#000;
}
.contentpengumuman ul li a {
    *font-family: 'franklingothicurwbooregular',Arial, Helvetica, sans-serif;
    color: #000;
    *font-weight: 600;
    font-size: 14px;
    line-height: 140%;
}

/*** ****/


/* 10.	Footer
--------------------------------------------------------------------------------*/
#footer{
	*border-top: 1px solid #d4d4d4;
    *background: #000;
    padding: 35px 0 0 0;
	color:#000;
}
#footer .main-footer .sm-col-3{
    margin-bottom: 36px;
}

#footer .title{
	color:#000;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 12px;
	    border-bottom: 2px solid #3f9a10;
    margin-bottom: 10px;
}
#footer .description{
    padding-bottom: 10px;
    line-height: 1.6em;

}
#footer .about-us .email{
    padding: 0 0 5px 0;
}
#footer .lst-tweets > ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer .lst-tweets > ul li{
    padding-top: 15px;
}
#footer .lst-tweets > ul li:first-child{
    padding-top: 0 ;
}
#footer .lst-tweets > ul a{
    color: #333;
}
#footer .lst-tweets > ul a:hover{
    border-bottom: 1px dotted #ea503d;
}
#footer .lst-tweets > ul .timestamp{
    font-style: italic;
    color: #333;
}
#footer .form-email .txt{
    margin-bottom: 10px;
}
#footer .footer-menu > ul{
    float: right;
    width: 100px;
}
#footer .footer-menu > ul:first-child{
    float: left;
    width: 100%;
}
#footer .footer-menu > ul li{
    padding: 2px 0;
}
#footer .footer-menu > ul li:first-child{
    padding-top: 0;
}
#footer .copyright{ 
    *background: #efefef; 
    border-top: 1px solid #ccc;
   * -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.1) inset;
    *-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.1) inset;
}

#footer .copyright a {
	color:#333;
}

#footer .copyright > .container_12 > .grid_12{
    position: relative;
    padding: 23px 0;
}
#footer .logo-footer{
    position: absolute;
    top: 22px;
    left: 0;
}
#footer .term-privacy{
    position: absolute;
    top: 22px;
    right: 0;
}
#footer .term-privacy .sep{
    color: #aeaeae;
    margin: 3px;
   * font-family:  'open_sansregular',Arial, Helvetica, sans-serif;
	font-weight: 700;
}

#footer .footer-menu a{
    color: #333; 
}
 a.fc-gray-dark, .fc-gray-dark {
    color: #000;
}
.ta-c {
    text-align: center;
}

.social {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    list-style: none;
}

.social > li {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    padding-left: 10px;
    position: relative;
    text-transform: uppercase;
}


#footer .footer-menu > ul:first-child {
    float: left;
    width: 100%;
}
ul.rs, ol.rs {
    list-style: none;
}
#footer .footer-menu > ul {
    float: right;
    width: 100px;
}
#footer .footer-menu > ul li {
    padding: 2px 0;
}
 
a.fc-orange, .fc-orange, .be-fc-orange:hover {
    color: #ce6f03;
}




/** e: custom**/


@media(max-width: 1199px){
	.logo {
		margin-top:20px;
		margin-left:20px;
		margin-right:20px;
	
	}
	
	.span4.col-sm-4 .section .header {
	display:inherit;
}
	.nav.full-size{
		display: none;
	}
	body{
		background: #ededed url(../images/bg2.jpg) scroll no-repeat -100px top;
		background-size: 120%;
		*background: #ededed url(../images/bg2.jpg) scroll no-repeat -400px top;
	}
	/*
	#copy{
		float: none;
		width: auto;
	}
	#sidebar{
		float: none;
		width: auto;
	}
	*/
	#copy{
		*float: none;
		width: 65%;
	}
	#sidebar{
		*float: none;
		width: 35%;
	}
	header{
		width: 100%;
	}
		header h1 a{
			padding-bottom: 10%;
			height: auto;
		}
		header .socialMedia
		, header .search{
			display: none;
		}
		header .menu.mobile{
			display: block;
			background-color: #3f9a10;
			border-top-left-radius: 0px;
			height: 60px;
		}
		header .menu.mobile:hover {
  			background-color: #337ab7;
		}
		header .menu.mobile a {
    		text-decoration: none;
    	}
			header .menu.mobile #mobileMenu{
				display: block;
				position: absolute;
				z-index: 10;
				left: 20px;
				bottom: 15px;
				font-size: 21px;
    			font-weight: 600;
    			color: #fff;
    			text-transform: uppercase;
    			padding-left: 40px;
				background: transparent url(../images/icon_menu.png) scroll no-repeat left top;
				background-size: contain;
				height: 30px;
				width: 30px;
			}
			header .menu.mobile .socialMedia{
				display: block;
				right: 0px;
				bottom: 0px;
				top: auto;
				height: 60px;
			}
				header .menu.mobile .socialMedia a{
					background-color: transparent;
					height: 60px;
					width: 60px;
					background-size: contain;
					border-left: solid 1px  rgba(0,0,0,.25);
					margin-right: 0px;
				}
					header .socialMedia a.facebooklink{
						background-image: url(../images/icon_facebook.png);
					}
						header .socialMedia a.facebooklink:hover{
							background-color: #5d82d1;
						}
					header .socialMedia a.twitterlink{
						background-image: url(../images/icon_twitter.png);
					}
						header .socialMedia a.twitterlink:hover{
							background-color: #40bff5;
						}
					header .socialMedia a.youtubelink{
						background-image: url(../images/icon_youtube.png);
					}
						header .socialMedia a.youtubelink:hover{
							background-color: #ef4e41;
						}
					header .socialMedia a.instagramlink{
						background-image: url(../images/icon_instagram.png);
					}
						header .socialMedia a.instagramlink:hover{
							background-color: #548bb6;
						}
			header .menu.mobile .menuInner{
				display: none;
				position: absolute;
				background-color: #262626;
				top: 100%;
				z-index: 20;
				overflow: visible;
				width: 100%;
				height: auto;
				padding: 10px;
			}
				header .nav.menu.mobile .menuInner div a .inner{
					text-align: left;
					padding-left: 30px;
					font-size: 20px;
					font-weight: bold;
					border-bottom: 1px solid rgba(255,255,255,.3);
					color: #fff;
				}
				header .nav.menu.mobile .menuInner div a .inner{
					background-position: left center;
				}
					 
				header .nav.menu.mobile .menuInner .search{
					display: block;
					position: relative;
					top: auto;
					right: auto;
					background-color: rgba(255,255,255,.2);
					height: 50px;
					width: 100%;
					margin-bottom: 10px;
					margin-top: 20px;
				}
	 
	.contentWrapper{
		width: 100%;
	}
}
@media(max-width: 830px){
	.logo {
		margin-top:20px;
		margin-left:20px;
		margin-right:20px;
	
	}
.span4.col-sm-4 .section .header {
	display:none;
}
	body{
		background: #ededed url(../images/bg2.jpg) scroll no-repeat -200px top;
		background-size: 200%;
		*background: #ededed url(../images/bg2.jpg) scroll no-repeat -400px top;
	}
}
@media(max-width: 830px){
 
	.date-p { 
    width: 100%;
	margin-bottom:5px;
}
.item-p {
    width: 100%; 
}
	#footer .col-sm-3 {
		margin-bottom:20px;
	}
}
@media(max-width: 700px){
 
	.date-p { 
    width: 100%;
	margin-bottom:5px;
}
.item-p {
    width: 100%; 
}
#copy{
		float: none;
		width: auto;
	}
	#sidebar{
		float: none;
		width: auto;
	}
	#footer .col-sm-3 {
		margin-bottom:20px;
	}
}

@media(min-width: 520px){
	header h1 a{
		*height: 170px;
	}
	 .col-sm-4 {
    width: 33.33333333%;
	float:left;
} 
}



@media(max-width: 519px){
body{
		background: #ededed url(../images/bg2.jpg) scroll no-repeat -200px top;
		background-size: 300%; 
	}
	.span4.col-sm-4 .section .header {
	display:block;
} 
}

@media(max-width: 500px){
.content-info-short .thumb-img {
    width: 100%; 
	margin-bottom:10px;
}
.content-info-short .wrap-short-detail { 
    width: 100%;
}
.allberita .content-info-short .thumb-img {
    width: 100%;
}

}


}
@media(min-width: 460px){
	header h1 a{
		padding-bottom: 5%;
	}
}
@media(max-width: 399px){
	header .menu.mobile #mobileMenu{
		text-indent: -9999px;
		}
				 .col-sm-4 {
    width: 100%;
	float:inherit;
}
}

.left {
	float:left;
}
.right {
	float:right;
}
.butt {
	padding: 10px;
    margin: 10px 0 20px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
	background: #1B3682;
	float:left;
	border-radius:8px;
	*width:100px;
}
a .butt:hover{ 
	background: #F8C300; 
	color:#000;
}