@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "Futura Md BT";
    /*src: url(http://www.911fonts.com/font/download_FuturaMdBTMedium_3999.htm) format("truetype");
    */
   src: url(../font/3999.ttf) format("truetype");

}

body{
	margin: 0;
	font-family: 'Futura Md BT', 'calibri';
	/*font-family: 'Happy Monkey', cursive;*/
}

.content{
	width: 100%;
	height: 200px;
	height: auto !important;
	min-height: 100px;
}
.top{
	width: 100%;
	height: 110px;	
	border-bottom: 1px solid #000;
}
.logoContent{
	width: 30%;
	height: 110px;
	float: left;
}
.logo{
	width: 160px;
	height: 110px;
	margin-left: 25%;
}
.socialNetworkContent{
	width: 70%;
	height: 40px;
	float: left;
}
.socialNetwork{
	width: 85%;
	height: 30px;
	padding-top: 10px;
	float: left;
}
.fb{
	width: 29px;
	height: 29px;
	float: right;
	margin-right: 40px;
	background-image: url(../images/fb_gray_logo.png);
}
.fb:hover{
	background-image:url(../images/fb_logo.png);
}
.tw{
	width: 29px;
	height: 29px;
	float: right;
	margin-right: 40px;
	background-image: url(../images/tw_gray_logo.png);
}
.tw:hover{
	background-image:url(../images/tw_logo.png);
}
.in{
	width: 29px;
	height: 29px;
	float: right;
	margin-right: 40px;
	background-image: url(../images/in_gray_logo.png);
}
.in:hover{
	background-image:url(../images/in_logo.png);
}
.me{
	width: 29px;
	height: 29px;
	float: right;
	margin-right: 40px;
	background-image: url(../images/me_gray_logo.png);
}
.me:hover{
	background-image:url(../images/me_logo.png);
}
.menuContent{
	width: 70%;
	height: 70px;
	float: left;
}
.menuBox{
	width: 85%;
	height: 48px;
	margin-top: 22px;
}
#button{
	padding: 0px;
	margin-top: 0px;
}#button li{
   display: inline;
}#button li a{
	text-decoration: none;
	float: right;
	background-color: #10395A;
	color: #FFF;
	padding: 15px;
	margin-left: 5px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}#button li a:hover{
	margin-top: -6px;
	padding-bottom: 20px;
	/*border-top: 3px solid #CCCCCC;*/
	color: #09F;
	transition: .1s ease-in-out all;
}

#wrapper{
	width: 80%;
	margin: 10px auto;
}
.clear {
	clear: both;
}

.pagesContent{
	width: 100%;
	float: left;
	height: 200px;
	height: auto !important;
	min-height: 300px;

}
.section{
	width: 100%;
	height: 40px;
	background-color: #2279BE;
	float: left;
	text-align: center;
	font-size: 28px;
	padding-top: 5px;
}
.info{
	width: 100%;
	height: 200px;
	height: auto !important;
	min-height: 500px;
	padding-top: 20px;
	float: left;
}
.bottom{
	width: 100%;
	height: 110px;	
	border-top: 1px solid #000;
	float: left;
}.bottom p{
	text-align: center;	
}.bottom p a{
	text-decoration: none;
	color: #000;	
}.bottom p a:hover{
	color: #09F; 	
}
.summary{
	width: 500px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
}
#map{
	width: 500px;
	height: 530px;
	float: right;
	margin-right: 450px;	
}
.prodContent{
	width: 310px;
	height: 350px;
	margin-top: 50px;
	margin-left: 50px;
	float: left;	
}
.prodInfo{
	width: 310px;
	height: 176px;
	float: left;
}
.prodImg1{
	width: 310px;
	height: 174px;
	background-image:url(../images/sudo.png);
	float: left;
	border-radius: 5px;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.prodImg2{
	width: 310px;
	height: 174px;
	background-image:url(../images/hermes.png);
	float: left;
	border-radius: 5px;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.prodImg3{
	width: 310px;
	height: 174px;
	background-image:url(../images/biblo.png);
	float: left;
	border-radius: 5px;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.prodImg4{
	width: 310px;
	height: 174px;
	background-image:url(../images/sisad.png);
	float: left;
	border-radius: 5px;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.prodImg5{
	width: 310px;
	height: 174px;
	background-image:url(../images/alimar.png);
	float: left;
	border-radius: 5px;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.prodInfo h4{
	text-align: center;	
}

@media (max-width: 960px){
	.top{
		width: 100%;
		height: 180px;	
	}
	.socialNetworkContent{
		width: 70%;
		height: 110px;
		float: left;
	}
	.menuContent{
		width: 100%;
		height: 70px;
		float: left;
	}
	.menuBox{
		width: 100%;
		height: 48px;
		margin-top: 22px;
		background-color: #10395A;
	}
	#button{
		padding: 0px;
		margin-top: 0px;
	}#button li{
	   display: inline;
	}#button li a{
		text-decoration: none;
		background-color: #10395A;
		color: #FFF;
		float: right;
		margin-right: 110px;
		padding: 15px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}#button li a:hover{
		margin-top: 0;
		padding-bottom: 0;
		color: #09F;
	}
	.section{
		width: 100%;
		height: 42px;
		background-color: #2279BE;
		padding-top: 8px;
		text-align: center;
		font-size: 28px;
		float: left;
	
	}
	.info{

		float: left;
		margin-left: 0px;
	}
	.summary{
		width: 500px;
		height: 500px;
		margin-left: 230px;
	}
	.map{
		width: 500px;
		height: 530px;
		margin-left: 230px;
	}
	.prodContent{
		width: 310px;
		height: 250px;
		margin-top: 10px;
		float:none;
		margin-left: auto;
		margin-right: auto;
	}
	.prodImg1{
		width: 310px;
		height: 174px;
		background-image:url(../images/sudo.png);
		float: left;
		border-radius: 5px;
		box-shadow: 0px 1px 5px 0px #4a4a4a;
	}
	.prodImg2{
		width: 310px;
		height: 174px;
		background-image:url(../images/hermes.png);
		float: left;
		border-radius: 5px;
		box-shadow: 0px 1px 5px 0px #4a4a4a;
	}
	.prodImg3{
		width: 310px;
		height: 174px;
		background-image:url(../images/biblo.png);
		float: left;
		border-radius: 5px;
		box-shadow: 0px 1px 5px 0px #4a4a4a;
	}
	.prodImg4{
		width: 310px;
		height: 174px;
		background-image:url(../images/sudo.png);
		float: left;
		border-radius: 5px;
		box-shadow: 0px 1px 5px 0px #4a4a4a;
	}

}
@media (max-width: 768px){
	.menuContent{
		width: 100%;
		height: 70px;
		float: left;
	}
	.menuBox{
		width: 100%;
		height: 48px;
		margin-top: 22px;
		background-color: #10395A;
	}
	#button{
		padding: 0px;
		margin-top: 0px;
	}#button li{
	   display: inline;
	}#button li a{
		text-decoration: none;
		background-color: #10395A;
		color: #FFF;
		float: right;
		margin-right: 70px;
		padding: 15px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		/*font-weight: bold;*/
	}#button li a:hover{
		margin-top: 0;
		padding-bottom: 0;
		color: #09F;
	}
}
@media (max-width: 640px){
	.top{
		width: 100%;
		height: 180px;	
	}
	.socialNetworkContent{
		width: 70%;
		height: 110px;
		float: left;
	}
	.menuContent{
		width: 100%;
		height: 70px;
		float: left;
	}
	.menuBox{
		width: 100%;
		height: 48px;
		margin-top: 22px;
		background-color: #10395A;
	}
	#button{
		padding: 0px;
		margin-top: 0px;
	}#button li{
	   display: inline;
	}#button li a{
		text-decoration: none;
		background-color: #10395A;
		color: #FFF;
		float: right;
		margin-right: 55px;
		padding: 15px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		/*font-weight: bold;*/
	}#button li a:hover{
		margin-top: 0;
		padding-bottom: 0;
		color: #09F;
	}
	.section{
		width: 100%;
		height: 42px;
		background-color: #2279BE;
		padding-top: 8px;
		text-align: center;
		font-size: 28px;
		float: left;
	
	}
	.info{
		width: 100%;
		height: 300px;
		float: left;
		margin-left: 0px;
	}
	.summary{
		width: 500px;
		height: 500px;
		margin-left: 60px;
	}
	.map{
		width: 1px;
		height: 1px;
		margin-left: 60px;
	}
	.prodContent{
		width: 310px;
		height: 250px;
		margin-top: 10px;
		float:none;
		margin-left: auto;
		margin-right: auto;
	}
	.prodImg1{
		width: 310px;
		height: 174px;
		background-image:url(../images/sudo.png);
		float: left;
		border-radius: 5px;
		box-shadow: 0px 1px 5px 0px #4a4a4a;
	}
	.prodImg2{
		width: 310px;
		height: 174px;
		background-image:url(../images/hermes.png);
		float: left;
		border-radius: 5px;
		box-shadow: 0px 1px 5px 0px #4a4a4a;
	}
	.prodImg3{
		width: 310px;
		height: 174px;
		background-image:url(../images/biblo.png);
		float: left;
		border-radius: 5px;
		box-shadow: 0px 1px 5px 0px #4a4a4a;
	}
	.prodImg4{
		width: 310px;
		height: 174px;
		background-image:url(../images/sudo.png);
		float: left;
		border-radius: 5px;
		box-shadow: 0px 1px 5px 0px #4a4a4a;
	}

}