@charset "utf-8";
* {
	margin:0;
	padding:0;
} 
body {
	font: 100% "trebuchet ms",georgia,verdana,arial,helvetica,sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #eee;
	background-color: #3e2072;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
a { outline:none;}
p { margin-bottom:12px;}
.result p { text-align:justify; }
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#header {
	padding: 40px 0 40px 0;
	background: url(images/head-star.png) no-repeat center left;
	position:relative;
}
#flags {
	position:absolute;
	top:45px;
	right:0;
	background:#08041F;
	border: solid 1px #663366;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:4px;
}
#flags img {margin:0 4px;}
#header h1 a {
	text-indent:-9999px;
	display:block;
	width:190px;
	height:43px;
	background:url(images/logo.png) no-repeat;
	margin-left:70px;
}
#mainContent {
	padding: 20px;
	margin-bottom:15px;
	background-color: #08041f;
	border: solid 1px #663366;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#intro {
	background-image: url(images/intro.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:20px 450px 0 20px;
	height:470px;
	border-bottom:solid 1px #1d1740;
}
#mainContent h2 {
	font-size:25px;
	line-height:1.5;
	margin-bottom:20px;
	color:#F4E0AB;
	text-transform:uppercase;
}
#intro p {
	line-height:1.7;
	font-size:18px;
	margin-bottom:50px;
	text-align:justify;
}
#intro img {
	border:none;
}
#intro a {
	display: block;
	background: url(images/button.png) no-repeat;
	height: 50px;
	width: 380px;
}
#intro a:hover {
	background-position: 0 -50px;
	position:relative;
	top:2px;
}
.instructions a.print {
	display: block;
	background: url(images/print.png) no-repeat;
	height: 54px;
	width: 207px;
	margin-left:55px;
	cursor:pointer;
}
a#facebook {
	display: block;
	background: url(images/facebook.png) no-repeat;
	height: 40px;
	width: 160px;
	float:left;
	margin:14px 20px 0 0;
}
a#twitter {
	display: block;
	background: url(images/twitter.png) no-repeat;
	height: 40px;
	width: 160px;
	margin:14px 20px 0 0;
	float:left;
}
a#send {
	display: block;
	background: url(images/send.png) no-repeat;
	height: 40px;
	width: 160px;
	margin:14px 20px 0 0;
	float:left;
}
.instructions a:hover {
	background-position: 0 -54px;
}
a#facebook:hover, a#twitter:hover, a#send:hover {
	background-position: 0 -40px;
}
a#face {
	background: url(images/facebook16.png) no-repeat right center;
	padding-right:20px;
}
a#twitt {
	background: url(images/twitter16.png) no-repeat right center;
	padding-right:20px;
}
.one {
	padding:10px;
	width:285px;
	float:left;
}
.one p {
	margin-top:10px;
	font-size:14px;
	line-height:1.3;
}
.cijena {
	padding:15px 0 0 5px;
	font-size:11px;
	color:#777;
}
p.cijena span {
	font-size:12px;
	border:none;
	font-weight:normal;
	background:none;
	padding:0;
	color:#777;
}

.instructions {
	padding:20px;
	margin:20px 0;
	background-color: #2E2A46;
	border: solid 1px #2E2B40;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color:#F4E0AB;
	font-family: Tahoma, Geneva, sans-serif;
	position:relative;
	
}
.instructions span, p.cijena span.kn {
	font-weight:bold;
	border:1px solid #423e55;
	padding:3px 7px;
	background:#08041F;
	color:#F4E0AB;
}
.instructions input#text {
	border:1px solid #423e55;
	padding:3px 7px;
	background:#08041F;
	color:#eee;
	font-size:16px;
	width:78px;
}
.instructions table td {
	padding:5px 0;
}
#footer {
	background-color: #08041f;
	border: solid 1px #663366;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 0 10px;
	margin-bottom:20px;
	clear:both;
	text-align:center;
	color:#999;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 7px 0;
	font-size:12px;/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a {
	color:#FCF4D0;
	text-decoration:none;
}
.clear { 
	clear:both;
}
h4 {
	background-image: url(images/h4.gif);
	background-repeat: repeat-x;
	background-position: center center;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	border: 1px solid #90C;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display:inline;
	text-transform:uppercase;
	font-size:14px;
	text-shadow:1px 1px 1px #333;
	line-height:35px;
}
table.zodiac input:hover {
	position:relative;
	top:2px;
}
table.zodiac {
	text-align: center;
}
table.zodiac td {
	padding:15px 10px;
}
table.date td {
	padding:15px 10px;
	font-size:13px;
}
table.date td.timeText {
	font-size:20px;
}
button#next {
	background:url(images/next2.png) no-repeat;
	cursor:pointer;
	border:none;
	width:135px;
	height:28px;
	text-indent:-9999px;
}
button#next:hover {
	position:relative;
	top:2px;
}
input#sms {
	background:url(images/submit.png) no-repeat;
	cursor:pointer;
	border:none;
	width:135px;
	height:28px;
	text-indent:-9999px;
}
input#sms:hover {
	position:relative;
	top:2px;
}
.submit {
	width:280px;
	height:55px;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}
.ovan {
	background:url(images/ovan.png) no-repeat;
}
.bik {
	background:url(images/bik.png) no-repeat;
}.blizanci {
	background:url(images/blizanci.png) no-repeat;
}.rak {
	background:url(images/rak.png) no-repeat;
}.lav {
	background:url(images/lav.png) no-repeat;
}.djevica {
	background:url(images/djevica.png) no-repeat;
}.vaga {
	background:url(images/vaga.png) no-repeat;
}.skorpion {
	background:url(images/skorpion.png) no-repeat;
}.strijelac {
	background:url(images/strijelac.png) no-repeat;
}.jarac {
	background:url(images/jarac.png) no-repeat;
}.vodenjak {
	background:url(images/vodenjak.png) no-repeat;
}.ribe {
	background:url(images/ribe.png) no-repeat;
}