/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
/* WinIE7 only */
*:first-child+html .clearfix{
	height:1%;
}

 /* WinIE6 and below */
 /*?*/
 * html .clearfix{height:1%;}
 /**/
 
 /* MacIE only */
 /*?*//*/
 .clearfix{
 	display:inline-table;
}
/**/

/* BODY */
body {
	background-color: #ebebeb;
	font-size: 12px;
    font-family: 'Times New Roman';
}

/* CONTAINER */
#container {
	background-color: white;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 780px;
	text-align: left;
	margin-top: 30px;
}
#container.pig {
	background-color: white;
	background-image: url(../images/header-pig.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 780px;
	text-align: left;
	margin-top: 30px;
}
.header {
	padding: 25px 220px 0 40px;
	text-align: center;
	margin-bottom: 80px;
}
.header h1 {
	font-size: 40px;
	line-height: 40px;
	color: white;
	text-transform: uppercase;
}
.title h1 {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	padding: 0 220px 0 110px;
	text-align: center;
	margin-bottom: 20px;
}
.content {
	padding: 0 30px 0 30px;
	font-family: Verdana;
	text-align: left;
}
.content h1 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-bottom: 7px;
	line-height: 20px;
	text-transform: uppercase;
}
.footer {
	background-color: #ebebeb;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
	padding-top: 100px;
	margin-bottom: 30px;
	color: #999;
}
a {
	color: #3b5b9c;
	text-decoration: none;
}
a:hover {
	color: black;
	text-decoration: none;
}
.text-center {
	text-align: center;
}
.paketi {
	margin: 10px 0 10px 0;
}
.paketi td {
	text-align: center;
}
.btn {
	background-color: #efefef;
	background-image: url(../images/btn-bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
	color: #cda400;
}
.btn:hover {
	color: black;
	cursor: pointer;
}
hr {
	margin: 25px 0 25px 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	border: none;
	border-bottom: 1px solid #eee;
}
.credit-cards {
	text-align: center;
	margin: 10px 0 10px 0;
}
.credit-cards img {
	margin: 5px 10px 0 10px;
}
.verisign {
	text-align: center;
	margin: 20px 0 0 0;
}
.input-field {
	padding: 5px 7px 5px 7px;
	border: 1px solid #eee;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 0 5px 0 0;
}
.test-now {
	border: 3px solid #f8efa0;
	padding: 15px;
	margin: 10px 0 10px 0;
}
.test-now h1 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #cda400;
}
.test-now h2 {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #cda400;
}
.red {
	color: #ca0000;
}
.comment {
	color: #999;
}