html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
object, embed{display:block;overflow:hidden;padding:0;margin:0}
ol, ul{list-style:none}
a:active{outline:none}
a:focus{-moz-outline-style:none}
:focus {outline:0}
table {border-collapse:collapse;border-spacing:0}
body {line-height:1;background:transparent url(http://tarot-horoskop.com/images/bg-rpt.jpg) 0 0 repeat;font:normal 12px "Trebuchet MS", Verdana, Arial, Sans-serif;color:#000;text-align:left}

h1 {font-size:20px;font-weight:normal;width:625px;height:30px;line-height:30px;padding:24px 20px 26px 0;color:#444;text-transform:uppercase;text-align:right}
h2 {clear:both;font:normal 11px/20px Tahoma, Arial;margin:0 0 10px 0;padding: 0 0 0 20px}
h3 {font:bold 18px/18px "Trebuchet MS", Verdana, Arial, Sans-serif;margin:0 0 15px 0}
h3 a {color:#000;text-decoration:none}
h4 {font:normal 18px "Trebuchet MS", Verdana, Arial, Sans-serif;line-height:20px;margin:0 0 15px 0}

h3.znakovi {font:bold 18px/22px "Trebuchet MS", Verdana, Arial, Sans-serif;margin:0 0 10px}

.clear {clear:both;height:0.1px}
.clear5 {clear:both;height:5px}
.clear10 {clear:both;height:500px}
.clear15 {clear:both;height:15px}
.clear20 {clear:both;height:20px}
.clear25 {clear:both;height:25px}
.clear30 {clear:both;height:30px}
.clear35 {clear:both;height:35px}
.clear50 {clear:both;height:50px}
.clear15-sa-borderom {clear:both;height:15px;border-top:1px dotted #ccc}
.clear25-sa-borderom {clear:both;height:25px;border-top:1px dotted #ccc}
.clear30-sa-borderom {float:left;display:block;width:748px;clear:both;height:15px;border-top:1px dotted #ccc;margin: 15px 0 0 0}

.left{float:left}
.right{float:right}
.left2 {float:left; margin:0 10px 0 0;}

.slika-lijevo-hor {float:left; margin:0 30px 0 0}
.slika-lijevo-horpoc {border: 1px solid #dfdfdf;border-radius: 6px 6px 6px 6px;float: left;margin: 0 17px 30px 13px;padding: 8px;
background: #eee; /* old browsers */
background: -moz-linear-gradient(top, #eee 0%, #ccc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ccc',GradientType=0 ); /* ie */}
.slika-lijevo-horpoc:hover {border: 1px solid #A662AF;border-radius: 6px 6px 6px 6px;float: left;margin: 0 17px 30px 13px;padding: 8px;}

span.crna {color:#000}
span.purple {color:#7B217C;font-weight:bold}
span.purple2 {color:#7B217C;font-weight:bold;font-size:15px}

.hor-lijevo {float:left;width:221px;margin:0 30px 0 0}
.hor-desno {float:right;width:497px;margin:0}
.hor-lijevo h4 {color: #8A3E97;font-size: 14px;font-weight: bold;margin:0 0 13px;padding: 23px 0 0;width: 200px}
.hor-lijevo ul {margin: 0 0 20px;list-style-type: none}
.hor-lijevo ul li {line-height: 14px;padding: 0 0 13px;text-decoration: none}
.hor-lijevo a:link, .hor-lijevo a:visited, .hor-lijevo a:active {color:#cf559d;text-decoration:none}
.hor-lijevo a:hover {color:#cf559d;text-decoration:underline}

#middle ul {float:left;margin:6px 0 0 0;min-height:80px}
#middle li {width:210px;background:url("http://tarot-horoskop.com/images/li-dot.gif") no-repeat scroll 8px 7px transparent;line-height:20px;padding-left:20px;font-size:11px}
#middle li a {text-decoration:none;color:#000}
#middle li a:hover {text-decoration:underline}

#middle #smaller ul {float:left;margin:6px 0 30px 0;min-height:80px}
#middle #smaller li {background:url("http://tarot-horoskop.com/images/li-dot.gif") no-repeat scroll 8px 7px transparent;line-height:20px;padding-left:20px;font-size:11px}
#middle #smaller li a {text-decoration:none;color:#000}
#middle #smaller li a:hover {text-decoration:underline}
#middle2 #smaller ul {float:left;margin:6px 0 30px 0;min-height:80px}
#middle2 #smaller li {background:url("http://tarot-horoskop.com/images/li-dot.gif") no-repeat scroll 8px 7px transparent;line-height:20px;padding-left:20px;font-size:11px}
#middle2 #smaller li a {text-decoration:none;color:#000}
#middle2 #smaller li a:hover {text-decoration:underline}

#page {width:100%;background:transparent url(http://tarot-horoskop.com/images/bg.png) center 140px no-repeat}
#wrapper {width:1110px;margin:0 auto}
#header {width:1110px}
.logobanner {width:465px; height:60px; border:3 px solid rgba(0,0,0,0.1); border-top:0; border-radius:4px; -webkit-border-radius:4px;-moz-border-radius:4px; display:none}
.logo {width:465px;height:141px;background:transparent url(http://tarot-horoskop.com/images/logo.png) -45px 0 no-repeat}
a.logoa {width:468px;height:60px;display:block;text-decoration:none; background:url(http://tarot-horoskop.com/slike/sms-tarot-468x59.gif)}
.header01{width:645px;height:60px}

.signs {width:384px;height:31px;margin:29px 10px 0 0}
.signs a {width:31px;height:31px;float:left;margin:0 1px 0 0}
.signs a.ovan, #kompatibilni a.ovan {background:url("http://tarot-horoskop.com/slike/ovan.png") 0 0 no-repeat;}
.signs a.ovan:hover, #kompatibilni a.ovan:hover {background:url("http://tarot-horoskop.com/slike/ovan.png") 0 -31px no-repeat;}
.signs a.bik, #kompatibilni a.bik {background:url("http://tarot-horoskop.com/slike/bik.png") 0 0 no-repeat;}
.signs a.bik:hover, #kompatibilni a.bik:hover {background:url("http://tarot-horoskop.com/slike/bik.png") 0 -31px no-repeat;}
.signs a.blizanci, #kompatibilni a.blizanci {background:url("http://tarot-horoskop.com/slike/blizanci.png") 0 0 no-repeat;}
.signs a.blizanci:hover, #kompatibilni a.blizanci:hover {background:url("http://tarot-horoskop.com/slike/blizanci.png") 0 -31px no-repeat;}
.signs a.rak, #kompatibilni a.rak {background:url("http://tarot-horoskop.com/slike/rak.png") 0 0 no-repeat;}
.signs a.rak:hover, #kompatibilni a.rak:hover {background:url("http://tarot-horoskop.com/slike/rak.png") 0 -31px no-repeat;}
.signs a.lav, #kompatibilni a.lav {background:url("http://tarot-horoskop.com/slike/lav.png") 0 0 no-repeat;}
.signs a.lav:hover, #kompatibilni a.lav:hover {background:url("http://tarot-horoskop.com/slike/lav.png") 0 -31px no-repeat;}
.signs a.djevica, #kompatibilni a.djevica {background:url("http://tarot-horoskop.com/slike/djevica.png") 0 0 no-repeat;}
.signs a.djevica:hover, #kompatibilni a.djevica:hover {background:url("http://tarot-horoskop.com/slike/djevica.png") 0 -31px no-repeat;}
.signs a.vaga, #kompatibilni a.vaga {background:url("http://tarot-horoskop.com/slike/vaga.png") 0 0 no-repeat;}
.signs a.vaga:hover, #kompatibilni a.vaga:hover {background:url("http://tarot-horoskop.com/slike/vaga.png") 0 -31px no-repeat;}
.signs a.skorpion, #kompatibilni a.skorpion {background:url("http://tarot-horoskop.com/slike/skorpion.png") 0 0 no-repeat;}
.signs a.skorpion:hover, #kompatibilni a.skorpion:hover {background:url("http://tarot-horoskop.com/slike/skorpion.png") 0 -31px no-repeat;}
.signs a.strijelac, #kompatibilni a.strijelac {background:url("http://tarot-horoskop.com/slike/strijelac.png") 0 0 no-repeat;}
.signs a.strijelac:hover, #kompatibilni a.strijelac:hover {background:url("http://tarot-horoskop.com/slike/strijelac.png") 0 -31px no-repeat;}
.signs a.jarac, #kompatibilni a.jarac {background:url("http://tarot-horoskop.com/slike/jarac.png") 0 0 no-repeat;}
.signs a.jarac:hover, #kompatibilni a.jarac:hover {background:url("http://tarot-horoskop.com/slike/jarac.png") 0 -31px no-repeat;}
.signs a.vodenjak, #kompatibilni a.vodenjak {background:url("http://tarot-horoskop.com/slike/vodenjak.png") 0 0 no-repeat;}
.signs a.vodenjak:hover, #kompatibilni a.vodenjak:hover {background:url("http://tarot-horoskop.com/slike/vodenjak.png") 0 -31px no-repeat;}
.signs a.ribe, #kompatibilni a.ribe {background:url("http://tarot-horoskop.com/slike/ribe.png") 0 0 no-repeat;}
.signs a.ribe:hover, #kompatibilni a.ribe:hover {background:url("http://tarot-horoskop.com/slike/ribe.png") 0 -31px no-repeat;}

.btn {
background: #6A247C; /* old browsers */
background: -moz-linear-gradient(top, #A662AF 0%, #6A247C 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A662AF), color-stop(100%,#6A247C)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A662AF', endColorstr='#6A247C',GradientType=0 ); /* ie */
height: 27px;
font: bold 12px/27px Arial;
float: left;
display: block;
margin: 0 7px;
padding: 0 15px;
text-align: center;
color: #fff;
text-decoration: none;
cursor: pointer;
border: 1px solid #6A247C;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input.btn {float: left;}

.btn:hover {
// background: url(http://tarot-horoskop.com/slike/btn.gif) top left repeat-x;
background: #A662AF; /* old browsers */
background: -moz-linear-gradient(top, #6A247C 0%, #A662AF 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A247C), color-stop(100%,#A662AF)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A247C', endColorstr='#A662AF',GradientType=0 ); /* ie */
border: 1px solid #6A247C;
color: #fff;
}

a.btn:link, a.btn:visited, a.btn:active, a.btn:hover {color: #fff}

.btn-smedji {
background: #FFEDAF; /* old browsers */
background: -moz-linear-gradient(top, #FFEDAF 0%, #E7B749 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFEDAF), color-stop(100%,#E7B749)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEDAF', endColorstr='#E7B749',GradientType=0 ); /* ie */
height: 27px;
font: bold 12px/27px Arial;
float: left;
display: block;
margin: 20px 0 0;
padding: 0 15px;
text-align: center;
color: #6B247C;
text-decoration: none;
cursor: pointer;
border: 1px solid #D49E48;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input.btn-smedji {float: left;}

.btn-smedji:hover {
// background: url(http://tarot-horoskop.com/slike/btn.gif) top left repeat-x;
background: #E7B749; /* old browsers */
background: -moz-linear-gradient(top, #E7B749 0%, #FFEDAF 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E7B749), color-stop(100%,#FFEDAF)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E7B749', endColorstr='#FFEDAF',GradientType=0 ); /* ie */
border: 1px solid #6B247C;
color: #6B247C;
}

a.btn-smedji:link, a.btn-smedji:visited, a.btn-smedji:active, a.btn-smedji:hover {color: #fff}

.smaller-horoskop {border: 1px solid #dfdfdf;border-radius: 6px 6px 6px 6px;float: left;margin: 0 0 30px;padding: 8px; width:94%; line-height:21px;
background: #eee; /* old browsers */
background: -moz-linear-gradient(top, #eee 0%, #ccc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#ccc',GradientType=0 ); /* ie */}
.smaller-horoskop a:link, .smaller-horoskop a:visited, .smaller-horoskop a:active {text-decoration:none; color:#8A1A8B}
.smaller-horoskop a:hover {text-decoration:underline; color:#000000}
.onlinetarot {list-style-type:none; display:inline; background:none}
.online-tarot-small-left {float:left; margin:0 0 20px;}
.online-tarot-small-right {float:right; margin:0 0 20px;}
.online-tarot-small-left:hover, .online-tarot-small-right:hover {opacity:0.8}

.entry {float:left; width:728px; background-color:#eee; border-radius:3px 3px 3px 3px; margin-bottom:30px; padding:10px; cursor:pointer}
.entryx {float:left; width:1080px; background-color:#eee; border-radius:3px 3px 3px 3px; margin-bottom:30px; padding:10px; cursor:pointer}
.entry p {width:728px !important}
.entry-slika-m {background-color: #ccc;border: 1px solid #bbb;display: block;float: left;margin: 0 10px 0 0;overflow: hidden;padding: 3px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.detaljnije {background: url("http://tarot-horoskop.com/slike/detaljnije.gif") no-repeat scroll 96% center #E7D1E9;float: right;font-size: 17px;line-height: 25px;margin: 0;padding: 10px 20px 12px 0;text-align: center;width: 100px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 6px}
.detaljnije a:link, .detaljnije a:visited, .detaljnije a:active {color: #6A247C;text-decoration: none}
.detaljnije:hover {background: url("http://tarot-horoskop.com/slike/detaljnije.gif") no-repeat scroll 96% center #D1AAD6}

#trazilica {float:right;width:204px;height:32px;margin:29px 20px 0 0}
.search-d {width:32px;height:32px;float:right;cursor:pointer}
.search-l {float:right;background:url("http://tarot-horoskop.com/slike/search-l.png") top right no-repeat;border:none;width:152px;height:32px;line-height:32px;margin:0;font-size:12px;color:#ccc;padding:0 10px}
.entry-search {float:left; width:728px; height:106px; margin:0; padding:10px; cursor:pointer}
.entry-search:hover {background-color:#eee; border-radius:3px 3px 3px 3px}
.entry-search div {height:80px; overflow:hidden}

#navigation {float:left;width:1110px;height:48px;background:transparent url(http://tarot-horoskop.com/images/menu-bg.png) 0 0 no-repeat}
//#navigation ul {margin:0;padding:0}
//#navigation ul li img{margin-top:10px}
//#navigation ul li {list-style-type:none;display:inline}
//#navigation li a {float:left;padding:6px 25px 0;text-decoration:none;color:#fff;line-height:40px;font-size:15px}
//#navigation li a.aktiv {font-weight:bold}
//#navigation li a:hover {color:#000}

#middle {width:1110px;float:left;overflow:hidden}
#middle2 {width:1110px;float:left;overflow:hidden}
.middle-left {background:url(http://tarot-horoskop.com/images/border-l.png) 0 0 repeat-y;width:23px; height:100%; margin-bottom:-30000px;padding-bottom:30000px}
.middle {background-color:#fff;width:1064px;padding:15px 0 10px}
.middle-right {background:url(http://tarot-horoskop.com/images/border-r.png) right 0 repeat-y;width:23px;margin-bottom:-30000px;padding-bottom:30000px}
.middle-bottom {background:url(http://tarot-horoskop.com/images/middle-bottom.png) 0 0 no-repeat;width:1110px;height:9px}

#bigger-main {width:764px;float:left}
#bigger {width:748px;padding:0 16px 0 0;float:left}
#bigger p {width:748px;margin:0 0 15px 0;line-height:17px}
#bigger z {width:748px;padding:0 16px 0 0;float:left}
.box {width:367px;height:173px;float:left;font-size:11px;}
.box h3 {font-size:15px;color:#6b247c;float:left;padding-top:22px;margin:0 0 10px}
.box .slika {width:133px;height:163px}
.box .slika img {display:block;margin:21px auto 0}
.box .slika2 {width:133px;height:163px}
.box .slika2 img {display:block;margin:10px auto 0}
.box .tekst {width:234px;height:163px}
.box .datum {width:70px;height:37px;padding:0 6px;color:#8a489c;margin-top:20px}
.box .dat1 {font-weight:bold;font-size:28px;line-height:37px}
.box .dat2 {line-height:17px}
.box .title {font-size:16px;padding:0 10px 2px 0;font-weight:bold}
.box .period {color:#7f7f7f;line-height:23px}
.box p {width:226px;float:left;clear:left;height:66px;overflow:hidden}

.box01 {background:url(http://tarot-horoskop.com/images/box01.png) 0 0 no-repeat;margin-right:15px}
.box01a {background:url(http://tarot-horoskop.com/images/box01.png) 0 0 no-repeat;margin-right:0}
.box03 {background:url(http://tarot-horoskop.com/images/box02.png) 0 0 no-repeat;margin-right:15px}
.box03a {background:url(http://tarot-horoskop.com/images/box02.png) 0 0 no-repeat;margin-right:0}

.box02 {width:240px;height:275px;float:left;margin-right:14px;background-color:#e6e3f0;behavior:url('http://tarot-horoskop.com/border-radius.htc');-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px}
.box02 img {float:left}
.box02 .head a {display:block;width:220px;height:30px;line-height:30px;font-size:15px;font-weight:bold;color:#fff;padding-left:20px;background:url(http://tarot-horoskop.com/images/box-title-rpt.png) 0 0 repeat-x;text-decoration:none}
.box02 .head a:hover {color:#000}

.more01 {background:url(http://tarot-horoskop.com/images/more-white.png) 0 0 no-repeat;margin-top:10px}
.more01 a {font-size:15px;line-height:33px;color:#783188;width:133px;padding-right:26px;text-align:center;display:block;text-decoration:none}
.more01 a:hover {color:#000}

#smaller {width:300px;float:left}
.sbox {width:300px;height:148px;position:relative;cursor:pointer}
a.slink {position:absolute;z-index:2;left:0;bottom:0;text-decoration:none;height:33px;display:block;color:#fff;line-height:33px;text-align:center;font-weight:bold;font-size:16px}
a.slink01 {background:url(http://tarot-horoskop.com/images/more-blue.png) 0 0 no-repeat;width:149px;padding-right:26px}
a.slink02 {background:url(http://tarot-horoskop.com/images/more-red.png) 0 0 no-repeat;width:118px;padding-right:52px}

.breadcrumb{width:1086px;height:36px;padding-left:24px}
.breadcrumb h2 a{font:normal 11px/36px 'Tahoma';text-decoration:none;color:#000}

#footer {width:1086px;height:393px;padding:0 0 0 24px;float:left;background:url(http://tarot-horoskop.com/images/footer-bg.png) 0 0 no-repeat}
#footer h5 {width:159px;font-size:16px;padding:30px 0 13px 0;color:#8a3e97}
span.snalazenje{width:1086px;font-size:16px;height:52px;line-height:52px;color:#a675ad}
.foot-box1 {width:159px;height:340px;padding:0 22px 0 0;font:normal 11px/18px 'Tahoma'}
.foot-box1 ul {list-style-type:none}
.foot-box1 ul li {text-decoration:none; line-height:14px; padding:0 0 13px}
.foot-box1 a {text-decoration:none; color:#000}
.foot-box1 a:hover {text-decoration:underline; color:#000}

.daily-tarot-reading {width:1064px;position:relative}
.daily-tarot-reading .card {width:150px;height:285px;float:left;margin:30px 35px 165px}
.daily-tarot-reading .cardx {width:150px;height:285px;float:left;margin:30px 435px 165px 35px}
.daily-tarot-reading .meaning {display:none;height:200px;position:absolute;right:10px;top:30px;width:360px;color:#fff}
.daily-tarot-reading .meaning p {width:228px !important;margin-bottom:8px}
.daily-tarot-reading span.pos01 {width:190px;padding:0 10px 0 20px;position:absolute;color:#fff;top:315px;left:0}
.daily-tarot-reading span.pos02 {width:190px;padding:0 10px 0 20px;position:absolute;color:#fff;top:315px;left:220px}
.daily-tarot-reading span.pos03 {width:190px;padding:0 10px 0 20px;position:absolute;color:#fff;top:315px;left:440px}
.daily-tarot-reading span.pos04 {width:190px;padding:0 10px 0 20px;position:absolute;color:#fff;top:795px;left:0}
.daily-tarot-reading span.pos05 {width:190px;padding:0 10px 0 20px;position:absolute;color:#fff;top:795px;left:220px}
.daily-tarot-reading span.pos06 {width:190px;padding:0 10px 0 20px;position:absolute;color:#fff;top:795px;left:440px}

.tarot3 {background: url('http://tarot-horoskop.com/images/pozadina_1064px.jpg') 0 0 no-repeat}
.tarot6 {background: url('http://tarot-horoskop.com/images/pozadina_1064px.jpg') 0 0 no-repeat}

.daily-tarot-reading2 {width:1064px;position:relative}
.daily-tarot-reading2 .card {width:100px;height:15px;float:left;margin:30px 30px 165px}
.daily-tarot-reading2 .cardx {width:130px;height:50px;float:left;margin:30px 185px 300px 30px}
.daily-tarot-reading2 .cardxx {width:100px;height:50px;float:left;margin:10px 135px 35px 10px}
.daily-tarot-reading2 .meaning {display:none;height:200px;position:absolute;right:10px;top:30px;width:220px;color:#fff}
.daily-tarot-reading2 .meaning p {width:228px !important;margin-bottom:10px}
.daily-tarot-reading2 span.pos01 {width:140px;padding:0 10px 0 10px;position:absolute;color:#fff;top:300px;left:10px}
.daily-tarot-reading2 span.pos02 {width:140px;padding:0 10px 0 20px;position:absolute;color:#fff;top:315px;left:180px}
.daily-tarot-reading2 span.pos03 {width:140px;padding:0 10px 0 20px;position:absolute;color:#fff;top:315px;left:340px}
.daily-tarot-reading2 span.pos04 {width:140px;padding:0 10px 0 20px;position:absolute;color:#fff;top:315px;left:500px}
.daily-tarot-reading2 span.pos05 {width:140px;padding:0 10px 0 20px;position:absolute;color:#fff;top:315px;left:650px}
.daily-tarot-reading2 span.pos06 {width:140px;padding:0 10px 0 20px;position:absolute;color:#fff;top:595px;left:0px}
.daily-tarot-reading2 span.pos07 {width:140px;padding:0 10px 0 20px;position:absolute;color:#fff;top:795px;left:220px}
.daily-tarot-reading2 span.pos08 {width:140px;padding:0 10px 0 20px;position:absolute;color:#fff;top:1195px;left:440px}
.daily-tarot-reading2 span.pos09 {width:140px;padding:0 10px 0 20px;position:absolute;color:#fff;top:1195px;left:220px}
.daily-tarot-reading2 span.pos10 {width:140px;padding:0 10px 0 20px;position:absolute;color:#fff;top:1195px;left:440px}

.andeli6 {background: url('http://tarot-horoskop.com/images/pozadina_1064px.jpg') 0 0 no-repeat}

#galerija {width:728px;padding:10px 5px 5px 10px;float:left;background-color:#e6e3f0;behavior:url('http://tarot-horoskop.com/border-radius.htc');-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px}
#galerija img {float:left;border:1px solid #444;margin: 0 5px 5px 0}

.paginationw {margin-top:10px; height:52px; overflow:hidden; float:right; font-size:12px}
.paginationw a, .paginationw strong {float:left; margin-left:5px; color:#474747; text-decoration:none; padding:7px 10px; border:solid 1px #B6B6B6; background:#E6E6E6; background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6); background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6))}
.paginationw a, .paginationw strong {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.paginationw a:first-child {margin-left:0px}
.paginationw img {border:none}
.paginationw a:hover, .paginationw strong {background:#fff}

#horo-l {float:left;width:490px;border-right:1px dotted #ccc;padding:0 10px 10px 0}
#horo-d {float:right;width:220px}

.star-rating{list-style:none;height:16px;width:84px;float:left;background: url('http://tarot-horoskop.com/slike/stars-off.png') top left no-repeat}
.star-rating li{height:16px;width: 17px;float: left}
.star-rating li.current-rating{background: url('http://tarot-horoskop.com/slike/stars-on.png') top left no-repeat;position: absolute;height: 16px;display: block;text-indent: -9000px;z-index: 1}

#kompatibilni {float:left;width:220px;height:40px;margin: 0 0 10px 0}
#kompatibilni a {float:left;width: 31px;height:31px;margin: 0 1px 0 0}

table.znakovi tr td {padding:5px 0 7px}
table.znakovi2 tr td {padding:8px 41px 8px}

.makeawish {background: url('http://tarot-horoskop.com/slike/instant-odgovor-bg.png') 0 0 no-repeat}
.makeawish img {float:left;margin:70px 25px}
.makeawish .answer {width:525px;float:left;margin-top:80px;color:#fff}
.makeawish .answer p, .makeawish .answer .heading {line-height:12px;width:525px !important}
.makeawish .answer .heading {font-size:22px;font-weight:bold;line-height:45px}

span.cardname {width:100%;font-size:22px;font-weight:bold;line-height:45px}
.card-margin {margin-right:250px}

input.submit, button.submit {width:270px;height:58px;display:block;background: url('http://tarot-horoskop.com/images/btn-cool.png') 0 0 no-repeat;border:0;font-size:24px;color:#fff;cursor:pointer}
input.submit2, button.submit2 {width:270px;height:58px;display:block;background: url('http://tarot-horoskop.com/images/btn-cool2.png') 0 0 no-repeat;border:0;font-size:24px;color:#fff;cursor:pointer;margin:15px 0 0}



/* ======================================================== */
/* general question styles */

div.eequiz {
   width: 740px;
   padding: 5px;
   margin: 5px auto;
   background-color: #eee;
}

div.eequiz h1 {
   padding: 5px;
   margin: 5px;
   font-size: 24px;
   font-weight: normal;
   color: #000;
}

div.eequiz div.question_info {
   padding: 5px;
   margin: 5px;
   color: #555;
   background-color: #ccc;
   font-style: italic;
   font-size: 12px;
   line-height: 1.2em;
}

div.eequiz div.question_text {
   clear: both;
   border-bottom: 1px solid #ccc;
   padding: 10px;
}

div.eequiz div.answer_section {
   padding: 10px;
   border-bottom: 1px solid #ccc;
}
div.eequiz div.answer_footer {
   clear: both;
}

div.eequiz div.feedback_section {
   margin-bottom: 10px;
}

/* ======================================================== */
/* answer mark styles */

div.eequiz div.incorrect_mark {
   padding: 5px;
   margin-bottom: 10px;
   color: #F00;
   background-color: #FEE;
}
div.eequiz div.partially_correct_mark {
   padding: 5px;
   margin-bottom: 10px;
   color: #BB0;
   background-color: #FFE;
}
div.eequiz div.correct_mark {
   padding: 5px;
   margin-bottom: 10px;
   color: #0F0;
   background-color: #EFE;
}
div.eequiz div span.mark_text {
}

/* ======================================================== */
/* controls styles */

div.eequiz div.question_controls {
   margin-top: 20px;
   clear: both;
}
div.eequiz a.next_link {
   float: right;
   margin-right: 10px;
}
div.eequiz a.previous_link {
   float: left;
   margin-left: 10px;
}
div.eequiz a.disabled {
   color: #CCC;
   cursor: default;
}
div.eequiz input.submit_answer_button {
   display: block;
   width: 150px;
   margin: 0 auto;
}

/* ======================================================== */
/* multiple choice styles */

div.eequiz ol.multiple_choice_options {
}

/* ======================================================== */
/* matching styles */

div.eequiz ol.matching_problems {
   width: 150px;
   float: left;
}
div.eequiz ol.matching_problems li select {
   margin-right: 5px;
}
div.eequiz ol.matching_choices {
   width: 150px;
   float: right;
   list-style-type: decimal;
}
div.eequiz ol.matching_choices li {
   margin-left: 30px;
   padding-left: 5px;
} 




/* Mega izbornik */
#mega-navigation {width:1110px; height:48px; float:left; background:transparent url(http://tarot-horoskop.com/images/menu-bg.png) 0 0 no-repeat}

ul.mega-container{width:1110px; padding:0; margin:0}
li.mega{list-style-type:none; float:left; padding:0; margin:0 .65em; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; position:relative; z-index:10px}
li.mega.mega-active {text-decoration:underline}
li.mega:hover{}
.mega:hover{z-index:10000 !important}
*:first-child+html .mega:hover{zoom:1 !important}
li.mega a.mega-tab img{margin-top:10px}
li.image {margin:0 !important}

/* Basic menu item styles */
li.mega a.mega-tab{float:left;padding:6px 25px 0;color:#fff;line-height:40px;text-decoration:none;font-size:15px}
li.mega a.mega-tab:hover {text-decoration:underline;color:#fff}

/* Menu item with dropdown arrow */
li.mega a.mega-sub{background:url(http://tarot-horoskop.com/slike/down.png) no-repeat right 60%; padding-right:22px !important}
li.mega.mega-sub:hover{z-index:10000; border-bottom-right-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0}

/* Content container */
.mega-content{width:175px; display:none; padding:0; position:absolute; top:96%; left:-1px; border:1px solid #6A247C; border-top:none; text-align:left; color:#222; font-size:11px; z-index:6; display:none; background:#6A247C; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px}
li:hover .mega-content{display:block}
.mega-content h3{font-size:13px; border-bottom:1px dotted #666; padding-bottom:4px; margin-bottom:1em}
.mega-content ul{list-style-type:disc; margin-left:18px}
.mega-content p{margin-bottom:1em}

/* Drop Menu Styling */
.mega-menu{padding:7px 7px 3px !important; z-index:10000 !important; text-transform:uppercase; min-width:250px}
.mega-menu ul{list-style-type:none; margin:0; min-width:250px}
.mega-menu li a{background-color:#F9F9F9; display:block; padding:3px 10px; color:#333; text-decoration:none; font-weight:normal; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-shadow:none; margin-bottom:.5em}
*+html .mega-menu li a{padding:8px 10px; margin-bottom:.15em}
.mega-menu li a.mega-sub{background-color:#fff; background-image:url(http://tarot-horoskop.com/slike/menu-arrow.png); background-repeat:no-repeat; background-position:100% 50%}
.mega-menu li a:hover{background-color:#EAD8ED}
.mega-menu li{position:relative}
.mega-menu li:hover >ul{display:block !important}
.mega-menu li >ul{background:#e77302; width:175px; padding:7px 7px 3px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:1000; position:absolute; left:100%; top:0; display:none}

/* Grid Layout Styling */
.mega-grid{background:#FFF; background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EAEAEA)); background:-moz-linear-gradient(top, #FFF, #EAEAEA); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EAEAEA'); padding:15px 0; margin:10px 5px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.mega-grid-1{width:110px !important}
.mega-grid-2{width:210px !important}
.mega-grid-3{width:310px !important}
.mega-grid-4{width:410px !important}
.mega-grid-5{width:510px !important}
.mega-grid-6{width:610px !important}
.mega-col-1, .mega-col-2, .mega-col-3, .mega-col-4, .mega-col-5, .mega-col-6{margin:0 10px 1.25em; float:left}
.mega-col-1{width:80px}
.mega-col-2{width:180px}
.mega-col-3{width:280px}
.mega-col-4{width:380px}
.mega-col-5{width:480px}
.mega-col-6{width:580px}

/* Utility classes */
.mega-open-right .mega-content{left:auto; right:0}

/* Clearfix 'hack' for mega-container */
.mega-container:after, 
.mega-grid:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.mega-container, .mega-grid{display:inline-block}
html[xmlns] .mega-container, 
html[xmlns] .mega-grid{display:block}
* html .mega-container, 
* html .mega-grid{height:1%}




/* lightbox */
#overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:9999; display:none}
#lightbox{position:fixed; top:50%; left:50%; font-family:Arial,Helvetica,sans-serif; color:#333; border:1px solid #CCC; background-color:#FFF; padding:10px 10px 0 10px; z-index:10000; display:none; overflow:hidden; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000}
#lightbox .inner-box{position:relative; width:100%; height:100%; overflow:hidden}
#lightbox .content{z-index:1}
#lightbox .content img{display:block; position:absolute; top:0; left:0; border:0}
#lightbox .cpanel{position:relative; width:100%; height:30px; overflow:hidden; display:none}
#lightbox #close-btn{position:relative; width:76px; height:30px; cursor:pointer; float:right; background:url(http://tarot-horoskop.com/slike/lightbox/icons.png) 0 0 no-repeat; z-index:2}
#lightbox #play-btn{position:relative; width:26px; height:30px; cursor:pointer; float:left; background:url(http://tarot-horoskop.com/slike/lightbox/icons.png) 0 -30px no-repeat; z-index:2}
#lightbox #play-btn.pause{background-position:-30px -30px}
#lightbox .info{position:absolute; width:100%; color:#222; height:30px; line-height:30px; font-size:16px; z-index:0; text-align:center}
#lightbox .back-btn, 
#lightbox .fwd-btn{position:absolute; width:20px; height:70px; top:50%; margin-top:-35px; cursor:pointer}
#lightbox .back-btn{left:0; margin-left:-20px; background:#000 url(http://tarot-horoskop.com/slike/lightbox/d_arrows.png) 0 center no-repeat; background:rgba(0,0,0,0.75) url(http://tarot-horoskop.com/slike/lightbox/d_arrows.png) 0 center no-repeat; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px; border-top-right-radius:4px; border-bottom-right-radius:4px}
#lightbox .fwd-btn{left:100%; background:#000 url(http://tarot-horoskop.com/slike/lightbox/d_arrows.png) -20px center no-repeat; background:rgba(0,0,0,0.75) url(http://tarot-horoskop.com/slike/lightbox/d_arrows.png) -20px center no-repeat; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; border-top-left-radius:4px; border-bottom-left-radius:4px}
#lightbox .btn-panel{background:url(http://tarot-horoskop.com/slike/lightbox/spacer.png) no-repeat; position:relative; float:left; width:50%; height:0; z-index:3; cursor:pointer}
#lightbox .timer{position:absolute; left:0; background-color:#FFF; filter:alpha(opacity=50); opacity:.5; width:0; height:5px; z-index:2; visibility:hidden; font-size:0}
#lightbox .desc{position:absolute; left:0; color:#FFF; font-size:14px; text-align:left; width:100%; z-index:4; overflow:hidden; display:none; background:#000; background:rgba(0,0,0,0.75)}
#lightbox .inner-text{padding:5px}


.container {width:748px}
.wt-scroller{position:relative; display:block; font-family:Arial,Helvetica,sans-serif; background-color:#EFEFEF; width:748px; height:150px; padding:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.wt-scroller .slides{position:relative; width:748px; height:130px; float:left; overflow:hidden; z-index:1;}
.wt-scroller .slides ul{list-style:none; position:relative; width:99999px; margin:0; padding:0; z-index:0; overflow:hidden}
.wt-scroller .slides ul li{position:relative; display:block; float:left; overflow:hidden; width:100px; height:100px; background:none !important; padding:0 !important}
.wt-scroller .slides ul li img{position:absolute; top:0; left:0; z-index:0; border:0}
.wt-scroller .slides ul li p{position:absolute; top:0; left:0; z-index:1; color:#FFF; font-size:12px; width:100px; padding:5px; margin:0; visibility:hidden}
.wt-scroller .outside{background-color:#222}
.wt-scroller .inside{background:#000; background:rgba(0,0,0,0.75)}
.wt-scroller .prev-btn, 
.wt-scroller .next-btn{float:left; position:relative; width:35px; height:130px; cursor:pointer}
.wt-scroller .prev-btn{background:url(http://tarot-horoskop.com/slike/prev.png) center no-repeat}
.wt-scroller .next-btn{background:url(http://tarot-horoskop.com/slike/next.png) center no-repeat}
.wt-scroller .lower-panel{display:block; position:relative; clear:both; text-align:center; font-size:0}
.wt-scroller .scroll-bar{position:relative;background-color:#6A247C;background:-moz-linear-gradient(top, #8E3B9B 0%, #B073B9 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8E3B9B), color-stop(100%,#B073B9));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8E3B9B', endColorstr='#B073B9', GradientType=0);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width:100%;height:5px;cursor:pointer;overflow:hidden}
.wt-scroller .thumb{position:absolute;top:0;left:0;width:100px;height:5px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#EAD8ED;background:-moz-linear-gradient(top, #EAD8ED 0%, #D7B5DB 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EAD8ED), color-stop(100%,#D7B5DB));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAD8ED', endColorstr='#D7B5DB', GradientType=0)}
.wt-scroller .index, 
.wt-scroller .index-hl{position:relative; display:inline-block; width:7px; height:7px; margin:0 4px; background-image:url(http://tarot-horoskop.com/slike/circle.png); background-repeat:no-repeat}
.wt-scroller .index{background-position:0 0; cursor:pointer}
.wt-scroller .index-hl{background-position:-7px 0; cursor:default}
.wt-scroller .m-prev, 
.wt-scroller .m-next{position:absolute; width:30px; height:80px; top:50%; margin-top:-40px; cursor:pointer; z-index:5}
.wt-scroller .m-prev{left:0; background:#000 url(http://tarot-horoskop.com/slike/prev.png) center no-repeat; background:rgba(0,0,0,0.75) url(http://tarot-horoskop.com/slike/prev.png) center no-repeat}
.wt-scroller .m-next{left:100%; margin-left:-30px; background:#000 url(http://tarot-horoskop.com/slike/next.png) center no-repeat; background:rgba(0,0,0,0.75) url(http://tarot-horoskop.com/slike/next.png) center no-repeat}

/*////////////////////////////////MOJE IZMJENE//////////////////////////////////////////////////////////////////////////////////////*/

div.header01 {height:80px}

.prijatelji {padding:20px; margin:20px}
.prijatelji h5 {width:auto; font-size:13px; display:inline}
.prijatelji a {font-size:13px}

.clear10 {display:non; height:10px}

.entry {margin-bottom:20px}

#bigger-main div.box div.jquery-slider-wrapper div.matrix-slider div.jquery-slider-slide a div.tekst p, 
#middle div.middle div#bigger-main div.box div.matrix-slider div a div.tekst p {padding-bottom:20px}


#footer {background-repeat:repeat; width:1072px; height:520px;  border-radius:5px; border:7px solid #f5f5f5}
.foot-box1 {width:130px}



.span_top {position:absolute; top:5px; margin-left:26px; width:500px; text-decoration:blink}

.bspl-tarot {padding:15px; width:720px; height:30px; background:#f5f5f5; margin-top:20px; border-radius:4px; border:1px solid #c5c5c5; box-shadow:inset 0 0 5px #ccc;}
.bspl-tarot a {font-size:12px; margin-left:12px; border-radius:4px}

a.slink02 {background:url(http://tarot-horoskop.com/images/more-red.png) 0 0 no-repeat; width:288px; padding-right:10px}

#header div.logo {background: url(http://tarot-horoskop.com/images/tarot-horoskop-logo.png) 0 70px no-repeat;}
#header div.logo {height:150px}



/*/////////form*/
#form2{
		margin:0;
		padding:0;
		color:#fff;
		width:320px; /* customize width, this form have fluid layout */
		font-family:Century gothic, Arial;
		position:fixed;
		right:0;
		text-shadow:1px 1px 1px #000;
		}
	#form2 h3{
		margin:0;
		background:#703977;	
		color:#fff;
		font-size:20px;
		font-weight:normal;
		}		
	#form2 h3 span{
		display:block;
		padding:10px 20px;
		background:;			
		}				
	#form2 fieldset{
		margin:0;
		padding:0;
		border:none;	
		background:#B77EC0;		
		padding-bottom:1em;
		}		
	#form2 legend{display:none;}	
	#form2 p{margin:.5em 20px;}	
	#form2 label{display:block;}	
	#form2 input, #form2 textarea{		
		width:272px;
		border:1px solid #D0A7D8;
		background:#4B2651;
		padding:5px 3px;
		color:#E6D0EA;
		margin-top:10px;
		}		
	#form2 textarea{
		height:125px;
		overflow:auto;
		}					
	#form2 p.submit{
		text-align:right;
		margin-top:20px;
		}	
	#form2 button{
		padding:0 20px;
		height:32px;
		line-height:32px;		
		border:1px solid #703977;
		background:#703977;
		color:#fff;
		cursor:pointer;		
		text-align:center;		
		}	

#form2 button:hover {background:#4B2651; border:1px solid #4B2651; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear}
#form2 input:focus, #form2 textarea:focus {box-shadow:inset 2px 3px 5px #000; border:1px solid #E6D0EA; background:#444; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear }

.gumb {background:#4B2651; left:-281px; display:inline; font-size:16px; font-weight:bold; top:153px; padding:10px 20px; text-decoration:none; color:#fff; float:right; position:relative; border:6px solid #ccc; border-bottom:0;
 -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
 }

html body div#page div#wrapper div#middle div.middle div#smaller div.sbox a.slink {z-index:1}

.middle-left {margin-bottom:-19000px;padding-bottom:19000px}
.middle-right {;margin-bottom:-19000px;padding-bottom:19000px}

.gumb:hover {background:#000; cursor:pointer; z-index:9997; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; }
#form2 { position:fixed; right:-320px; top:20%;z-index:9997;}

.error2 {color:#FFEAEA; font-size:11px; margin-left:15px; display:none}
#form2 fieldset p.submit button{box-shadow:1px 1px 1px #301A35}
#form2 fieldset p.submit button {line-height:22px}

html body form#form2 fieldset p.first label {margin-bottom:-10px}

#form2 h3 span, #form2 h3 {-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;}

#form2 fieldset{-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;}

#form2 fieldset p label {font-size:15px}

#wrapper div#middle div.middle div#bigger h3 img {margin-top:-20px}
#wrapper div#middle div.middle div#bigger h3 img {margin-bottom:20px}


/*/////////form*/


#mask {
position:absolute;
left:0;
top:0;
z-index:9998;
background-color: #4D4D4D;
display:none;
}  

#boxes .window {
position:fixed;
left:-50%;
top:-50%;
width:500px;
height:330px;
display:none;
z-index:9999;
padding:20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 10px solid #ddd;
-moz-box-shadow:4px 4px 30px #333;
-webkit-box-shadow:4px 4px 30px #333;
box-shadow:4px 4px 30px #333;
-moz-transition:top 800ms;
-o-transition:top 800ms;
-webkit-transition:top 800ms;
transition:top 800ms;
}

#boxes #dialog {
width:500px; 
height:280px;
padding:0px;
background: #fff;
}


/*/////////hideshow*/


<style type="text/css"> 
  .mobileShow {display: none;} 

  /* Smartphone Portrait and Landscape */ 
  @media only screen 
    and (min-device-width : 220px) 
    and (max-device-width : 580px){ 
      .mobileShow {display: inline;}
  }
</style>


<style type="text/css">
  .mobileHide { display: inline; } 

  /* Smartphone Portrait and Landscape */ 
  @media only screen 
    and (min-device-width : 220px) 
    and (max-device-width : 580px){ 
     .mobileHide { display: none;}
  }
</style>