/*************************************************
*  Promohotel Porec                              *
*  CSS document / www.promohotel.hr              *
*  Copyright (c) 2007. Coding by Davor Peic      *
*  http://www.infosit.hr  davor@infosit.hr       *
*************************************************/
body {
	margin: 0px;
	padding: 10px 0px 30px 0px;
	font-family:"Arial", sans-serif;
	font-size: 62.5% ;
	line-height: 1.7em;
	color:#2e2e2e;
	background: #627db5 url(images/body_bg.jpg) 0% 0% repeat-x;
	text-align: center;
}
form {margin:0px; padding:0px;}
br{font-size:10px;}
.clearDiv {
	clear:both;	
}
textarea,select{
   background:#ffffff;  
   color:#000000; 
   font-size:9pt;
} 

img, a img {
	border:none;
}
a:link, a:visited {
	color:#212121; 
	text-decoration:underline;
} 
a:hover { color: #0d275f;text-decoration:none;}
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	margin:0px;
	padding:0px;
	font-size:1.5em;
}
h1 {
	font-size:1.9em;
	font-weight:normal;
	color: #001b54;
	margin: 0px 0px 8px 0px;
	text-transform: none;
    line-height:115%;
       
}
h1 a:link, h1 a:visited { color: #001b54;  text-decoration:none;}
h1 a:hover { text-decoration:underline; }
h2 {
	font-size:11pt;
	margin:6px 0px 6px 0px;
	color: #001b54;
	font-weight:normal;
	font-size:1.5em;
}
h3, h4, h5, h6 {
	font-size:1.2em;
	color:#4c4c4c;
	margin:2px 0px 2px 0px;
}
p {
	margin:0px;
	padding-bottom: 9px;
}
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 7px;
	padding-left: 8px;
}
ul li, .documentsList ul li {
	background: transparent url(images/bullet_blue.png) 0px 5px no-repeat;
	padding-left: 10px;
	margin: 3px 0px 3px 0px;
}
abbr,
acronym {border:none;}
abbr[title],
acronym[title] { border-bottom:#575858 1px dotted; font-style:italic; cursor:help; }

/* CONTENT ---------------------------- */

#container {
	text-align: left;
	width: 980px;
	margin: 0 auto;
	font-size: 1.1em;
}
#col1 {
	width: 190px;
	float: left;
	overflow: hidden;
	color:#dce0e8;
}
#col2 {
	width: 550px;
	float: left;
	margin-left: 10px;
	display: inline;
	overflow: hidden;
}
#col3 {
	width: 220px;
	float: right;
	overflow: hidden;
	color:#dce0e8;
}
#col3 a, #col3 a:visited{
	text-decoration: none;
	color:#fff;
}
.leftMenuCont {
	width: 170px;
	padding: 10px;
	overflow: hidden;
	background: #204480 url(images/col_bg.jpg) 0% 0% no-repeat;
	margin-bottom: 10px;
	color:#b9c3de;
}
.leftMenuCont a, .leftMenuCont a:visited { color: #fff; text-decoration: none;}
.leftMenuCont a:hover { text-decoration: underline;}
ul.jezici, ul.jezici li {
	margin: 0px; padding: 0px;
	background: none;
}
ul.jezici { margin-bottom: 20px;}
ul.jezici li a, ul.jezici li a:visited {
	background: transparent url(images/bullet_white.png) 0px 50% no-repeat;
	line-height: 20px;
	padding-left: 12px;
	color: #fff;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}
ul.jezici li a:hover {
	text-decoration: underline;
}
ul.impressum {margin: 0px;} 
ul.impressum li a, ul.impressum li a:visited { line-height:normal; }
/* MENU --------------------------*/
ul.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.menu li {
	width: 160px;
	border-bottom: solid 1px #466c85;
	font-size: 1.2em;
	padding: 2px 0px 4px 10px;
	font-weight: bold;
	color: #fff;
	display: block;
	background: none;
	/* line-height: 17px; */
}

ul.menu li a, ul.menu li a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	display: block;
}
ul.menu li a:hover {
	color: #fff;
	padding-left: 5px; 
}
ul.menu li.uvlaka12 a, ul.menu li.uvlaka12 a:visited {
	padding-left: 10px;
	font-size: 1em;
	color:#adb9ce;
	font-weight: normal;
	background: transparent url(images/bullet_white.png) 0px 5px  no-repeat;
}
ul.menu li.uvlaka12 a:hover {
	color: #fff;
	padding-left: 15px; 
}
/* END MENU ----------------------*/
.logoCont {
	background: #244783 url(images/head_logo.png) 0% 0% no-repeat;
	width: 550px;
	height: 75px;
	overflow: hidden;
	text-align: center;
	font-size: 1.1em;
	color: #fff;
}
.logoCont a {
	height: 50px;
	width: 550px;
	display: block;
}
.homeGallery {
	background-color: #fff;
	margin-top: 10px;
}
.galCont {
	width: 370px;
	padding: 13px 0px 0px 13px;
	margin: 4px 0px 4px 4px;
	float: left;
	display: inline;
	background: transparent url(images/photoGalleryShadowTop.png) 0% 0% no-repeat;
}
.galCont2 {
	background: transparent url(images/photoGalleryShadowBottom.png) 100% 100% no-repeat;
	padding: 0px 13px 13px 0px;
}
.studio053 a, .studio053 a:visited {
width: 140px;
height: 11px;
margin-bottom: 10px;
background: transparent url(images/studio053_2.png) 0% 0% no-repeat;
display: block;
}
.studio053 a:hover {
background: transparent url(images/studio053_2.png) 100% 0% no-repeat;
}

/* gallery thumbs */
#mousemove {
	width: 355px;
	height: 60px;
	border: 1px solid #000;
	overflow:hidden;
}

/*.galContThumbs a IMG, .galContThumbs a:visited IMG{float: left;}*/
/* end gallery thumbs */
.galInfoText {
	float: right;
	background: #eff0f0 url(images/galleryInfoBg.jpg) 0% 0% repeat-x;
	margin: 17px 10px 10px 0px;
	display: inline;
	width: 129px;
	min-height: 337px;
	padding: 8px; padding-top: 0px;
	color: #0f2851;
	/* font-family: "Georgia", sans-serif; */
	font-size: 1.1em;
	font-style: italic;
}
.galInfoText a, .galInfoText a:visited { color: #0f2851; }

/* NEWS LIST */
.newsBox {
	background-color: #e7ebf4;
	margin-top: 10px;
	width: 550px;
	display: block;
	float: left;
	overflow: hidden;
}
/*
.newsBox a, .newsBox a:visited { text-decoration: none;}
.newsBox a:hover { text-decoration: underline;}
*/
.dateBox {
	width: 50px;
	height: 156px;
	float: left;
	background: transparent url(images/newsBox_dateShadow.jpg) 100% 0% no-repeat;
}
.dateBoxContent { 
	margin-top: 45px;
	text-align: center;
	font-size: 1em;
	color: #4A4A4A;
	text-transform: uppercase;
}
.dateBoxDatum { font-size: 1.5em;}
.newsContent {
	width: 480px;
	float: right;
	padding: 10px;
	overflow: hidden;
}
.footerNews{
	float: left;
	width: 350px;
	/*background-color: Red;*/
}
.contentBox {
	width:530px;
	padding: 10px;
}
/* END NEWS LIST */
.rightSponsorList {
	background: #204480 url(images/col_bg.jpg) 0% 0% no-repeat;
	width: 200px;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.rightBanner{
	padding-bottom: 8px;
}
.False{float:left; display:none}
.True{float:left; display:block;}
/*foto album*/
.fotke_stranica{
	width:455px;
    margin-left: auto;
    margin-right: auto;
}
.fotke_stranica a IMG{
	padding: 6px;
}
#foto_album{
    width:455px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 10px;
    /*background-color: Red;*/
}
#foto_album img{
   float:left;
}
#foto_album a img, #foto_album a:visited img{
    float:left;
    padding:0px;
    margin:5px;
    border: solid 0px #7D8BB4;
}
#foto_album a:hover img{
    border: solid 0px #F6C278;
}
#folder{
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}
#folder img, #folder a img, #folder a:visited img, #folder a:hover img{
    border:solid 0px yellow;    
}
#folderUpClass img, #folderUpClass a img, #folderUpClass a:visited img, #folderUpClass a:hover img{
    border:solid 0px red;
}
.fotoalbum_subfolderi, .naziv_foldera{
    color:Red;
    float:left;
}
.naziv_foldera{
    margin-left:0px;
    color:red;
}
.naziv_foldera a, .naziv_foldera a:visited{
    color:#337F27;
    text-decoration:none;
}
.naziv_foldera a:hover{
    color:#008600;
    text-decoration:underline;
}
/*KONTAKT*/
#kontaktForma {
    float:left;
    font-size:10pt;
}
#kontaktForma input, #kontaktForma textarea 
{
    background-color:#b6bed7;
    border:none;
    padding:3px;
    margin-left:5px;
    font-size:9pt;
    font-family:Trebuchet MS;
}
#kontaktForma font 
{
    color:#616161;
    margin-left:5px;
}
.kontaktButton{
    font-size:8pt;
    font-weight:bold;
    color:#15346A;
    cursor:default;
    padding:0px;
    margin-top:4px;
    background-color:#b6bed7;
}