@charset "utf-8";
/* CSS Document */

html {border:0pt none; margin:0pt; padding:0pt; overflow:auto; width:100%; height:100%;}

body {border:0pt none; 
	margin:0pt; 
	padding:0pt; 
	width:100%; 
	height:100%; 
	background:url("../layout/background.jpg") left top repeat-y;
	background-color:#06261f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#bcc8bd;
	}

* {
margin:0;
padding:0;
border:0;
}

a {color:#bcc8bd;}

a:hover {color:#990066;}
	
a, a:hover {outline:none; text-decoration:none;}

h1 {font-size:16px; margin: 0 0 18px 0;}

h1 span {display:none;}

h2 {font-size:24px; font-weight:lighter; margin: 0 0 15px 0;}

h3 {font-size:14px;}

ul, li {list-style:none;}

#mainIndex {
	background:url("../layout/multimedia_main.jpg") no-repeat top left;
	margin: 0px; padding: 0px; width: 100%; height:100%;}
	
#mainWeb {
	background:url("../layout/spletne_main.jpg") no-repeat top left;
	margin: 0px; padding: 0px; width: 100%; height:100%;}
	
#mainWebEn {
	background:url("../layout/spletne_main_en.jpg") no-repeat top left;
	margin: 0px; padding: 0px; width: 100%; height:100%;}

#mainGraphic {
	background:url("../layout/graphic_main.jpg") no-repeat top left;
	margin: 0px; padding: 0px; width: 100%; height:100%;}
	
#mainGraphicEn {
	background:url("../layout/graphic_main_en.jpg") no-repeat top left;
	margin: 0px; padding: 0px; width: 100%; height:100%;}

#mainPhoto {
	background:url("../layout/foto_main.jpg") no-repeat top left;
	margin: 0px; padding: 0px; width: 100%; height:100%;}
	
#mainPhotoEn {
	background:url("../layout/foto_main_en.jpg") no-repeat top left;
	margin: 0px; padding: 0px; width: 100%; height:100%;}


#page {height:100%; 
		margin:0px; 
		width:950px;
		text-align:left;
		float:left;
		}
		
#container {width:950px; overflow:hidden;}

#left, #right {padding-bottom: 32000px; margin-bottom: -32000px;}

	
/*LEFT*/
#left {width:300px; float:left; background:url("../layout/left_back.jpg") repeat-y;}

#leftBack {width:300px; height:1000px; background:url("../layout/left_up.jpg") top left no-repeat;}

#leftUp {width:300px; height:476px; background:url("../layout/logo.jpg") top left no-repeat;}

#logo {width:55px; height:468px; float:right; overflow:hidden;}

#leftDown {width:300px; text-align:right;}

.select h1 {width:297px; height:18px; color:#990066; text-align:right; letter-spacing:1px; padding-right:3px;}

.menu h1 a {width:300px; height:20px; text-align:right; letter-spacing:1px; padding-right:3px;}

#menuKontakt h1 {width:296px; height:20px; color:#990066; text-align:right; letter-spacing:1px; margin-top:80px; margin-right:4px;}

/*RIGHT*/
#right {width:650px; height:100%; float:left;}

#rightUp {width:650px; height:220px;}

#rightDown {width:650px;}

#rightL {width:86px; height:100px; float:left;}

#rightR {width:550px; float:left;}

.title h2 {width:300px; height:25px; letter-spacing:1px; padding-right:3px;}

.title h2 a {width:300px; height:25px; letter-spacing:1px; padding-right:3px;}

.line {width:550px; height:1px; background:url("../layout/line.jpg") no-repeat; overflow:hidden;}

/*PROJECTS*/
.project {width:550px; height:195px; display:inline;}

.projectContent {width:550px; height:145px; margin: 25px 0 25px 0 ; overflow:hidden;}

.projectL {width:300px; height:145px; float:left; overflow:hidden; margin: 0 45px 0 0;}

.projectL img {border:5px solid #364643; padding:0px;}

.projectR {width:205px; height:145px; float:left; overflow:hidden;}

.projectR li {font-size:12px; margin-bottom:20px;}

.projectR li h3 {margin-bottom:20px;}

.projectR li a {text-decoration:underline;}


/*INDEX CONTENT*/
.indexContent {width:550px; height:100%; margin-top:75px;}

.indexContent .line, .pageContent .line {margin-bottom:20px;}

.indexContent li, .pageContent li {font-size:14px;}

.indexContent li span, .pageContent li span {color:#990066;}


/*PAGE CONTENT*/
.pageContent {width:550px; height:100%;}

/*FOOTER*/
.indexContent {margin-bottom:20px;}

.indexContent .line {margin-bottom:10px;}

.indexContent #footer li {font-size:10px; margin-bottom:2px;}

.indexContent #footer li a {text-decoration:underline;}


/*FOOTER-SUB*/
#topLink {width:550px; height:30px; font-size:10px; padding-top:10px;}

#topLink span {color:#990066;}

.footerContent {width:550px; height:100%; margin-top:45px; margin-bottom:20px;}

.footerContent .line {margin-bottom:10px;}

.footerContent #footer li {font-size:10px; margin-bottom:2px;}

.footerContent #footer li a {text-decoration:underline;}

/*test*/
#portfolio ul {border-top: 1px solid #364643; padding-top: 15px;}

#portfolio li {padding: 0 0 15px 0; margin: 0 0 15px -38px; border-bottom: 1px solid #364643;}

#portfolio li h3 {margin-left:347px; margin-bottom :10px; color:#CC0000;}

#portfolio li img {float:left; border:5px solid #364643; padding:0px;}

#portfolio li .info {margin-left:347px; border-top: 1px solid #333; padding-top: 0;}

#portfolio li .info li {font-size: 0.5em; padding: 0; margin: 0; padding: 4px 0; line-height: 1.2em;}

#portfolio li .info li span {color: #333333; font-weight: bold;}

#portfolio li a {color: #787878; font-weight: normal; text-decoration:underline;}

/*KONTAKT*/
#kontakt {width:296px; margin-right:4px; font-size:14px;}

#kontakt form {margin: 0 0 20px 0; padding:0;}

#kontakt form .text {font-size:12px; color:#bcc8bd; margin-bottom:3px;}

#kontakt form label {letter-spacing:1px; display:block;}

#kontakt form input {width:195px; border: 1px solid #364643; color:#bcc8bd; font-size:0.9em;
margin-bottom:10px; padding:5px; background-color:transparent!important;}

#kontakt form textarea {width:195px; border: 1px solid #364643; color:#bcc8bd; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; 
margin-bottom:10px; padding:5px; background-color:transparent!important; scrollbar-base-color: #041a12; overflow:hidden;}

#kontakt form #button {width:60px;}


#kontakt form select {width:208px; border: 1px solid #364643!important; color:#bcc8bd; font-size:0.9em; margin-bottom:10px; padding:5px; background:none; background:#010504!important;}

.selMain {background:#010504!important; color:#bcc8bd;}