/* CSS Document */

body {
    background-color: #FFF;
	font-family: "Arial Black", Gadget, sans-serif;
	font-color: #000;
 	background-image: url("stars-bkg.png");
    background-repeat: repeat-y; 

}

h1 {
    color: #000066;
    text-align: center;
	font-size: 24px;

}
h2 {
	margin-top: 0px;
	margin-bottom: 0px;
    color: #000066;
    text-align: center;
	font-size: 20px;
}
h3 {
    
    text-align: center;
	font-size: 20px;
}

li {
    list-style-type: none;
}
.header {margin: auto;
width: 60%;
    border:2px solid #000;
/*
		background-color: #ffF;
		*/
		background-image: linear-gradient(to right, rgba(255, 255, 255, .5), rgba(255, 255,255, 1), rgba(255,255, 255, 1), rgba(255,255, 255, 1), rgba(255,255, 255, 1));
    padding: 11px;
	
	border-bottom: none;
}
.main {margin: auto;
width: 60%;
    border:3px solid #000;
    padding: 10px;
	background-color: #ffF;
}
.offer {margin: auto;
width: 60%;
    border:3px solid #f00;
    padding: 10px;
	background-color: #ffF;
}
.loc {margin: auto;
width: 70%;
    border:1px solid #000;
	background-color: #ffF;
    padding: 5px;
	font-size: 16px;
}
.f2 {margin: auto;
width: 40%;
	background-color: #ffF;
    padding: 5px;
}
.footer {margin: auto;
	width: 90%;
    border:0px solid #000;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0),rgba(255, 255,255, 1),rgba(255, 255,255, 1), rgba(255,255, 255, 1));
    padding: 11px;
    padding: 5px;
	font-size: 10px;
	text-align: right;
}
.rates {margin: auto;
width: 40%;
	border: 3px solid #00C;
	border-top: none;
	border-bottom: none;
	
    padding: 10px;
	background-color: #eeF;
}
.example {margin: auto;
width: 60%;
    border:3px solid #000;
    padding: 10px;
}
.p-example {margin: auto;
width: 95%;
    border:0px solid #000;
    padding: 0px;
	font-size: 14px;
    text-align: center;
	

}

.loc {margin: auto;
width: 60%;
    border:0px solid #ccf;
    padding: 10px;
}
.blue {
    color: #000066;
	margin-bottom: 14px;
}

p {
    width:50%;
    font-size: 18px;
    text-align: center;

}
ul { align: center;
}

hr { border: 0; height: 2px; width:50%; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 0, 0, 1), rgba(0, 0, 0, 0)); }
hr:after { 
    background: url('sm-star25.png') no-repeat top center;
    content: "";
    display: block;
    height: 25px; /* height of the ornament */
    position: relative;
    top: -12px; /* half the height of the ornament */
}
.hr {
background-color: #FFFFFF;
border: 1px solid #000000;
height: 0px;
margin: 1px 0;
width: 100%;
}

input[type="text"] {
/*
  margin: 0;
  
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  border-radius: none;*/
    padding: 1px;
	width: 80px;
  border: solid 1px #c9c9c9;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}
input[type="text"]:focus {
 /* outline: none;*/
  border: solid 1px #ff0000;
 
}

img {
	max-width: 100%;
	height: auto;
}