html{ }
body{ /*background: url(grafika/vrancek.png) no-repeat top left;*/margin: 25px 0 0 0; padding: 0;background: url(grafika/podlaga-bg.jpg) no-repeat center top;   font: 100% verdana,arial,sans-serif; text-align: center; }

a img{ border: none;}
p{ line-height: 15px; text-align: left; }
p.p2{ line-height: 13px; }
#clear40 { height:40px; clear:both}
#clear20 { height:20px; clear:both}

#wrap,#head,meni{ text-align: left; }

div#wrap{ width: 700px; margin: 0 auto; margin-left: auto; margin-right: auto; }
h1{padding-left: 10px; display:block; margin-bottom:8px; font-size:16px}
h1:first-letter {  font-size: 1.4em; color: #900;}
h2{padding-left: 10px; display:block; margin-bottom:8px; font-size:14px}
h2:first-letter{  font-size: 1.4em; color: #900;}
h3{padding-left: 10px; display:block; margin-bottom:8px; font-size:12px}
h3:first-letter{  font-size: 1.4em; color: #900;}
h4{padding-left: 10px; display:block; margin-bottom:8px; font-size:11px}
h4:first-letter {  font-size: 1.4em; color: #900;}

#head { color: white; height:210px;}
#jeziki {text-align:right; font-size:10px; color:#000000; margin-right:20px; padding-top:220px}
#jeziki a, a:hover, a:visited{color:#000000; text-decoration:none}

#centralno{ width: 500px; padding: 0; border: 0; margin: 0; margin-left: 180px; margin-top: 30px; font-size:10px}
#centralno p { margin-left: 5px; margin-top:3px; margin-bottom:3px}
#centralno li#arhiv { font-size: 70%; margin-left: 5px; margin-top:3px; margin-bottom:3px}


.imgleft, .left, img.left {
  float:left;
  margin:4px 15px 4px 0;
}
 .imgright, .right, img.right {
  float:right;
  margin:8px 0 4px 10px;
}

/*Meni*/
#meni{ float: left; width: 180px; position: relative; }
#meni ul { margin-left: 0; margin-top: 0px; padding-left: 0; margin-bottom: -0px; list-style-type: none; font: 70% Verdana, Helvetica, sans-serif bold; }
#meni a { display: block; padding: 8px; width: 170px; w\idth: 155px; \widht: 170px; background-color: #000000; border-bottom: 1px solid #fff; line-height: 15px; color: #eee; text-decoration: none; font-weight:bold; text-align:left }
#meni a:hover { background-color: #F15522; color: #000; }
/*li#home a{ background: #000 url(grafika/01.gif) no-repeat 140px 7px; }*/
#izbran a{ background: #F15522 url(grafika/izbran.gif) no-repeat 140px 7px; color:#000000 }
#menispodaj{ background: url(grafika/vrancek.png) no-repeat 0px 0px; padding-top: 200px; }
/*Konec meni*/

#datum{ font-size: xx-small; margin-left: 540px;}

.bloki { background-color: #F0ECEC; width: 480px; w\idth: 470px; \widht: 480px; margin-left: 185px; margin-top: 10px; padding: 10px; border: 1px solid #B9B7B7; text-decoration: none; }
.bloki p{line-height:15px}
.bloktekst{ /*margin-top: 13px; padding-bottom: 10px;*/ margin: 10px auto}
.bloktekst p{ font-size: 70%; margin-left: 140px;}
.bloktekst h1{ font-size: 80%; margin-left: 140px; margin-bottom: 10px; padding-top: 2px; }
.urniki p{ font-size: 70%; margin-left: 10px;  }
.urniki h1{ font-size: 80%; margin-left: 10px; margin-bottom: 10px; padding-top: 2px; }
.urniki li {font-size: 70%;}

/*footer*/
#footer{ clear: both; display: block; width:698px; border:1px #CCCCCC solid; color:#000; margin: 50px auto 10px auto; padding:0; font-size: xx-small; }
#footer p{margin:2px 2px 2px 15px; text-align:center;}
#footer a, a:hover{ color: white; text-decoration: none; }
/*konec footer*/

/*about*/
#about{color: #CCCCCC; margin: 0 25px 0 25px; padding: 2px; font-size: xx-small; display:block; width:645px; text-align:center}
#about a, a:hover{ color: #999999; text-decoration: none; }
/*konec about*/

/*slike*/
.slikadesno{ float: right; margin-top:auto; margin-left: 8px; margin-bottom: 8px; }
#slikamala{ width: 130px; float: left; }
.naslika { background-color: #FFF; width: 490px; w\idth: 480px; \widht: 490px; margin-left: 185px; margin-top: 10px; padding: 10px 10px 10px 10px;}
.naslika img{ border: none; }
/*konec slike*/


ol li {font-size: x-small; line-height: 18px; list-style: url("grafika/olbg.gif");}

.kolumne{ display:block; background-color:#CCCCCC; float: left; width: 235px; margin:10px 5px 10px 5px; padding:0px;}
.kolumne a{font-weight: bold; text-decoration: underline; color: black;}
.kolumne a:hover{text-decoration: none; background-color: #cc0000; color: white;}
.kolumne a:visited{color: #A70303; }
.kolumne p { margin:5px}
.kolumne p#vec {text-align:right}
.kolumne p#vec a, a:hover, a:visited{text-align:right; color:#F15522; text-decoration:none; background:none}

b { color: #cc0000; }

a:hover.red, .bloki a { text-decoration: none; }

.lp {color:#900; margin:5px; font-weight:bold;font-size:11px}

.rezf {margin:5px; background-color:#ECECEA; padding:5px;border: 1px solid #8A8A8A;}
.rezf img {margin:0 0 5px 3px}
.rezf input {color:#000; font-weight:normal; width:100px}
.rezf input.inputSubmit {font-weight:bold; width:120px}
form#rezervacije {color:#900; font-weight:bold;font-size:11px}

select , option , textarea , input {
border: 1px solid #808080;color : #000000;font-size : 11px;font-family : Verdana, Arial, Helvetica, sans-serif;background-color : #ffffff;margin:0 0 7px 0;}
textarea {width:250px; height:150px;}

/* meni strani */
/*ul#nav {margin: 0;padding: 0;list-style: none;width: 155px;border-bottom: 1px solid #ccc; float:left}	
ul#nav li {position: relative;}
li#nav ul {position: absolute;left: 154px;top: 0;display: none;}
ul#nav li a {display: block;text-decoration: none;color: #900;background: #fff;padding: 5px 0px 5px 0px;border-top: 1px solid #ccc;border-bottom: 0; text-align:left}
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
li#nav:hover ul, li.over#nav ul { display: block; }
#menu {float:left;width:155px;margin:1px;padding:0;}
#menu ul {line-height:1.5;margin:0 0 0 0;padding:0 0 0 0;list-style:none;font-size:xx-small;}
html>#menu ul {font-size:x-small;}
#menu ul li { padding:0 0px 0 0px;}
#menu ul li a {display:block;text-decoration:none;color:#900;}
#menu ul li a:hover {text-decoration:underline;color:#f66; background-color:#CCCCCC}
#menu h6 {font-family:"Tahoma", Verdana, Helvetica, sans-serif;font-weight:normal;letter-spacing:0.3em;color:#666;margin:0;padding:0px 0 0px 2px;font-size:xx-small;}
#menu p{margin:10px 0 0 0}*/
/* konec meni strani */

/* meni rubrike */
ul#nav {margin: 0;padding: 0;list-style: none;width: 160px;border-bottom: 1px solid #8A8A8A;border-left: 1px solid #8A8A8A;border-right: 1px solid #8A8A8A;}
ul#nav li {position: relative;}
li#nav ul {position: absolute;left: 160px;top: 0;display: none; z-index:2;}
ul#nav li a {display: block;text-decoration: none;color: #900;background: #fff;padding: 3px 3px 3px 10px;border-top: 1px solid #8A8A8A;border-bottom: 0; cursor:hand; text-align:left}
* html ul#nav li { float: right; height: 1%; }
* html ul#nav li a { height: 1%; }
li#nav:hover ul, li.over#nav ul { display: block;}
#menu {float:left;width:162px;margin:0;padding:10px 6px 100px 6px; font-weight:bold; background-image:url(images/menip.png)}
#menu ul {line-height:1.5;margin:0 0 0 0;padding:0 0 0 0;list-style:none;font-size:xx-small;}
html>#menu ul {font-size:x-small;}
#menu ul li { padding:0 0px 0 0px;}
#menu ul li a {display:block;text-decoration:none;color:#900; background-color:#ECECEA;}
#menu ul li a:hover {text-decoration:underline;color:#f66;}
#menu img{ border:0px; margin-top:10px}
#menu h6 {font-family:"Tahoma", Verdana, Helvetica, sans-serif;font-weight:normal;letter-spacing:0.3em;color:#666;margin:0;padding:0px 0 0px 2px;font-size:xx-small;}
#menu p{margin:10px 0 0 0}