@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Rancho);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500,700);

body{
	margin:0;
	padding:0;
	background:#000;
	color:#FFF;
	font-family: 'Ubuntu', sans-serif;
	}
img{
	border:0;
	}
	
.clear{
	clear:both;
	}	
.wrap{
	
	margin:0 auto;
	}	
#page{
	min-height:590px;
	width:970px;
	margin:0 auto;
	background:url(bg.jpg) no-repeat center top;
	}
#page2{
	background:#FFF;
	
	width:770px;
	padding:15px;
	margin:0 auto;
	margin-top:50px;
	border-radius:10px;
	box-shadow:0px 0px 50px #e5e5e5; 
	margin-bottom:30px;
	position:relative;
	z-index:1px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#FFFFFF));
	background: -webkit-linear-gradient(#FFFFFF, #FFFFFF);
	background: -moz-linear-gradient(#FFFFFF, #FFFFFF);
	background: -ms-linear-gradient(#FFFFFF, #FFFFFF);
	background: -o-linear-gradient(#FFFFFF, #FFFFFF);
	background: linear-gradient(#FFFFFF, #FFFFFF);
	-pie-background: linear-gradient(#FFFFFF, #FFFFFF);
	behavior: url(../../pie/PIE.htc);
}	
#page2 h1{
	color:#000;
	margin-top:0;
	}	
#menu{
	background:url(menubg.jpg) repeat-x;
	font-size:15px;
	height:18px;
	
	padding:10px;
	}	
#menu a{
	margin:10px;
	text-decoration:none;
	color:#FFF;
	}
#menu a:hover{
	text-decoration:underline;
	}
#menu a.active{
	text-decoration:underline;
	}			
#bottommenu{
	position:fixed;
	background:#131313;
	border:1px solid #262626;
	position:fixed;
	bottom:0;
	margin-bottom:0;
	width:978px;
	height:33px;

	}
#bottommenu a{
	text-decoration:none;
	color:#404040;
	font-size:13px;
	margin:5px;
	}	
#bottommenu a:hover{
	text-decoration:none;
	color:#FFF;
	margin:5px;
	}
#bottommenu a.active{
	color:#FFF;
	}	
#block{
	padding:15px;
	font-size:14px;
	line-height:20px;
	margin-top:60px;
	width:325px;
	height:215px;
	background:#000;
	}
#block h1{
	margin-bottom:0px;
	font-size:42px;
	}
	
.black p{
	color:#000;
	}
b.black {
	font-size:18px;
	color:#000;

	}
#solmenu{
	float:left;
	width:200px;
	}		
#solmenu ul{
	margin:0;
	padding:0;
	}
#solmenu ul li{
	border-radius:5px;
	border:1px solid #FFF;
	list-style:none;
	padding:5px;
	background:url(../../img/menu.png);
	}
#solmenu ul li:hover{
	
	background:url(../../img/menuhover.png)
	}
#solmenu ul a  {
	
	font-size:14px;
	text-decoration:none;
	color:#FFF;
	}
#solmenu ul a:hover li{
	
	text-decoration:none;
	color:#000;
	}
#sag{
	color:#000;
	float:right;
	width:530px;
	margin-left:5px;
	}
.bolum{
	border-radius:10px;
	width:140px;
	height:100px;
	background:url(../../img/bolum.png);
	color:#FFF;
	float:left;
	margin:5px;
	padding:10px;
	font-size:12px;
	border:1px solid #FFF;
	}
.bolum img{
	width:140px;
	max-width:140px;
	max-height:100px;
	}
.img{
	text-align:center;
	overflow:hidden;
	margin-bottom:3px;
	height:88px;
	background:#FFF;
	opacity:1;
	}
.bolum a{
	color:#FFF;
	text-decoration:none;
	}
.bolum a:hover{
	text-decoration:underline;
	}
.content {
	float:right;
	width:400px;}	
.content p{
	font-size:13px;
	color:#000;
	height:auto 10px;
	}

.contentsag{
	font-size:13px;
	float:left;
	color:#000;
	width:250px;
	}	
.contentsag img{
	border-radius:8px;
	max-width:245px;
	border:5px solid #000;
	}
.fancybox-img{
	z-index:9999;
	}	
input{
	color:#FFF;
	background:#000;
	border:1px solid #FFF;
	height:25px;
	border-radius:5px;
	width:200px;
	}
textarea{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-radius:5px;
	color:#FFF;
	background:#000;
	border:1px solid #FFF;
	width:200px;
	height:70px;
	}
input.button{
	width:100px;
	font-weight:bold;
	height:30px;
	cursor:pointer;
	}	
iframe{
	border:5px solid #000;
	border-radius:10px;
	width:350px;
	height:200px;}		
#bottommenu	iframe{
	position:absolute;
	border:0;
	height:150px !important;
	}		
	
	@media only screen and (max-width:767px) {
	    
	    img {
	        max-width: 100%;
height:auto;
box-sizing:border-box;
display:block;
	        
	    }
	    
	}