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;}
body {line-height: 1;}
ol, ul {list-style: none;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
body {
margin: 0 auto;
padding: 0;
background: #cade97 url("http://rasadnik-kristek.com.hr/slike/body-bg-0.gif") top left repeat-x;
font: normal 12px Arial, "Trebuchet MS", Verdana, Sans-serif;
color:#000;
text-align: left;
}
h1 {font-size: 13px; color: #fff; font-weight: normal;letter-spacing: 8px;width:1000px;float:left;text-align: center;}
h2 {font-size: 10px; color: #1a4c0a; font-weight: normal; margin: 0;}
h3 {font-size: 22px; color: #c4161c; font-weight: normal; margin: 0 0 10px 0;}
.sredina-box-title h3 {font-size: 24px; color: #ddb21e; font-weight: normal; margin: 0;text-transform:uppercase;}
.entry-title h3 {font-size: 20px; color: #888; font-weight: normal; margin: 0 0 15px 0;}
h4 {font-size: 20px; font-weight: normal;}
h5 {font-size: 10px; font-weight: bold; float: left;}
h6 {font-size: 11px; font-weight: bold;}
.clear {clear: both; height: 1px;}
.clear5 {clear: both; height: 5px;}
.clear10 {clear: both; height: 10px;}
.clear15 {clear: both; height: 15px;}
.clear20 {clear: both; height: 20px;}
.clear30 {clear: both; height: 30px;}
.clear40 {clear: both; height: 40px;}
.clear50 {clear: both; height: 50px;}
.clear100 {clear: both; height: 100px;}
a:link {color: #c4161c; text-decoration: none;}
a:visited {color: #c4161c; text-decoration: none;}
a:active {color: #c4161c;}
a:hover {color: #ff0000; text-decoration: none;}
a.sivi:link, a.sivi:visited, a.sivi:active {color: #888; text-decoration: none;}
a.sivi:hover {color: #32711F; text-decoration: none;}
a.t-sivi:link, a.t-sivi:visited, a.t-sivi:active {color: #222; text-decoration: none;}
a.t-sivi:hover {color: #666; text-decoration: none;}
a.s-sivi:link, a.s-sivi:visited, a.s-sivi:active {color: #999; text-decoration: none;}
a.s-sivi:hover {color: #32711F; text-decoration: none;}
a.m-sivi:link, a.m-sivi:visited, a.m-sivi:active {color: #a3a3a2; text-decoration: none;}
a.m-sivi:hover {color: #a3a3a2; text-decoration: none;}
a.d-sivi:link, a.d-sivi:visited, a.d-sivi:active {color: #555; text-decoration: none;}
a.d-sivi:hover {color: #32711F; text-decoration: none;}
a.crni:link, a.crni:visited, a.crni:active {color: #000; text-decoration: none;}
a.crni:hover {color: #000; text-decoration: none;}
a.forma-in:link, a.forma-in:visited, a.forma-in:active {color: #000; text-decoration: none;}
a.forma-in:hover {color: #c4161c; text-decoration: none;}
a.crveni:link, a.crveni:visited, a.crveni:active {color: #c4161c; text-decoration: none;}
a.crveni:hover {color: #000; text-decoration: none;}
a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #fff; text-decoration: none;}
a.bijeli:hover {color: #c4161c; text-decoration: none;}
a.zeleni-u:link, a.zeleni-u:visited, a.zeleni-u:active {color: #a9c50e; text-decoration: underline;}
a.zeleni-u:hover {color: #1a4c0a; text-decoration: underline;}
a.t-zeleni:link, a.t-zeleni:visited, a.t-zeleni:active {color: #1a4c0a; text-decoration: none;}
a.t-zeleni:hover {color: #7fb507; text-decoration: none;}
#pagination {float: right; margin: 20px 0 0 0;}
#pagination-digg li { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-digg a { border:solid 1px #9aafe5; margin-right:2px; }
#pagination-digg .previous-off,
#pagination-digg .next-off { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:0 4px; }
#pagination-digg .next a,
#pagination-digg .previous a { font-weight:bold; }
#pagination-digg .active { background:#2e6ab1; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:1px 7px; /* savers */ margin-right:2px; }
#pagination-digg a:link,
#pagination-digg a:visited { color:#0e509e; display:block; float:left; padding:0 6px; text-decoration:none; }
#pagination-digg a:hover { border:solid 1px #0e509e; }
.btn {
height: 27px;
display: block;
// background: url(http://rasadnik-kristek.com.hr/slike/btn.gif) top left repeat-x;
background: #eeeeee; /* old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
text-align: center;
float: left;
color: #444;
text-decoration: none;
cursor: pointer;
border: 1px solid #c4c4c4;
font: bold 12px/27px Arial;
margin: 0 10px;
padding: 0 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
input.btn {float: left;}
.btn:hover {
// background: url(http://rasadnik-kristek.com.hr/slike/btn.gif) top left repeat-x;
background: #f2f5f6; /* old browsers */
background: -moz-linear-gradient(top, #f2f5f6 0%, #c8d7dc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* ie */
border: 1px solid #c4c4c4;
color: #444;
}
a.btn:link, a.btn:visited, a.btn:active, a.btn:hover {color: #444;}
#oko-sve{position:absolute;width:100%;top:0}
.fullBg{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%}
#wrapper {
width: 1068px;
background: url("http://rasadnik-kristek.com.hr/slike/wrapper-bg.png") 0px 200px no-repeat;
margin: 0 auto;
padding: 0 0 0 34px;
}
#wrapper-in {
width: 1000px;
float: left;
margin: 10px 0 0 0;
}
#trakica-gore-bg {
width: 100%;
height: 12px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/trakica-gore-bg.gif") top left repeat-x;
}
#header
{
background: #ccc;
padding: 20px;
}
#header h1 { margin: 0; }
#gumb-vise {
width: 203px;
height: 39px;
float: right;
background: url("http://rasadnik-kristek.com.hr/slike/rasadnik-bjelovar-kontakt.png") top left no-repeat;
margin: 0 68px 0 0;
}
#gumb-vise-pocetna {
width: 203px;
height: 39px;
float: right;
background: url("http://rasadnik-kristek.com.hr/slike/rasadnik-bjelovar-vise.png") top left no-repeat;
margin: 0 68px 0 0;
}
#logo-gore {
width: 371px;
height: 105px;
float: left;
margin: 30px 0 0 312px;
}
#izbornik {
width: 1000px;
height: 71px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/menu-bg.png") top left no-repeat;
}
#izbornik-dolje {
float: left;
margin: 50px 0 0 0;
}
#main {
width: 1000px;
float: left;
background: #fff;
}
#main-in {
width: 1000px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/main-in_bg.gif") top left repeat-y;
}
#bigger {
width: 715px;
float: right;
padding: 0 20px 0 0;
}
#donja-traka {
width: 960px;
height: 59px;
line-height: 59px;
padding: 0 20px 0 20px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/donja-traka-bg.png") top left no-repeat;
font-size: 14px;
color: #fff;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
#donja-traka:hover {
width: 960px;
height: 59px;
line-height: 59px;
padding: 0 20px 0 20px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/donja-traka-bg.png") top left no-repeat;
font-size: 14px;
color: #fff;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
cursor: pointer;
}
#logo-mali {
width: 135px;
height: 26px;
float: right;
}
.svijetlo-zeleno {
font-size: 16px;
font-weight: bold;
color: #cdea8b;
}
.prvi {
width: 226px;
float: left;
background: #f4f4f4;
margin: 50px 0 50px 19px;
padding: 0;
}
.drugi {
width: 226px;
float: left;
background: #f4f4f4;
margin: 50px 0 50px 19px;
padding: 0;
}
.treci {
width: 226px;
float: left;
background: #f4f4f4;
margin: 50px 0 50px 19px;
padding: 0;
}
.cetvrti {
width: 226px;
float: right;
background: #f4f4f4;
margin: 50px 19px 50px 0;
padding: 0;
}
.tekst-pocetna {
padding: 10px;
font-size: 12px;
line-height: 20px;
color: #777;
}
.tekst-in {
height: 120px;
position: relative;
overflow: hidden;
}
.vise {
float: right;
height: 14px;
line-height: 14px;
font-size: 12px;
background: url("http://rasadnik-kristek.com.hr/slike/vise-ikonica.gif") top left no-repeat;
padding: 0 0 0 20px;
}
#kontakt-naslov {
float: left;
width: 153px;
height: 57px;
background: url("http://rasadnik-kristek.com.hr/slike/kontakt-naslov.png") top left no-repeat;
margin: 0 0 20px 0;
}
#galerija-naslov {
float: left;
width: 153px;
height: 57px;
background: url("http://rasadnik-kristek.com.hr/slike/galerija-naslov.png") top left no-repeat;
margin: 0 0 30px 0;
}
#kontakt {
float: left;
width: 153px;
margin: 70px 0 0 90px;
}
#galerija {
float: right;
width: 153px;
margin: 70px 90px 0 0;
}
.text {
float: left;
width: 143px;
height: 41px;
background: url("http://rasadnik-kristek.com.hr/slike/kucica-m.png") top left no-repeat;
border: none;
padding: 0 0 0 10px;
margin: 3px 0 0 0;
font-size: 14px;
color: #32711f;
}
.text:hover {
float: left;
width: 143px;
height: 41px;
background: url("http://rasadnik-kristek.com.hr/slike/kucica-m-a.png") top left no-repeat;
border: none;
padding: 0 0 0 10px;
margin: 3px 0 0 0;
font-size: 14px;
color: #32711f;
}
.text:focus {
float: left;
width: 143px;
height: 41px;
background: url("http://rasadnik-kristek.com.hr/slike/kucica-m-a.png") top left no-repeat;
border: none;
padding: 0 0 0 10px;
margin: 3px 0 0 0;
font-size: 14px;
color: #32711f;
}
.textarea {
float: left;
width: 143px;
height: 96px;
background: url("http://rasadnik-kristek.com.hr/slike/kucica-v.png") top left no-repeat;
border: none;
padding: 0 0 0 10px;
margin: 3px 0 0 0;
resize:none;
font-size: 12px;
color: #32711f;
position: relative;
}
.textarea:hover {
float: left;
width: 143px;
height: 96px;
background: url("http://rasadnik-kristek.com.hr/slike/kucica-v-a.png") top left no-repeat;
border: none;
padding: 0 0 0 10px;
margin: 3px 0 0 0;
font-size: 12px;
color: #32711f;
position: relative;
}
.textarea:focus {
float: left;
width: 143px;
height: 96px;
background: url("http://rasadnik-kristek.com.hr/slike/kucica-v-a.png") top left no-repeat;
border: none;
padding: 0 0 0 10px;
margin: 3px 0 0 0;
font-size: 12px;
color: #32711f;
position: relative;
}
.gumb {
float: left;
width: 153px;
height: 31px;
background: url("http://rasadnik-kristek.com.hr/slike/gumb_bg.png") top left no-repeat;
cursor: pointer;
color: #32711f;
margin: 3px 0 0 0;
padding. 0;
border: none;
}
#izdvojeno {
float: left;
width: 242px;
height: 320px;
background: url("http://rasadnik-kristek.com.hr/slike/izdvojeno_bg.png");
padding: 30px 21px 20px 22px;
margin: 50px 0 0 120px;
font-size: 12px;
color: #32711f;
}
.izdvojeno-naslov {
font-size: 24px;
color: #c3e284;
}
.izdvojeno-tekst {
font-size: 12px;
line-height: 22px;
color: #f4f4f4;
height: 135px;
position: relative;
overflow: hidden;
margin: 17px 0 0 0;
}
.izdvojeno-slika {
float: left;
border: 2px solid #5b883e;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
.izdvojeno-slika:hover {
float: left;
border: 2px solid #5b883e;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.slika-lijevo-gal {
float: left;
margin: 0 0 5px 0;
border: 2px solid #CBE394;
}
.slika-desno-gal {
float: right;
margin: 0 0 5px 0;
border: 2px solid #CBE394;
}
.slika-lijevo-gal:hover {
float: left;
margin: 0 0 5px 0;
border: 2px solid #71944F;
cursor: pointer;
}
.slika-desno-gal:hover {
float: right;
margin: 0 0 5px 0;
border: 2px solid #71944F;
cursor: pointer;
}
.slika-lijevo {
float: left;
margin: 5px 20px 0 0;
}
.slika-desno {
float: right;
margin: 5px 0 0 20px;
}
.slika-vijest{
float: left;
margin: 0 5px 0 0;
}
.slika-lijevo-g2 {
float: left;
margin: 0;
}
#foot {
float: left;
width: 940px;
height: 70px;
background: #688d3f url("http://rasadnik-kristek.com.hr/slike/foot_bg.gif") top left repeat-x;
padding: 20px 30px 0 30px;
color: #fff;
font-size: 10px;
}
#footlink {
margin: 0 20px 0 0;
font-size: 14px;
}
#rss {
float: right;
}
.uvod {
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
line-height: 18px;
color: #000;
}
.cijeli {
font-family: Tahoma;
font-size: 12px;
line-height: 18px;
color: #555;
}
#bread-g {
margin: 25px 20px 20px 20px;
}
#bread-d {
margin: 20px 20px 25px 20px;
}
#izbornik-lijevo {
width: 225px;
}
#smaller {
width: 195px;
float: left;
margin: 0 20px 0 20px;
padding: 15px;
}
#ponuda-gumb {
width: 195px;
height: 36px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/ponuda-gumb.png") top left no-repeat;
margin: 0 0 10px 0;
}
#ponuda-gumb:hover {
width: 195px;
height: 36px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/ponuda-gumb.png") bottom left no-repeat;
cursor: pointer;
margin: 0 0 10px 0;
}
#ponuda-gumb_a {
width: 195px;
height: 36px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/ponuda-gumb.png") bottom left no-repeat;
margin: 0 0 10px 0;
}
#cjenik-gumb {
width: 195px;
height: 36px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/cjenik-gumb.png") top left no-repeat;
margin: 10px 0 0 0;
}
#cjenik-gumb:hover {
width: 195px;
height: 36px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/cjenik-gumb.png") bottom left no-repeat;
cursor: pointer;
margin: 10px 0 0 0;
}
#cjenik-gumb_a {
width: 195px;
height: 36px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/cjenik-gumb.png") bottom left no-repeat;
margin: 10px 0 0 0;
}
#vijesti-gumb {
width: 195px;
height: 36px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/vijesti-gumb.png") top left no-repeat;
margin: 10px 0 0 0;
}
#vijesti-gumb:hover {
width: 195px;
height: 36px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/vijesti-gumb.png") bottom left no-repeat;
cursor: pointer;
margin: 10px 0 0 0;
}
#vijesti-gumb_a {
width: 195px;
height: 36px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/vijesti-gumb.png") bottom left no-repeat;
margin: 10px 0 0 0;
}
.proizvod-gumb {
float: left;
width: 165px;
height: 45px;
line-height: 45px;
background: url("http://rasadnik-kristek.com.hr/slike/crta-gumb.gif") bottom left no-repeat;
font-size: 20px;
padding: 0 15px 0 15px;
}
.proizvod-gumb:hover {
float: left;
width: 165px;
height: 45px;
line-height: 45px;
background: #e5e5e5 url("http://rasadnik-kristek.com.hr/slike/crta-gumb.gif") bottom left no-repeat;
font-size: 20px;
padding: 0 15px 0 15px;
cursor: pointer;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.proizvod-gumb_a {
float: left;
width: 165px;
height: 45px;
line-height: 45px;
background: #e5e5e5 url("http://rasadnik-kristek.com.hr/slike/crta-gumb.gif") bottom left no-repeat;
font-size: 20px;
padding: 0 15px 0 15px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.proizvod-gumb a {
float: left;
width: 165px;
height: 45px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.entry {
margin: 0 0 30px 0;
}
#zadnje-vijesti {
float: left;
width: 195px;
margin: 10px 0 0 0;
font-family: Tahoma;
font-size: 10px;
color: #555;
line-height: 14px;
}
#izdvojeno-naslov-dolje {
width: 225px;
height: 51px;
float: left;
margin: 5px 0 0 0;
background: url("http://rasadnik-kristek.com.hr/slike/izdvojeno-naslov.gif") top center no-repeat;
margin: 0 20px 0 0;
}
#izdvojeno-naslov-dolje:hover {
width: 225px;
height: 51px;
float: left;
background: url("http://rasadnik-kristek.com.hr/slike/izdvojeno-naslov.gif") bottom center no-repeat;
cursor: pointer;
margin: 0 20px 0 0;
}
#izdvojeno-dolje {
float: left;
width: 960px;
height: 48px;
margin: 0 20px 0 20px;
background: url("http://rasadnik-kristek.com.hr/slike/izdvojeno-dolje_bg.gif") top left no-repeat;
padding: 9px 0 9px 0;
}
.izdvojeno-dolje-kucica {
float: left;
width: 225px;
height: 48px;
position: relative;
overflow: hidden;
margin: 0 0 0 10px;
font-size: 9px;
}
#vodic-karta {
float: left;
width: 705px;
height: 500px;
display: block;
border: 5px solid #A9D15E;
font-size: 11px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.window {
width: 300px;
height: 300px;
}
#karta-naslov {
float: right;
font-size: 14px;
font-weight: bold;
color:#999;
position: relative;
top: -34px;
}
.glavni-naslov {
font-size: 24px;
color: #1a4c0a;
}
.entry table {
border: 1px solid #fff;
}
.entry table td {
border: 1px solid #fff;
padding: 5px;
}
.table-head {
border: 1px solid #fff;
color: #6D9E3F;
background: #C4D98B;
font-size: 20px;
}
.table-head td {
height: 50px;
line-height: 50px;
font-family: Arial;
}
.table-row {
border: 1px solid #fff;
padding: 5px;
background: #DDD9C3;
}
.jedna-slika {
width: 150px;
height: 150px;
float: left;
overflow: hidden;
position: relative;
}
.galerija-kocka {
width: 151px;
height: 230px;
padding: 10px;
margin: 0 10px 10px 0;
background: #F4F4F4;
float: left;
overflow: hidden;
position: relative;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.galerija-kocka2 {
width: 151px;
height: 230px;
padding: 10px;
margin: 0 0 10px 0;
background: #F4F4F4;
float: left;
overflow: hidden;
position: relative;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.galerija-kocka3 {
width: 151px;
height: 250px;
padding: 10px;
margin: 0 10px 10px 0;
background: #F4F4F4;
float: left;
overflow: hidden;
position: relative;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.galerija-kocka4 {
width: 151px;
height: 250px;
padding: 10px;
margin: 0 0 10px 0;
background: #F4F4F4;
float: left;
overflow: hidden;
position: relative;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.opis-foto {
float: left;
font-size: 11px;
color: #555;
margin: 10px 0 0 0;
}
.entry-title-galerija h3 {
height: 44px;
font-size: 18px;
position: relative;
overfloW: hidden;
}
/*IZBORNIK */
*{outline: none;}
img {border: 0;}
.container {
width: 1000px;
padding: 0;
margin: 0;
float: left;
}
ul#topnav {
margin: 0; padding: 0;
float:left;
width: 100%;
list-style: none;
font-size: 1.1em;
z-index: 1000;
}
ul#topnav li {
float: left;
margin: 0; padding: 0;
position: relative;
}
ul#topnav li a {
float: left;
text-indent: -9999px;
height: 71px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
background: url("http://rasadnik-kristek.com.hr/slike/naslovnica.png") no-repeat;
width: 171px;
}
ul#topnav a.home_a {
background: url("http://rasadnik-kristek.com.hr/slike/naslovnica_a.png") no-repeat;
width: 171px;
}
ul#topnav a.onama {
background: url("http://rasadnik-kristek.com.hr/slike/onama.png") no-repeat;
width: 137px;
}
ul#topnav a.onama_a {
background: url("http://rasadnik-kristek.com.hr/slike/onama_a.png") no-repeat;
width: 137px;
}
ul#topnav a.galerija {
background: url("http://rasadnik-kristek.com.hr/slike/galerija.png") no-repeat;
width: 133px;
}
ul#topnav a.galerija_a {
background: url("http://rasadnik-kristek.com.hr/slike/galerija_a.png") no-repeat;
width: 133px;
}
ul#topnav a.reference {
background: url("http://rasadnik-kristek.com.hr/slike/reference.png") no-repeat;
width: 166px;
}
ul#topnav a.reference_a {
background: url("http://rasadnik-kristek.com.hr/slike/reference_a.png") no-repeat;
width: 166px;
}
ul#topnav a.cjenik {
background: url("http://rasadnik-kristek.com.hr/slike/cjenik.png") no-repeat;
width: 112px;
}
ul#topnav a.cjenik_a {
background: url("http://rasadnik-kristek.com.hr/slike/cjenik_a.png") no-repeat;
width: 112px;
}
ul#topnav a.lokacija {
background: url("http://rasadnik-kristek.com.hr/slike/lokacija.png") no-repeat;
width: 147px;
}
ul#topnav a.lokacija_a {
background: url("http://rasadnik-kristek.com.hr/slike/lokacija_a.png") no-repeat;
width: 147px;
}
ul#topnav a.kontakt {
background: url("http://rasadnik-kristek.com.hr/slike/kontakt.png") no-repeat;
width: 134px;
}
ul#topnav a.kontakt_a {
background: url("http://rasadnik-kristek.com.hr/slike/kontakt_a.png") no-repeat;
width: 134px;
}
ul#topnav li .sub {
position: absolute;
top: 71px; left: -1px;
background: url("http://rasadnik-kristek.com.hr/slike/sub_bg.png") top right no-repeat;
padding: 5px 0 20px 0;
border-left: 1px solid #3c3c3c;
border-right: 1px solid #3c3c3c;
border-bottom: 1px solid #3c3c3c;
float: left;
z-index: 1000;
-moz-border-radius-bottomright: 10px;
-khtml-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;z-index: 1000;}
ul#topnav li .sub ul{
list-style: none;
margin: 0; padding: 0;
width: 150px;
float: left;
z-index: 1000;
}
ul#topnav .sub ul li {
width: 100%;
color: #fff;
z-index: 1000;
}
ul#topnav .sub ul li h2 {
padding: 0; margin: 0;
font-size: 1.3em;
font-weight: normal;
z-index: 1000;
}
ul#topnav .sub ul li h2 a {
padding: 5px 0;
background-image: none;
color: #e8e000;
z-index: 1000;
}
ul#topnav .sub ul li a {
float: none;
text-indent: 0; /*--Reset text indent--*/
height: auto;
padding: 7px 5px 10px 15px;
display: block;
text-decoration: none;
z-index: 1000;
}
/*GALERIJA*/
/* ------------------------------------------------------------------------
This you can edit.
------------------------------------------------------------------------- */
/* ----------------------------------
Default Theme
----------------------------------- */
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }
div.pp_default .pp_top .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
div.pp_default .pp_top .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
div.pp_default .pp_top .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } /* Content background */
div.pp_default .pp_next:hover { background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */
div.pp_default .pp_previous:hover { background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.pp_default .pp_expand { background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
div.pp_default .pp_expand:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
div.pp_default .pp_contract { background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
div.pp_default .pp_contract:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
div.pp_default .pp_close { width: 30px; height: 30px; background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
div.pp_default #pp_full_res .pp_inline { color: #000; }
div.pp_default .pp_gallery ul li a { background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 105px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; font-color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
div.pp_default .pp_bottom .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */
div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Light Rounded Theme
----------------------------------- */
div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } /* Content background */
div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; }
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Rounded Theme
----------------------------------- */
div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Square Theme
----------------------------------- */
div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
/* ----------------------------------
Light Square Theme
----------------------------------- */
div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Facebook style Theme
----------------------------------- */
div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
div.facebook .pp_content { background: #fff; } /* Content background */
div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; }
div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social { float: left; margin: 7px 0 0 0; }
.pp_social .facebook { float: left; position: relative; top: -1px; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
position: absolute; right: 0; top: 0;
display: block;
line-height:22px;
text-indent: -10000px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999;
}
.screen-reader {
display: block !important;
left: -9999px !important;
position: absolute !important;
}