*{
		box-sizing: border-box;
	/*	  transition-property: all;
  transition-duration: .6s;
  transition-timing-function: ease;*/
}


img:hover  {
 opacity:0.7;
}

body {
  padding: 0;
  margin: 0;
  font-family: 'Times New Roman', sans-serif;
  background-color:#fafafa
}

.header{
  margin:auto;
  background-color:#FFF;
  text-align:center
}



.header img{
  max-width:600px;
  width:100%;
  padding:10px
}

select{
	  font-family: 'Times New Roman', sans-serif;
	padding:10px;
	width:auto;
	max-width:100%;
	font-size:20px
}

.col1{
	max-width:634px;
	display:inline-block;
	vertical-align:top;
	margin:5px;
}

.col1 img{
		border: 1px solid #7c7c7c;
	border-radius: 10px;
}

.item0{
	border: 5px solid #000;
	margin:25px 10px 25px 10px;
}

.item1 img,.item2 img,.item3 img{
	border: 1px solid #7c7c7c;
	border-radius: 10px;
}

.col2{
	max-width:634px;
	display:inline-block;
	vertical-align:top;
	margin:5px;
}

.item1{
	padding-right:10px;
	padding-left:10px;	
	padding-top:10px;
	clear: both;
}

.item2 {
	padding-top:10px;
	width:50%;
	display:inline-block;
	vertical-align:top;
	padding-right:10px;
	padding-left:10px;	
	clear: both;
}

.item3 {
	padding-top:10px;
	width:50%;
	float:left;
	vertical-align:top;
	padding-right:10px;
	padding-left:10px;	
}

@media all and (max-width: 1130px) 
{
.col2{
	display:none;
}
}

.menu{
	/*border: 1px solid #cccccc;*/
	border-radius: 10px;
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.menu li{
	text-align:right;
	direction:rtl;
	padding:0px;
	border-radius: 10px;
	/*border: 1px solid #ccc;*/
	margin: 1px;
	/*display: inline-block;*/
	float:right;
	width:100%;
}

.menu li:first-child{
	/*border-top:0px solid #cccccc;*/
}

.menu li a{
	text-decoration:none !important;
	padding:1px;
	color:#00627d;
	display:block;
	text-align:right;
	border-radius:10px;
	background-color: white;
	font-size:15px;
}

.menu li a:hover{
	text-decoration:none !important;
	padding:1px;
	background-color:#00637b;
	color:#fff !important;
	display:block;
	text-align:right;
	border-radius: 10px;
	font-size:15px;
}

.menu_active{
	text-decoration:none !important;
	padding:1px;
	background-color:#00637b !important;
	color:#fff !important;
	display:block;
	text-align:right;
	border-radius: 10px;
}

.pdf_active{
	text-decoration:none !important;
	padding:0 10px 5px 10px;
	background-color:#e91c23;
	color:#fff !important;
	display:block;
	text-align:right;
	border-radius: 0 0 10px 10px;
}




.topnav{
	display:none;
}

.body{
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding-bottom:50px;
	padding-top:10px;
}

@media all and (max-width: 1130px) 
{
.topnav{
	display:block;
}

.body{
	padding-top:00px;
}

}

/*//////////////////////*/
.topnav {
  overflow: hidden;
  background-color: #00627d;
}

.topnav a {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 25px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #ee1f25;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 1130px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: left;
    display: block;
  }
}

@media screen and (max-width: 1130px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    left: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: right;
  }
}



.topnav .pdf_active{
border-radius: 0px;	
}