* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
body {padding: 0; font: 0.8em/1.5 "arial",sans-serif; color: #354146; text-align: center; background: url('../img/background.jpg') repeat-x;}

a {color:#1666a3;}
a:link {color:#1666a3;}
a:hover {color:#0b4775;}

h1, h2, h3, h4, h5, h6 { margin:15px 0 10px 0; }
h1 { font-size:120%; background: url('../img/h3.jpg') no-repeat center left; line-height: 40px; margin-left: 10px; padding-left: 10px;color:yellow}
h2 { font-size:120%; background: url('../img/h3.jpg') no-repeat center left; line-height: 40px; margin-left: 10px; padding-left: 10px;color:yellow}

#layout {text-align:left;}
  #container {clear: both; background: white; width:891px; margin:0 auto; padding:0 auto;}
  #intro{width:891px; margin:0 auto; background: white; height: auto; border-style: solid; border-width: 0px 1px 1px 1px; border-color: grey;}
  #intro-in{width:871px; margin:0 auto; padding: 20px 10px;}
#intro-in img {padding-left:30px;}
  	#header {width:891px; height: 273px; margin:0 auto; background: url('../img/header.jpg') no-repeat; border-style: solid; border-width: 0px 1px 2px 1px; border-color: grey;}
		#topmenu {width: 280px; float: left; margin: 36px 0px 0px 30px; font-weight:bold; font-family: "Trebuchet MS", Arial, Sans-Serif;}
		#topmenu ul {list-style-type: none; text-transform: uppercase; }
		#topmenu ul li {font-size: 19px; font-weight: bold;padding-left:40px;}
		#topmenu ul li.drugi {margin-top: 54px; padding-left:40px;}
		#topmenu ul li.treci {margin-top: 55px; padding-left:40px;}
		#topmenu ul li a {text-decoration: none; color: white; text-shadow: black 1px 1px 1px;font-weight:bold;}
		#topmenu ul li a:visited {text-decoration: none; color: white;}
		#topmenu ul li  a:hover {text-decoration: none; color: yellow;}
		
    .content {padding: 0 0 0 0; z-index: 10; width:893px; margin:0 auto;}
    .content .in{padding: 0px 0 30px;border-style: solid; border-width: 1px 1px 1px 1px; border-color: grey;}
    p.intro{background: url("../img/line.jpg"); line-height: 23px; margin:0 0 0;}
    .shadow{border-top: 1px solid #dddddd; padding: 10px 0; background: url("../img/shadow.jpg") no-repeat;}
    img.thumb{padding: 3px; background: #fff; border: 1px solid #d1d1d1;}
    
    .columns {list-style: none; margin:10px 0 0 0; padding:0; font-size: 90%; background:white;}
    .columns li {float: left; width: 294px; border-left: 1px solid #d7d7d7;}
    .columns li p{line-height: 22px;padding: 0 20px 0 10px; margin: 0; color: #3f4345;}
    .columns li a.more{display: block;color: #1666a3;padding: 5px 0;}
    .columns li a.more:hover{color: #0b4775; text-decoration: none;}
.columns li.klevo-kontakt{float: left; width: 300px; border-left: 1px solid #d7d7d7;}	

.columns li.kdesno {float: left; width: 526px; border-left: 1px solid #d7d7d7;padding-top:20px;}
.columns li.kdesno  img {padding-left:20px;}
.columns li.ksredina-neum{float: left; width: 610px;padding-top:20px;}
	.columns li.klevo-neum {padding-left:0px;width:260px;}
	
  	#footer {width:891px; margin:0 auto; clear:both; font-size: 85%; padding-bottom: 70px; color: #898989;}
    #footer a{color: #898989;}
    #footer a:hover{color: #666666; text-decoration: none;}
      #footer .f-left, #footer .f-right {padding: 0 10px;}
	  
.f-left {float:left;}
.f-right {float:right;}
.clear { clear:both; }
.kontakt a{text-decoration:none;}
.kontakt a:hover {color:red;}
#galerija {margin:0 auto;}