/************************************************
*  Villa Dorida, Croatia                        *
*  CSS document http://www.villadorida.com      *
*  Copyright (c) 2009. Coding by Davor Peic     *
*  http://www.infosit.hr   davor@infosit.hr     *
************************************************/

body { font-family:"Arial"; font-size: 62.5% ; line-height: 1.7em; color:#626262; background: #5d9dd1 url(siteImages/body_bg.jpg) 0 0 repeat; text-align: center; }

br{font-size:1em;}
.clearDiv {	clear:both;	}
textarea, select { background:#ffffff; color:#000000; font-size:9pt; } 
img, a img, a:visited img {border: 0px none; text-decoration: none;}

a:link, a:visited {	color:#595858; text-decoration:underline;} 
a:hover { color: #14446b; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {color: #3b3b3b; font-size:1.5em;}

h1 { font-size:1.6em; font-weight:normal; color: #258c2a; margin: 11px 0px 8px 0px; text-transform: none; line-height:120%;}
h1 a:link, h1 a:visited { color: #b33b37;  text-decoration:none;}
h1 a:hover { text-decoration:underline; }

h2 {margin:9px 0px 6px 0px; color: #6a6a6a; font-weight:normal; font-size:1.4em; line-height:125%; }
h2 a:link, h2 a:visited {color: #6a6a6a; text-decoration: none;}
h2 a:hover {text-decoration: underline; color: #1d466f;}

h3, h4, h5, h6 {font-size:1.15em; color:#468cc4; text-transform: uppercase; margin:2px 0px 5px 0px;}

p {	margin:0px;	padding-bottom: 7px;}

input, textarea { font-family:"trebuchet MS", "Arial";border: 1px solid #c9c9c9; background: #fff url(images/form_bg.png) 0% 0% no-repeat; font-size: .95em; padding: 3px 5px; color: #747474;}
blockquote { border-left: solid 3px #99c5e8; background-color: #ecf2f7; padding: 3px 5px 3px 6px; margin: 8px 0 8px 40px;}

input[type="image"] {
background-color:transparent;
border:0 none;
cursor:pointer;
font-family:sans-serif;
font-size:small;
padding:0;
}

/* PAGE CONTENT: HEAD ***********************************************************************************************************/

#headWrapper { width: 100%; background: #8ccbff url(../images/head_bg.png) repeat-x 50% 100%; font-size: 1.1em; } 
.headCont { width: 990px; text-align: left; margin:0 auto; background: transparent url(../images/head_images.png) 265px 4px no-repeat; min-height: 138px;} /* definicija visine i u ie6.css */
.head_left { float:left; width: 200px; display: inline;}
.head_right { float: right; width:500px;}
a.head_logo { width: 191px; height: 30px; display: block; background: transparent url(../images/site-logo.png) 0 0 no-repeat; margin-top: 20px;}
span.head_logo_text, span.head_logo_text a, span.head_logo_text a:visited { color: #2c5475; }
span.head_logo_text { padding-top: 6px; display: block;}

.head_right a, .head_right a:visited { color: #fff; display:block; float:right; font-size:1.2em; padding:5px 3px; text-decoration:none; text-transform:uppercase;}
.head_right a:hover { text-decoration: underline; color: #fff;}
.head_right a.lang_selected { background: transparent url(../images/lang_sel.png) 50% 0 no-repeat; color: #458fcb; font-weight: bold;}

/* PAGE CONTENT: MIDDLE ***********************************************************************************************************/

#middleWrapper { width: 100%; background-color: #deeffd; font-size: 1.1em; }
.middleContent { width: 990px; text-align: left; margin:0 auto; padding-bottom: 20px; }
.middle_left { float:left; width: 200px; display: inline; margin-top: 10px; }
.middle_right { float:right; width: 775px; display: inline; font-size: 1.1em; margin-top: 10px; }

.main_menu { width: 200px; background: #94cfff url(../images/menu_top.png) 0 0 no-repeat; }
.main_menu2 { width: 200px; background: transparent url(../images/menu_bottom.png) 0 100% no-repeat; }

ul.menu { width: 200px; float: left; display: block; padding: 10px 0;}
ul.menu li { padding: 2px 14px; color: #254c6c; display: block; line-height: 18px; font-size: 1.2em; background: transparent url(../images/menu_border.png) 0 100% repeat-x; padding: 2px 14px 5px; }
ul.menu li a, ul.menu li a:visited { text-decoration: none; color: #254c6c; display: block; }
ul.menu li a:hover { text-decoration: underline; color: #1e78a1; }
ul.menu li.menuUvlaka { background: transparent url(../images/menu_bullet.png) 0px 9px no-repeat; font-size: 1.05em; padding: 2px 0;}
ul.menu li.menuUvlaka a, ul.menu li.menuUvlaka a:visited { padding-left: 10px; font-size: .9em; color:#1e78a1; text-transform: none; }
ul.menu li.menuUvlaka a:hover { text-decoration: underline; color: #254c6c; }
ul.menu li.menu_selected { background: transparent url(../images/menu_selected.png) 0 3px no-repeat;}

.home_content { width: 461px; background: #fff url(../images/content_top.png) 0 0 no-repeat; }
.home_content2 { width: 421px; background: transparent url(../images/content_bottom.png) 0 100% no-repeat; padding: 8px 20px 12px 20px; }

.home_content_2 { width: 775px; background: #fff url(../images/content_top2.png) 0 0 no-repeat; }
.home_content2_2 { width: 735px; background: transparent url(../images/content_bottom2.png) 0 100% no-repeat; padding: 8px 20px 12px 20px; }

.home_content ul { padding-left: 12px;}
.home_content ul li { background: transparent url(../images/bullet01.png) 0 3px no-repeat; padding-left: 10px;}

.homeAppBox { float: left; display: inline; width: 182px; background: #94cfff url(../images/appBoxbottom.png) 0 100% no-repeat; margin-right:15px; margin-top:15px;}
.homeAppBox_last { margin-right: 0;}
.homeAppBox a, .homeAppBox a:visited { display: block; text-decoration: none;}
span.homeAppBoxTitle { display: block; background: #85b9e1 url(../images/appBoxTop.png) 0 0 no-repeat; color: #fff; font-size:1.1em; padding:3px 10px;}
img.homeAppBoxImg { /* float:left; */ }
span.homeAppBoxText { display: block; min-height:120px; font-size:0.95em; padding:5px; color: #254c6c; background: transparent url(../images/menu_border.png) 0 100% repeat-x; }
span.homeAppBoxLink { display: block; color: #fff; text-align: right; background: transparent url(../images/appBoxLink.png) 100% 6px no-repeat; font-size:0.85em; margin-right:7px; padding:2px 9px; text-transform:uppercase; }
.homeAppBox a:hover span.homeAppBoxTitle { text-decoration: underline;}
.homeAppBox a:hover span.homeAppBoxText { color: #14344f; }

.widgetBox { width: 200px; height: 76px; float: left; display: inline; margin-top: 6px; background:transparent url(../images/widget_gps.png) no-repeat scroll 0 0;}
.widgetBox a, .widgetBox a:visited { width: 189px; height: 43px; display: block; color: #fff; text-decoration: none; padding-top:33px; padding-left:11px;  font-size:1.3em; }
.widgetBox a:hover { color: #254c6c;}

.widgetBox_mapa a { background: transparent url(../images/widget_mapa.png) 0 0 no-repeat;}
.widgetBox_gps a { background:transparent url(../images/widget_gps.png) no-repeat scroll 0 0;}
.widgetBox_currency a { background: transparent url(../images/widget_currency.png) 0 0 no-repeat;}
.widgetBox_weather a { background: transparent url(../images/widget_weather.png) 0 0 no-repeat;}

.home_gal { width: 300px; float: right; display: inline; background: #fff url(../images/home_gal_fill.png) 0 0 repeat-y;}
.home_gal2 { width: 300px; background: transparent url(../images/home_gal_top.png) 0 0 no-repeat;}
.home_gal3 { width: 300px; background: transparent url(../images/home_gal_bottom.png) 0 100% no-repeat;}
.home_gal_title { display: block;}
.home_gal_title a, .home_gal_title a:visited {  color:#FFFFFF; display:block; font-size:1.15em; padding:5px 10px; text-decoration:none; text-transform:uppercase;}
.home_gal_title a:hover { color: #254c6c; }
.home_gal_big { display: block; width: 284px; margin:7px 0 3px 8px;}

ul.gallery { /* float: left; */}
ul.gallery li { float: left; margin-right: 6px;}

/* PAGE CONTENT: FOOTER ***********************************************************************************************************/

#footerWrapper { width: 100%; background: transparent url(../images/footer_bg.jpg) 50% 0 repeat-x;  }
.footer { width: 990px; text-align: left; margin:0 auto; padding:40px 0; text-align:left; font-size: 1.2em; }
.footer_left { float: left;}
.footer_menu a, footer_menu a:visited { color: #fff; text-decoration: none; padding: 0 2px;}
.footer_menu a:hover { text-decoration: underline;}
span.footer_info { display: block; color: #bdd5e8;}

.footer_right { float: right; text-align: right; display: block;}
.footer_right a, .footer_right a:visited { color: #d1e3f1; text-decoration: none; display: block;}
.footer_right a:hover { color: #fff; text-decoration: underline;}

/* ATTACHED FILES */
.home_content ul.attachedFiles li{background: none; list-style-type: none; padding:0px;}
ul.attachedFiles { list-style-type: none; margin-left: 3px;}
ul.attachedFiles li a { line-height: 175%; padding: 2px 0; padding-left: 23px;}
ul.attachedFiles li.icon___doc a { background-image: url(../images/icon_doc.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___xls a { background-image: url(../images/icon_xls.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___ppt a { background-image: url(../images/icon_ppt.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___img a { background-image: url(../images/icon_img.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___pdf a { background-image: url(../images/icon_pdf.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon___zip a { background-image: url(../images/icon_default.png); background-position: 0% 50%; background-repeat: no-repeat;}

/*FOTO ALBUM */
.fotoAlbumGal { margin-bottom:20px; float:left; }
.galleryThumbsTitle { font-size:.9em;display:block; float:left; margin-top:2px; text-decoration:none;}
.fotoAlbumGal .galleryThumbs2 img {border:0 none; padding:0; float:left;}
.fotoAlbumGal a.galleryThumbs2, .fotoAlbumGal a.galleryThumbs2:visited { width:75px;height: 120px; overflow:hidden;  background: #d8d8d8 url(../images/mainMenu_bg.jpg) 0% 0% repeat-x;padding:7px; text-decoration:none; float:left; margin-right:8px; margin-bottom:10px;}
.galleryThumb2 span.galleryThumbsTitle:hover { text-decoration:underline;}
.fotoAlbumPhotos img{float: left; padding-right: 4px; padding-left: 4px; padding-bottom: 8px;}

/*CJENIK */
.objCjenik_table { text-align: center; margin-top: 12px; width: 100%; border: 0px; }
.objCjenik_table_cont { text-align: center; margin-top: 2px; width: 450px; border: 0px; }
.objCjenik_table tr { border:0px; }
.objCjenik_table_tipSobeRow { font-size:9pt; color:#ffffff; height:24px; }
.objCjenik_table_tipSobe{ background-color:#5085af/*316ac5*/; color:#ffffff; }
.objCjenik_table_tipSobepar { font-weight:bold; background-color:#94c8f2/*7fa7ca*/; color:#ffffff; }
.objCjenik_table_tipSobenepar { font-weight:bold; background-color:#b6c5d1/*848787*/; }
.objCjenik_table_sadrzajRow { font-size:9pt; color:#414442; height:24px; }
.objCjenik_table_sadrzaj { background-color:#C1C2C2; }
.objCjenik_table_sadrzajpar { font-weight:bold; background-color:#E9EAEA;}
.objCjenik_table_sadrzajnepar { font-weight:bold; background-color:#D5D6D6; }
.objCjenik_table_razmak { height:12px; background-color:#ffffff; }
.objCjenik_table_cijeneA { font-size: 8pt; color: #414442; line-height: 12pt; height: 24px; background-color: #d7e1e7/*E9EAEA;*/ }
.objCjenik_table_cijeneAnepar { background-color:#e0e9ee/*F4F4F5*/; }
.objCjenik_table_cijeneB { font-size: 8pt; line-height: 12pt; color: #414442; height: 24px; background-color: #bccedd/*D5D6D6;*/ }
.objCjenik_table_cijeneBnepar { background-color:#dbe0e8/*E9EAEA*/; }
.objCjenik_table_info { margin-top: 12px; font-size: 8pt; color: #848787; float: left; width: 560px; }
.objCjenik_prozor { margin-top:12px; }

ul.vremenska_prognoza { font-size: 1.1em; }
ul.vremenska_prognoza li {   border-bottom: 1px solid #EAEAEA;
    display: block;
    float: left;
    line-height: 21px;
    /*padding: 18px 0; */
    width: 400px;}
.vremenska_max {float: right; display: block; color:#1F67A3; font-size:1.1em; margin-left:10px; padding:7px 0;}
.vremenska_min {float: right; display: block; font-size:1.1em; margin-left:10px; padding:7px 0; color: #eb4c4d;}
.vremenska_icon {display: block;
    float: right;
    padding: 12px 10px;}
.vremenska_date {float: left; display: block;line-height:1.2em;padding:3px 0;}
.vremenska_date strong { display: block; }