/***********************************************
*   Istria Magica                              *
*   CSS document http://www.xxx.hr/       *
*   Copyright (c) 2008. Coding by Davor Peic   *
*   http://www.infosit.hr  davor@infosit.hr    *
***********************************************/
body { 	margin: 0; padding: 0px; padding-bottom: 30px; font-family:"Palatino Linotype","Book Antiqua",Palatino, Georgia, FreeSerif,serif; font-size: 62.5% ; line-height: 1.7em; color:#3e3e3e; background: #662a11 url(../images/body_bg.jpg) 0% 0% repeat-x; text-align: center; }
form {margin:0px; padding:0px;}
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: #662a11; text-decoration:none;}

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

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

h2 {margin:7px 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.2em; color:#793012; margin:2px 0px 5px 0px;}

p {	margin:0px;	padding-bottom: 7px;}
ul { list-style-type: none; margin: 0; padding: 0;}
ul li { margin: 0; padding: 0;}

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;}

/* CONTENT */

.headBar { width: 100%; background: transparent url(../images/head_bar_bg.png) 0% 0% repeat-x; text-align: left; font-size: 1.25em;}
.headBar2 { width: 780px; margin: 0 auto; padding: 9px 0 4px 0; }
ul.headBar_lang { float: left; width: 164px; }
ul.headBar_menu { float: right; }
.headBar2 ul li {float: left; display: inline; text-transform: uppercase; }
.headBar2 ul li.headBar_lang_bullet { background: transparent url(../images/head_bar_bullet.png) 50% 50% no-repeat; width: 5px; height: 5px; padding: 5px 4px;}
.headBar2 ul li a, .headBar2 ul li a:visited { text-decoration: none; color: #dac0a5;  display: block;}
.headBar2 ul li a:hover { text-decoration: underline;}

/* CONTAINER */
#container { width: 780px; margin: 0 auto; text-align: left; font-size: 1.2em;}
.leftCol { width: 164px; float: left;}
.rightCol { width: 614px; float: right;}

/* MENU */
.menuCont { width: 164px; background: transparent url(../images/menu_bg.png) 0% 0% repeat-y; margin-top: 2px;}
ul.menu { padding: 12px 15px 8px 15px;}
ul.menu li { padding: 2px 0; color: #eadec3; display: block; line-height: 18px; font-size: 1.3em; }
ul.menu li a, ul.menu li a:visited { text-decoration: none; color: #eadec3; display: block; }
ul.menu li a:hover { text-decoration: underline; color: #fff; }
ul.menu li.menuUvlaka { background: none;}
ul.menu li.menuUvlaka a, ul.menu li.menuUvlaka a:visited { padding-left: 10px; font-size: .9em; color:#ead097; text-transform: none; }
ul.menu li.menuUvlaka a:hover { text-decoration: underline; color: #fff; }

.leftInfo { width: 146px; padding: 9px; margin-top: 2px; background: #e7dac0 url(../images/content_bg.jpg) 0% 0% repeat-x; font-size: 1.1em;}
a.meteoLink, a.meteoLink:visited{color: #507ac0; text-transform: uppercase; text-decoration:none;}
a.meteoLink, a.meteoLink:visited{text-decoration:decoration;}
.meteoSource{width: 146px; display: block; color:#8c8575; text-align: right;}


/* RIGHT COLUMN */
.rightHead { float: right; width: 614px; overflow: hidden; margin: 2px 0 0 0;}
.rightHead img {float: right;}
.rightHead .contentSlikaHead { float: right; width: 425px; height: 195px; overflow: hidden;}
.headLogo { width:187px; height: 227px; background: transparent url(../images/logo_bg.jpg) 0% 0% no-repeat; position: absolute; top:0; }
.headLogo a, .headLogo a:visited { width: 160px; height: 130px; background: transparent url(../images/istria_magica_logo.png) 0% 0% no-repeat; display: block; margin: 60px 0 0 12px; }

.contentDiv { padding: 15px; width: 584px; margin-top: 2px; float: left; background: #e7dac0 url(../images/content_bg.jpg) 0% 0% repeat-x; font-size: 1.1em; display: inline;  }
.contentDiv ul { margin: 5px 0 10px 10px; }
.contentDiv ul li { padding-left: 12px; background: transparent url(../images/bullet01.png) 0% 50% no-repeat;}
.contentGalerija { margin-top: 15px; width: 584px; text-align: center;}
.contentGalerija IMG{text-align: center;}
.contentGalerija a IMG, .contentGalerija a:visited IMG{ margin:0 8px 8px 0; border:solid 1px #e2d4b6; padding:2px;}
.contentGalerija a:hover IMG{ border:solid 1px #cdbb94;}
.contentDivHome { width: 417px; }

.homeRightBanners { float: right; width: 165px; }
.homeRightBannerBox { width: 165px; background: #a7674a url(../images/banner_bg.jpg) 0% 100% repeat-x; margin-top: 2px;}
.homeRightBannerBox a, .homeRightBannerBox a:visited { display: block; text-decoration: none;  }
.homeRightBannerBox a span.homeRightBannerBoxTitle { color: #e7d9c3; font-size: 1.3em; padding: 7px 10px 0px 10px; display: inline; float: left; width: 145px;}
.homeRightBannerBox a span.homeRightBannerBoxLink { color: #c9b791; font-size: 1em;  padding: 1px 12px 3px 10px; margin-left: 10px;  display: inline; float: left; width: 135px; background: transparent url(../images/bullet02.png) 0% 50% no-repeat;}
.homeRightBannerBox span { display: block;}
.homeRightBannerBox img {float: left; margin-top: 5px;}
.homeRightBannerBox a:hover span.homeRightBannerBoxTitle { text-decoration: underline; }

.footerMenu{float: left; text-align: center; width: 100%; padding: 8px;}
.footerMenu a,.footerMenu a:visited{color:#6b4e42;}

/* HOME ABOUT / POSEBNA PONUDA */
.homeAbout { width: 225px; float: left;}
.homeAbout img {margin-bottom: 8px;}

.homePonude { width: 165px; float: right;}
/*.homePonude h1 {font-size:1.2em; color:#793012; margin:2px 0px 5px 0px;}*/
.homePonudaBox { margin-bottom: 10px; background: transparent url(../images/ponuda_border.png) 0% 100% repeat-x; padding-bottom: 7px; }
.homePonudaBox a, .homePonudaBox a:visited { text-decoration: none; display: block;}
.homePonudaBox a span.homePonudaBoxTitle, .homePonudaBox a:visited span.homePonudaBoxTitle { display: block; color: #97573c; font-size: 1.1em; padding: 2px 0;  }
.homePonudaBox a span.homePonudaBoxTxt, .homePonudaBox a:visited span.homePonudaBoxTxt { display: block; font-size: .95em;}
.homePonudaBox a:hover span.homePonudaBoxTitle { text-decoration: underline;}
.homePonudaBox img { float: left; margin-bottom: 5px;}

/*FOTO ALBUM */
.fotoAlbumGal { margin-bottom:20px; }
.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; overflow:hidden;  background: #d8d8d8 url(../images/mainMenu_bg.jpg) 0% 0% repeat-x; padding:7px; text-decoration:none; float:left; margin-right:10px; margin-bottom:10px;}
.galleryThumb2 span.galleryThumbsTitle:hover { text-decoration:underline;}
a.galleryDetailThumbs, a.galleryDetailThumbs:visited { padding-right: 4px;}


/* ATTACHED FILES */
.contentDiv ul.attachedFiles li{background: 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;}

/* FOOTER */
.footerCont { width: 100%; position: fixed; bottom:0; left: 0; background-color: #55230e;}
.footer { width: 780px; margin: 0 auto; font-size: 1.1em; padding: 5px 0 5px 0; /*background-color: red;*/}
.footer ul li {float: left; display: inline; text-transform: uppercase; color: #dac0a5;}
.footer ul li.headBar_lang_bullet { background: transparent url(../images/head_bar_bullet.png) 50% 50% no-repeat; width: 5px; height: 5px; padding: 5px 4px;}
.footerLeft { float: left; margin-left: 10px; color: #808080; }
.footerCont a, .footerCont a:visited { text-transform: uppercase; color: #dac0a5; padding: 0 1px; text-decoration: none;}
.footerCont a:hover {text-decoration: underline; }
.footerRight { float: right; margin-right: 0px; color: #808080; }
.footerRight a.footerTopLink, .footerRight a.footerTopLink:visited { color: #d6c4a0; text-transform: uppercase;  padding-right: 0px; padding-left: 20px;}