@font-face {

	font-family:'roboto';

	src:url('fonts/roboto.html') format('woff');

	font-weight:normal;

	font-style:normal;

}

@font-face {

	font-family:'politici';

	src:url('fonts/politici.html') format('woff');

	font-weight:normal;

	font-style:normal;

}

* {

	margin:0;

	padding:0;

	box-sizing:border-box;

}



.clear {

	clear:both;

}



.color1 {

	color:#f75f00;

}



.color2 {

	color:#332116;

}





body {	

  	background:url(../images/background.jpg) fixed;

	background-size:cover;

	font:15px roboto;

	color:#CCC;

}



h1{font-size:26px;padding: 5px;line-height: 30px;}

h2{font-size:20px;line-height: 30px;}

h3{font-size:19px;line-height: 30px;}

h4{margin-top:5px;padding: 5px;}



p {

	text-align:justify;

}

a{color: #36B0CB;text-decoration:none;}



#wrapper {

	width:910px;

	padding:0px;

	overflow:hidden;

	margin: 25px;

	border: 5px solid #fff;

}



#top-header {

	padding:15px 10px;

	width:100%;

	background:linear-gradient(#383838, #141A1A);

	float:left;

}

#logo a {

	text-decoration:none;

	color:#fff;

}





#logo {

	width:300px;

	margin:auto;

	font-weight:normal;

	padding:15px 0;

	letter-spacing:2px;

	color:#fff;

	font:50px politici;

	font-weight:bold;

	line-height:36px;

}





#logo span {

	font:18px roboto;

	text-transform:uppercase;

	float:right;

	text-shadow:none;

	color:#fff;

}



#call-me {

	float:right;

	margin: 5px;

	height: 40px;

	text-align:right;

	font-weight:bold;

	text-transform:uppercase;

	color:#fff;

	background: rgb(139, 11, 0);

	font-size:19px;

	border-radius: 20px;

	padding:10px;

	line-height:20px;

}



#banner {

	width:100%;

	height: 275px;

	float:left;

}

#banner img{width: 100%;height:100%;}



#navigation {

	width:100%;

	height:50px;

	float:left;

	background:linear-gradient(#383838, #141A1A);

}



#navigation li {

	float:left;

	list-style:none;

}



#navigation li a {

	width:100%;

	font-size:15px;

	font-weight: bold;

	text-transform:uppercase;

	float:left;

	text-align:center;

	padding:0 20px;

	line-height:50px;

	text-decoration:none;

	color:#fff;

}



#navigation li a:hover,

#navigation li a.active {

	color:#f75f00;

	background:linear-gradient(#8C8888, #3F4C4C);

}



.gallery-bar

{

	width:195px;

	text-align:center;

	color:#00000;

	float:left;

	margin:10px;

	text-transform:none;

}



.gallery-bar img {

	width:100%;

	border:2px solid #356E6E;

}



#middle-bar {

	width:100%;

	padding:10px 0 10px 10px;

	float:left;

	background:rgba(0, 0, 0, .75);

}

#middle-bar img {

	border:2px solid rgb(139, 11, 0);

}

#side-right-article{ width:100%; float:left;background:#CCCCCC;}
#side-right-article h4 {border-bottom: 2px solid #FFFFFF;width:100%;margin:0 0 10px 0;font-size:18px;background:#171818;color:#fff;	padding:5px;float:left;}
#side-right-article li{background:#CCCCCC;list-style:none; font-size: 14px;font-weight:bold; color:#666;margin: 2px;padding:3px 10px;}
#side-right-article li a{font-size: 16px; color:#666; text-decoration:none;}
#side-right-article li a:hover{ color:#00CCCC; text-decoration:none;}
/*#side-right-article ul li:hover{background:#042830;color:#FFFFFF;cursor:initial;}*/


#side-right-nav{ width:100%; float:left;}

#side-right-nav li{background:#CCCCCC;list-style:none; font-size: 14px;font-weight:bold; color:#666;margin: 2px;padding:3px 10px;}

#side-right-nav li a{ color:#666; text-decoration:none;}

#side-right-nav li a:hover{ color:#112AF0; text-decoration:underline;}

#side-right-nav ul li:hover{background:#171818;color:#FFFFFF;cursor:initial;}



#side {

	width:30%;

	float:right;

	background:linear-gradient(#383838, #141A1A);

	padding:10px;

}



#side-right-nav h4 {

border-bottom: 2px solid #FFFFFF;

	width:100%;

	margin:0 0 10px 0;

	font-size:16px;

	background:linear-gradient(#8C8888, #3F4C4C);

	color:#fff;

	padding:5px;

	float:left;

}



#middle-barmain {

	width:68%;

	float:left;

}





#middle-barmain li {

	margin:5px 0 5px 15px;

}







#footer {

	width:100%;

	padding:20px 5px;

	background:linear-gradient(#383838, #141A1A);

	float:left;

	font-size:12px;

}



#footer li {

	list-style:none;

	padding:0 10px;

	border-left:solid 1px #fff;

	float:left;

}







#footer a {

	float:left;

	text-transform:none;

	color:#fff;

	text-decoration:none;

}



#footer a:hover {

	text-decoration:underline;

}





#footer p {

	margin-right:5px;

	float:right;

	color:#fff;

}





#footer a {

	float:right;

}





@media only screen and ( max-width: 900px) { 



#wrapper {

	width:90%;

}





#content {

	width:100%;

	height:auto;

}





#sidebar {

	height:auto;

}





#logo {

	font-size:30px;

	text-align:center;

	width:100%;

}





#logo span {

	width:100%;

	font-size:14px;

	text-align:center;

}





#call-me {

	font-size:16px;

	width:100%;

	text-align:center;

	padding:0 5px;

}





#navigation {

	height:auto;

}



#navigation li {

	width:100%;

	border-bottom:1px solid #fff;

}





#navigation li a {

	line-height:50px;

}









#photos ul li {

	padding:0;

	margin:2%;

	border:none;

	width:100%;

}



#photos ul li img {

	width:100%;

	border-radius:5%;

}



#photos ul li:hover {

	border:none;

}







#middle-barmain {

	width:95%;

	float:left;

}







#side {

	width:100%;

}









#footer {

	width:100%;

	text-align:center;

	font-size:14px;

}









#footer a {

	float:none;

}



}