@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;outline:none;}
body{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background:#3366CC url(/media/val_bg.png) repeat-x; text-align:center;}

a.op img{opacity:.7; border:1px solid white; outline:1px solid #24488F;}
a.op:hover img{opacity:1;}
.boxfix{clear: both;}

.curv10{border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.curv5{border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.shadow1{-moz-box-shadow: 4px 4px 6px #000; -webkit-box-shadow: 4px 4px 6px #241827; box-shadow: 4px 4px 6px #241827;}
.shadow2{-moz-box-shadow: 8px 8px 6px #241827; -webkit-box-shadow: 8px 8px 6px #241827; box-shadow: 8px 8px 6px #241827;}

.hidden{display:none;}
.absmiddle{vertical-align: middle;}

#langmenu{margin-top:30px; height:20px; }
#langmenu ul{font-size:10px; list-style:none;  color:white; width:auto; float:right}
#langmenu li{display:block; float:left; margin-right:2px}
#langmenu li a{display:block; text-decoration:none; border:1px solid black; width:16px; height:11px; line-height:11px; font-size:8px;  background: url(../media/icon_flags.png) no-repeat}
#langmenu li a:hover{border:1px solid white}
#lang_more a{color:#FFF; display:inline !important; font-size:10px !important; border:none !important; background:none !important; text-decoration:none}
#lang_more a:hover{text-decoration:underline}

a.en{ background-position: 0px -33px !important}
a.hr{ background-position: 0px 0px !important}
a.it{ background-position: 0px -11px !important}
a.de{ background-position: 0px -22px !important}
a.es{ background-position: 0px -44px !important}
a.si{ background-position: 0px -55px !important}

#index #homemenu{display:none}
#homemenu{position:absolute; top:16px; left:11px; }
#homemenu img{border:none}
#mainmenu{position:absolute; top:15px; left:37px; background: url(../media/bg_mainmenu.png) no-repeat right; list-style:none;  padding:1px 3px 4px 5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#index #mainmenu{left:15px}
#mainmenu li{display:inline; color:#CAD962;  text-shadow: 1px 1px 2px #fff;}
#mainmenu li a{ color:#89AB23; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:2px 2px;}
#mainmenu li a:hover{ background: #EBF4CC}
#mainmenu li.selected a{background:#A2BB3E; color:#FFF;  text-shadow: 1px 1px 2px #A2BB3E;}

#offer_menu{margin:5px auto; width:280px}
#offer_menu a{display:block; height:45px; background:url(/media/val_simboli2.gif) no-repeat; float:left; margin:0 3px;}
#offer_menu a.a1{width:28px; height:20px;  background-position:0px -22px; margin-top:22px}
#offer_menu a.a2{width:37px; background-position:-31px 0; }
#offer_menu a.a3{width:28px; height:20px; background-position:-74px -21px; margin-top:21px}
#offer_menu a.a4{width:27px; height:23px; background-position:-107px -19px; margin-top:21px}
#offer_menu a.a5{width:15px; height:17px; background-position:-137px -25px; margin-top:25px}
#offer_menu a.a6{width:31px; height:22px; background-position:-175px -19px; margin-top:20px}
#offer_menu a.a7{width:18px; height:15px; background-position:-155px -27px; margin-top:28px}
#offer_menu a.a8{width:18px; height:33px; background-position:-208px -10px; margin-top:10px}
#offer_menu a.a9{width:20px; height:26px; background-position:-228px -16px; margin-top:16px}

#wrapper, #footer, #langmenu, #other_langmenu{width:760px; w\idth:730px; margin-right:auto; margin-left:auto;}
#wrapper{position: relative; height:500px; margin-top:5px; padding:15px; text-align:left; border:2px solid #1B3469; -moz-border-radius:7px;-webkit-border-radius:7px; background: #fff url(/media/bg_bottomleft.gif) no-repeat bottom left; color:#000; -moz-box-shadow: black 0px 0px 8px; -webkit-box-shadow: black 0px 0px 8px;}
#bg_topright{position:absolute;z-index:1; width:119px; height:71px; right:7px; top:7px; background:url(../media/bg_topright.gif) no-repeat;}
#index #bg_topright{display:none}
#index #wrapper{background: #fff url(/media/youth_hotel_val.jpg) no-repeat 40px 35px;}
#footer{color:#FFF; text-align:center; margin-top:7px; font-size:12px; line-height:17px;}
#footer small{color:#93C8E1}
#footer small.razvoj{color:#fff}
#footer small.razvoj a{color:#fff; text-decoration:none}
#footer small.razvoj a:hover{ text-decoration:underline}
#footer small.razvoj img{border:none}
h1, h2{color:#215E7A; font-size:18px; background: url(../media/titles_bg.jpg) no-repeat right 22px; padding:0 80px 6px 0; float:left; clear:right; display:inline}

#other_langmenu{/*display:none;*/ width:750px; background:#FFE88C; border:2px solid #fff; margin-top:10px; margin-bottom:10px; padding:2px 3px;}
#other_langmenu ul{width:85px; margin:0 10px 0 0; float:left; list-style:none}
#other_langmenu ul.smaller{width:73px;}
#other_langmenu ul.longer{width:90px;}
#other_langmenu li{ font-weight:bold; font-size:10px; display:inline-block; width:100%; float:inherit; clear:left; text-align:left; padding:0px 4px 2px; margin:0;}
#other_langmenu li:hover{ background-color:#FFDB4A;}
#other_langmenu a{color: #AA8800; text-decoration:none; background:none !important; font-size:11px; display:inline !important;}
#other_langmenu li:hover a{color:#000;}

.leftpanel{width:240px; float:left; height:340px}
#content{width:100%; height:390px; margin-top:60px; color:#297396; font-size:11px;}
#text{width:475px; height:410px; overflow:auto; margin-top:10px; float:left; padding-right:10px}
#content p{margin-bottom:10px}


th, td {font-size:11px}

/* ======= Index ======== */
#index #langmenu{position:absolute; top:250px; left:88px; width:300px;}
#index #langmenu a{float:left; display:block; width: 46px; height: 32px; padding:0;}
#index #wrapper{margin-top:30px}

/* =========== Ponudba ===========*/
#ponudba .leftpanel{width:220px}
#ponudba #text{width:490px;}
#lgallery a.op{width:90px; height:60px; display:block; float:left; margin:7px 14px 7px 0; border:1px solid white; outline:1px solid #24488F; text-indent:-8000px; overflow:hidden; background:url(../media/lgallery.jpg) no-repeat; opacity:.7; font-size:8px}
#lgallery a.op:hover{opacity:1}

#lgallery a.double{width:197px; height:143px; margin:0px 7px 7px 0px;  background:url(../media/val1.jpg) no-repeat;}

#lgallery a.white{border:1px solid white; background:none; outline:none;}
#lgallery a.s2{background-position:0 -60px;  clear:right}
#lgallery a.s3{background-position:0 -60px;}
#lgallery a.s4{background-position:0 -120px;}
#lgallery a.s5{background-position:0 0px}
#lgallery p.text{text-align:right; margin-right:20px; line-height:20px}
#lgallery p.text b{color:#6C3}
#lgallery p.text a{color:#24488F; font-weight:bold}
#lgallery p.text a:hover{color:black;}

#ponudba_izvlecek{width:170px; empty-cells:show; border:2px solid #8B9EA7; float:right; margin:0 0 15px 20px}
#ponudba_izvlecek th{text-align:left; background:#8B9EA7}
#ponudba_izvlecek td.l{width:110px; text-align:left}

/* ======= cenik + rezervacije ======*/
#lrez{ position:relative}
.okvir{border:3px solid #8B9EA7; -moz-border-radius:4px; -moz-outline-radius:7px; width:200px; padding:4px; list-style:none;}
.okvir h3{background:#8B9EA7; color:#FFF; padding:2px}
#lrez img.res{position:absolute; top:90px; right:20px; z-index:20}

table{width:460px; border:2px solid #8B9EA7; padding:1px}
table th{background:#6D858F; color:#FFF; text-align:center;  padding:1px 2px}
table td{text-align:center; padding:2px}
table td.left, table th.left{width:220px; text-align:left}
table tr.odd td{background:#DDE2E6}
table tr:hover td{background:#F2F4CA}


/* ===== Lokacija ======*/
#loc_maps img{margin:0 0 15px 20px}
#map{width:460px; height:280px;}

/* ====== Galerija ====== */
#galbums{position:relative}
#galbums ul{list-style:none;}
#galbums ul li{ background:url(../media/album.png) no-repeat; height:26px; padding:5px 0px 0px 32px; vertical-align:middle}
#galbums ul li a{color:black; font-size:12px;  text-decoration:none; vertical-align:middle}
#galbums ul li a:hover{text-decoration:underline;}
#galbums ul li.selected a{font-weight:bold; font-size:12px}
#galbums img.res{position:absolute; top:125px; right:15px; z-index:20}

#galerija #text a{font-size:8px; color:#A4C7DB}
#galerija #text img{border:1px solid white; outline:1px solid #8B9EA7; margin:2px 8px 6px 0; width:80px; height:60px; }


/* ====== O PIRANU ====== */
/* =========== Ponudba ===========*/
#pgallery .leftpanel{width:220px}
#pgallery a.op{width:90px; height:68px; display:block; float:left; margin:7px; border:1px solid white; outline:1px solid #24488F; text-indent:-10000px; overflow:hidden; background:url(../media/pirangallery.jpg) no-repeat; opacity:.7}
#pgallery a.op:hover{opacity:1}
#pgallery a.white{border:1px solid white; background:none; outline:none;}
#pgallery a.s2{background-position:0 -68px}
#pgallery a.s3{background-position:0 -136px}
#pgallery a.s4{background-position:0 -204px}
#pgallery a.s5{background-position:0 -272px}
#pgallery p.text{text-align:right; margin-right:35px; line-height:30px}
#pgallery p.text b{color:#6C3}
#pgallery p.text a{color:#24488F; font-weight:bold}
#pgallery p.text a:hover{color:black;}
#o-piranu .rightphoto{margin:0 0 15px 15px}
#o-piranu .leftphoto{margin:0 15px 15px 0}
#o-piranu p.links{margin-top:20px}
#o-piranu p.links a{text-decoration:none; color:#090;}
#o-piranu p.links a:hover{text-decoration:underline; color:#040;}


/*============================= TIPSY ==================================*/
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-south { background-image: url(../media/tipsy-south.gif); background-position: bottom center; }






/*================ ADMIN ==================*/
#admin #mainmenu{position:absolute; top:15px; left:37px; background: url(../media/bg_mainmenu.png) no-repeat right; list-style:none;  padding:1px 3px 4px 5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#admin #wrapper{margin-top:10px}
#admin h1{ background:none; color:white; float:none; display:block; width:680px; margin:20px auto; font-size:36px}
#admin #lang_sel {background:#ECF0F2; margin-bottom:20px; padding:3px 5px}

#menu_translation_areas {width:150px; float:left; border-top:3px solid #069; list-style:none}
#menu_translation_areas li{padding:3px 2px; border-bottom:2px groove #788E9E; background:#E3E9EE}
#menu_translation_areas li:hover{background:#CCD7E1}
#menu_translation_areas li a{font-size:16px; font-weight:bold; color:#069; text-decoration:none; padding:1px 5px;  -moz-border-radius:5px;}
#menu_translation_areas li a:hover{ text-decoration:underline}
#menu_translation_areas li.selected{background:#069;}
#menu_translation_areas li.selected a{color:#fff;}

#admin #translations{float:left; margin-left:30px; width:550px; overflow-y:auto; height:320px; border-top:3px solid #069; border-bottom:1px solid #069; }
#admin #translations ul{list-style:none}
#admin #translations ul li{border-bottom:1px dashed #9FA8B3; margin-bottom:2px; padding:4px 2px;}
#admin #translations ul li:hover{color:#000; background:#ECEFF2;}
#admin #translations ul li a.edit{display:none}
#admin #translations ul li:hover a.edit{display:inline}
#admin #translations ul li div.prevod{display:none; margin:3px;}
#admin #translations ul li div.prevod p small{color:#63A6AB; font-size:9px}
#admin #translations ul li div.prevod p{background:#CEE1DE; margin:10px 0; padding:3px;}
#admin #translations ul li div.prevod textarea{width:100%; height:60px}
#admin #translations ul li div.prevod img{border:none}