/*@font-face {
	font-family: 'SansationLight';
	src: url('../fontx/SansationLight.eot');
	src: local('SansationLight'), url('../fontx/SansationLight.woff') format('woff'), url('../fontx/SansationLight.ttf') format('truetype');
}
*/


@font-face {
  font-family: 'signika';
  src: url(../fontx/Signika.woff);
}




* {
  box-sizing: border-box;
}

body {
	background: #F0F8FF;
	margin: 0 auto;
	min-width: 320px;
	width: 100%;
	font-family: 'signika';
	}
	


.container {margin: 0 auto;max-width: 960px;position: relative;}
.container.ie7,.container.ie8 { width: 960px;position: relative;height:600px; }

	

/* Style the header */
.header {
  height:60px;
  margin: 4px ;
  position: relative;
  margin-bottom:10px;
  padding:5px;
}


.header > h1 {
  text-align:left;
  line-height:2px;
  margin-bottom:12px;
  margin-left:-6px;
 }


.header > ul > li {float:right;cursor:pointer;padding:4px;margin-top:-12px;}
.header ul li:hover {opacity:0.6}


.header > span {
  color:grey;
  text-align:left;
  font-size:15px;
  font-family: 'Signika';
  line-height:0px;
  margin-left:-6px;
  
 
  
}







.footer {
  background : url("../images/bg1.png") ;
  height: 90px;
  position: relative;
  color:#fff;
}

.footer h5 {
  text-align:left;
  padding:10px;
  
 
}
.footer span {
  text-align:left;
 
}

.footer ul li {
    float:right;
    cursor:pointer;
    padding:4px;
    margin-top:10px;
}


.footer ul li:hover {opacity:0.5}

article {
    width:100%;
    background : url("/assets/images/bg1.png") ;
    border-top:4px solid red;
    border-bottom:4px solid red;
    vertical-align: baseline;
}



/* Style the========================== top navigation bar */

/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  font-family: Signika;
  
  
}

/* Style the topnav links */
.topnav a {
  float: left;
  font-size: 16px;
  display: block;
  color: #333;
  -o-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  text-align: center;
  padding: 12px 14px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-color: #000;
  color: #fff;
  -o-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

/* Create three equal columns that floats next to each other */
.column {
  
  width: 100%;
 
  
  
}


.columny {
  float: left;
  width: 21%;
  text-align:left;
  padding: 5px;
  
}


.columnx {
  float: left;
  width: 50%;
  text-align:left;
  padding: 5px;
}




.columnz {
  float: left;
  width: 29%;
  padding: 5px;
  text-align:left;
}

.button {
  border: none;
  color: white;
  padding: 10px 28px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
  -moz-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 5px;
  font-family: 'Signika';
  font-style: normal;
  font-variant: normal;
  font-weight:300;
}


.button1 {
  background-color: #4169E1;
  color: white;
  
}

.button1:hover {
  background-color: #0000FF;
  color: white;
}

p {
  
  font-family: 'signika';
  font-size:15px;
  font-style: normal;
  font-variant: normal;
  font-weight: 100;
  color:#000;
}



p4  {
  background: url("../images/ceklist.png") no-repeat;
    font-size:14px;
    font-family: 'signika';
	padding-left:25px;
	font-style: normal;
	font-variant: normal;
	text-align:left;
    line-height:16px;
    display:block;
    padding-bottom:8px;
  
}


h1:hover, h2:hover {
  color: red;
  -o-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
  .column {
    width: 100%;
  }
}