@charset 'utf-8';

@font-face {font-family: "B-cambria"; src: url('cambriab.eot'); /* IE */  
src: local('cambriab.ttf'), url('cambriab.ttf') format("truetype"); /* non-IE */}

html {font-family:'Cambria', 'B-cambria', serif;font-size:100%;}
body {background:url('/img/bg_blue.jpg') center top no-repeat fixed;text-align:center;margin:0;padding:0;height:auto;}

a {text-decoration:none;outline:none;cursor:pointer;}
a:link, a:visited {color:black;}
a:hover {color:white;}
a:active {color:green;}

h1 {margin:0%;padding:0;color:yellow;
text-shadow:2px 2px 5px #000;font-size:200%;
-webkit-text-stroke: 1px black;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

b {font-weight:bold;}
img {border:0;}

.nostyle {
position:absolute;visibility:hidden;
display:none;z-index:-100;font-size:0%;}
.noScript-Text {background:red;}

#kontejner {background:#F2E9C1;
position:relative;
width:950px;height:auto;
margin:0% auto 20px auto;
border:10px solid #F2E9C1;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0px 5px 20px black;
-moz-box-shadow:0px 5px 20px black;
-webkit-box-shadow:0px 5px 20px black;}
body#about #kontejner, body#kontakt #kontejner 
{background:none;}

#header {width:950px;height:470px;text-align:left;}
#flashGraphics {position:absolute;width:950px;height:427px;border:0;}
#nav {position:absolute;background:url('/img/telefoni_bg.jpg') top left repeat-x;width:949px;height:39px;
top:427px;border:0;border-right:1px solid black;border-bottom:2px solid black;border-top:2px solid black;}
#nav a {background-color:#e06227;font-size:130%;line-height:40px;font-weight:bold;
margin:0%;margin-right:7px;padding:7px 31px 6px 31px;
border:1px solid black;}

#nav a:link, #nav a:visited {color:white;}
#nav a:hover {color:#e06227;background-color:#efbf3f;}
#nav a:active {background-color:white;color:black;}
#nav img {margin-top:-1px;}

#sredina {position:relative;width:950px;
height:528px;top:0px;
z-index:6;background:url('/img/bg.jpg') no-repeat;
border-radius:0px 0px 10px 10px;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;}

body#about #sredina, body#kontakt #sredina {
background:url('/img/whiteDot.png') repeat;
height:auto;padding-bottom:20px;
border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}

#bookMenu {margin:0%;padding:0;width:950px;height:476px;}
#Book1, #Book2, #Book3, #Book4, #Book5, #Book6, #Book7, #Book8
{position:absolute;margin:0%;padding:0;}

#Book1 {width:130px;height:130px;bottom:125px;left:85px;} 
#Book2 {width:120px;height:120px;bottom:125px;left:336px;} 
#Book3 {width:120px;height:120px;bottom:134px;right:309px;} 
#Book4 {width:135px;height:135px;bottom:143px;right:71px;} 
#Book5 {width:128px;height:128px;top:103px;left:145px;} 
#Book6 {width:110px;height:110px;top:127px;left:411px;} 
#Book7 {width:130px;height:130px;top:74px;right:285px;} 
#Book8 {width:130px;height:130px;top:110px;right:148px;} 

#order {position:absolute;background:url('/img/booksLeft.png') 60px 25px no-repeat;
text-align:center;width:950px;height:70px;bottom:0px;left:0px;right:0px;z-index:7;}
.booksLeft {font-size:120%;line-height:30px;}
#footer {position:absolute;z-index:50;
background:#F2E9C1;height:15px;width:auto;
right:13px;
bottom:-25px;padding-top:5px;
border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
-webkit-border-radius:0px 0px 5px 5px;
box-shadow:0px 2px 5px black;
-moz-box-shadow:0px 2px 5px black;
-webkit-box-shadow:0px 2px 5px black;}
.copyright {font-family:'Verdana', 'Geneva', sans-serif;
font-size:10px;padding:0px 10px 0px 10px;}
.copyright a {text-shadow:0px 1px 1px black;}
.copyright a:link, .copyright a:visited {color:black;}
.copyright a:hover {color:#666;}
.copyright a:active {color:red;}

#aboutUs, #konTakt {text-shadow:0px 1px 1px black;}
#aboutUs {text-align:left;margin:15px 20px;font-size:120%;line-height:145%;}
#konTakt {font-size:280%;}
#zvuk {position:absolute;top:10px;right:10px;}

/* drop down menus */
.anylinkcsscols {background:none;border:0 none;
position:absolute;left:0;top:0;visibility:hidden;z-index:100;
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:20px 0px 15px 0px;}
.anylinkcsscols .column {width:180px;text-align:left;float:left;margin-left:20px;margin-right:15px;}
.anylinkcsscols .column p {margin:0%;padding-bottom:10px;color:red;text-shadow:1px 1px 1px black;}
.anylinkcsscols .column ul {margin:0%;padding:0;list-style-type:none;}
.anylinkcsscols .column ul li {padding-left:10px;padding-bottom:0;background:orange;margin:3px;}
.anylinkcsscols .column ul li:hover {background:#767F8F;}
.anylinkcsscols .column ul li a {font-size:105%;text-shadow:1px 1px 1px #666;}
.anylinkshadow {position:absolute;left:0;top:0;z-index:99;background:black;
visibility:hidden;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}

/* -------------------------------------------------------
---------------------- css by http://www.spookycorp.com */