/*    
		projekt:	Pod Krvavcem (www.podkrvavcem.si)
		file:		main .css file
*/

html,body,img,h1,h2,h3,h4,h5,h6,h7,form,iframe,ul,li,a,p {
	margin: 0; padding: 0; border: 0; outline: none
}
html,body,#outer_cont {
	width: 100%;
	height: 100%;
}
html { overflow: -moz-scrollbars-vertical; }
body {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}
a { color: #000; text-decoration: underline }
a:hover { color: #f00; text-decoration: none }
.fll { float: left; }
.flr, #toolbar #options { float: right; }
.clb { clear: both; }
.dsn { display: none; }
.small { font-size: 11px;  }
#container {
	width: 687px;
	text-align: left;
	margin: 0 auto;
}
#header {
	float: left;
	padding: 22px 0 0 0;
}
#header a#index {
	float: left;
	width: 142px;
	height: 70px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#header #kontakt {
	float: right;
	padding: 46px 0 0 0;
	width: 540px;
	font-size: 11px;
}
#header #email, #header #gsm, #header #tel {
	float: right;
	padding: 0 0 10px 10px;
	margin: 0 0 0 10px;
}
#header #gsm p, #header #tel p, #header #email a {
	display: block;
	float: left;
	padding: 0 0 0 20px;
}
#header #gsm p { background: url(../i/icon_gsm.gif) no-repeat 3px 0; }
#header #tel p { background: url(../i/icon_tel.gif) no-repeat 0 0; }
#header #email a { background: url(../i/icon_email.gif) no-repeat 0 2px; }
ul#menu {
	width: 687px;
	float: left;
	list-style-type: none;
}
ul#menu li, ul#menu li a {
	float: left;
	display: block;
}
ul#menu li {
	padding: 0 0 0 1px;
}
ul#menu li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 7px 37px 7px 36px;
	text-align: center;
}
ul#menu li.sel a {
	color: #000;
	text-decoration: none;
}
#content {
	width: 657px;
	float: left;
	padding: 15px;
}
#index-pp {
	width: 400px;
	margin: 0 40px 0 0;
	float: left;
	text-align: justify;
}
#index-gal {
	float: left;
	width: 200px;
}
#index-gal h2 {
	border-bottom: 1px solid #333;
	padding: 0 0 2px 0;
	font-size: 12px;
	width: 200px;
	float: left;
}
.u3nek {
	float: left;
	width: 190px;
	padding: 5px 5px 8px 5px;
	border-bottom: 1px solid #ccc;
}
.u3nek a.foto {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #777;
}
.u3nek span.small {
	color: #666;
}
#index-gal a#galerija {
	display: block;
	float: left;
	text-align: right;
	padding: 5px 15px 0 0;
	width: 185px;
	background: url(../i/icon_arr.gif) no-repeat right 9px;
}
#footer-cont {
	width: 100%;
	padding: 15px 0 5px 0;
	float: left;
	margin: 30px 0 0 0;
}
#footer-cont #footer {
	margin: 0 auto;
	width: 678px;
	text-align: left;
	font-size: 10px;
}
#main-photo {
	height: 203px;
	width: 687px;
	float: left;
	text-align: right;
}
#main-photo #seasons {
	float:right;
	width: 23px;
	padding: 1px 1px 0 0;
}
#main-photo a {
	float: right;
	width: 21px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}
#main-photo #seasons a#winter {
	height: 61px;
	background: url(../i/btn_seasons.gif) no-repeat 0 0;
}
#main-photo #seasons a#winter:hover { background: #000 url(../i/btn_seasons.gif) no-repeat -21px 0; }
#main-photo #seasons a#summer {
	height: 70px;
	background: url(../i/btn_seasons.gif) no-repeat 0 -61px;
}
#main-photo #seasons a#summer:hover { background: #000 url(../i/btn_seasons.gif) no-repeat -21px -61px; }
h1 {
	font-size: 15px;
	padding: 0 0 10px 0;
}
h1 a {
	color: #000;
	text-decoration: none;
}
h1 a:hover {
	color: #000;
	text-decoration: underline;
}
.album {
	width: 650px;
	padding: 0 0 5px 0;
	float: left;
	margin: 0 0 5px 0;
}
.album .title {
	width: 150px; 
	display: block;
	float: left;
	font-weight: bold;
}
.album .title img {
	margin: 0 0 0 3px;
}
.album a.foto {
	display: block;
	float: right;
	margin: 0 0 0 10px;
	border: 1px solid #fff;
}
.album a.foto:hover {
	border: 1px solid #000;
}
.album p {
	float: right;
	font-size: 11px;
	width: 80px;
	padding: 0 10px 0 0;
	color: #666;
}
#album_thumbs {
	width: 640px;
	padding: 0 5px;
	float: left;
}
#album_thumbs p {
	background: url(../i/icon_loading.gif) no-repeat 3px 40px;
	display: block;
	float: left;
	height: 140px;
	width: 140px;
	text-align: center;
	margin: 10px 7px;
}
#album_thumbs a.thumb {
	border: 1px solid #fff;
	display: block;
	float: left;
}
#album_thumbs a.thumb:hover {
	border: 1px solid #000;
}
.paging {
	width: 650px;
	padding: 0 0 2px 0;
	float: left;
	margin: 0 0 5px 0;
}
.paging p {
	float: right;
}
.paging p a {
	float: left;
	display: block;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #fff;
	cursor: pointer;
}
.paging p a:hover {
	background-color: #fff;
	color: #000;
	text-decoration: none;
}
.paging p span {
	border-right: 1px solid #777;
	display: block;
	float: left;
	padding: 2px 7px 4px 7px;
}
#foto_big {
	background: url(../i/icon_loading.gif) no-repeat center center;
	width: 650px;
	text-align: center;
	padding: 20px 0;
	float: left;
}
#foto_big a {
	display: block;
	margin: 0 auto;
}
#komentar {
	font-size: 11px;
	margin: 0 0 10px 0;
	float: left;
	width: 500px;
}
#komentar b {
	display: block;
	background: url(../i/icon_comment.gif) no-repeat 0 0;
	float: left;
	padding: 0 10px 0 19px;
	width: 62px;
}
#komentar p {
	display: block;
	float: left;
	width: 400px;
}
form#kontakt {
	margin: 20px 0;
	float: left;
}
form#kontakt .fll {
	padding: 3px 0;
	float: left;
	width: 286px ! important;
	width: 290px;
}
form#kontakt label {
	width: 100px;
	display: block;
	float: left;
	font-size: 11px;
	text-align: right;
	padding: 0 10px 0 0;
}
form#kontakt input#ime, form#kontakt input#email, form#kontakt textarea {
	border: 1px solid #000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 1px 2px;
	background: #fff url(../i/bg_input.gif) repeat-x 0 -3px;
	width: 170px;
	font-size: 11px;
	font-weight: bold;
}
form#kontakt textarea {
	height: 80px;
	width: 170px;
	font: normal 11px Tahoma, Arial, Verdana, "Lucida Sans Unicode", sans;
}
form#kontakt input#submit {
	border: 1px solid #000;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-weight: bold;
	color: #fff;
	padding: 2px 10px;
	cursor: pointer;
	float: left;
	font-size: 11px;
	margin: 0 0 0 110px ! important;
	margin: 0 0 0 113px;
	/* IE CSS Hack */
}
#stevilke {
	float: left;
	width: 200px;
}
#stevilke #tel {
	float: left;
	padding: 0 20px 0 0;
	font-weight: bold;
}
#stevilke #num {
	float: left;
}
form#kontakt .error {
	padding: 5px 0 5px 130px;
	background: url(../i/bg_error.gif) no-repeat 110px 2px;
	width: 200px;
	font-weight: bold;
	float: left;
	color: #f00;
}
ul#ponudba {
	float: left;
	list-style-type: none;
	width: 170px;
}
ul#ponudba li, ul#ponudba li a {
	float: left;
	display: block;
}
ul#ponudba li {
	width: 170px;
}
ul#ponudba li a {
	width: 150px;
	padding: 0 0 6px 20px;
}
a#clanek {
	display: block;
	float: left;
	font-size: 11px;
	margin: 10px 0 0 0;
	float: left;
	text-decoration: none;
	width: 394px;
	height: 72px;
	padding: 10px 0 0 15px;
}
a#clanek p {
	display: block;
	float: left;
	width: 160px;
	color: #898470;
}
a#clanek b {
	display: block;
	float: left;
	width: 160px;
	padding: 10px 0 5px 0;
	color: #000 ! important;
}
a#mapa {
	display: block;
	float: left;
	margin: 0 0 0 20px;
	border: 1px solid #999;
	padding: 1px;
}
a#mapa:hover {
	border: 1px solid #000;
}