html, body, div{
	padding: 0;
	margin: 0;
	font-family: arial; font-size: 12px; color: #444444;
}

body{
	background: #ffffff;
	text-align: center;
	height: 90%;
}

h4{
	color: #0066CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

p{
	font-size: 12px;
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

a{
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a img{
	border: 0;
}

div.wrapper{
	background-repeat: repeat-x;
	background-position: 0 0;	
}

div.container{
	width: 900px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	background-position: top;
	background-repeat: repeat-x;
}


table td p{
	margin: 0; padding: 3px 0;
}

div#phone{
	text-align: right; vertical-align: bottom; padding: 0px 0 0 0; height: 30px;
}
#phone p{
	float: right; font-size: 26px; font-weight: normal; color: #3366CC; padding: 0; margin: 20px 0 0 0; color: #de0c10; font-family: Geneva, Arial, Helvetica, sans-serif;
}
#phone img{
	float: right; padding: 0; margin: 0px 0 0 0;
}

.header {
	/*background: url('../images/logo-border.gif') #fff no-repeat 0% 0%;*/
	color: #6a604e;
	float: left;
	text-align: center;
	padding-top: 10px;
	margin: 0;
}

.header h1 {
	width: 240px;
	height: 110px;
	overflow: hidden;
	background: url('../images/servis-racunalnikov.gif') no-repeat 50% 50%;
	margin: 10px 10px;
}
.header img{
	margin: 0;
	padding: 0;
	margin: 25px 0px 10px 10px;
	border: 0;
}


/**** ZACETEK: nav_menu ****/

#nav_menu {
	margin-top: 10px; margin-left: 9px; padding-left: 0px; float: right; background: url('../images/nav_background.gif') #fff repeat-x 0% 0%;
	color: #2c554a; text-align: center; font-family: tahoma, arial, sans-serif; height: 125px;
}

#nav_menu a {
	color: #ff8e43; background: inherit; font-size: 16px; font-weight: bold;
}

#mav_menu a:hover {
	color: #FF6600; background: inherit;
}

#nav_menu ul {
	width: 450px; height: 125px; overflow: hidden; padding: 0 20px 0 20px; margin: 0;
}

#nav_menu li {
	float: left; border-width: 0px 1px 1px 0px;	border-color: #FF6633; border-style: solid; font-size: 20px; list-style: none;
}

#nav_menu li#menu3, #nav_menu li#menu6 {
	border-right: none;
}

#nav_menu li a {
	display: block; width: 149px; height: 62px; text-decoration: none;
}

#nav_menu li a:hover {
	color: #FF6600; background-color: #ffeadb; color: #ff0000; background-color: #ffdec5;
}

#nav_menu li a span {
	padding-top: 17px; display: block;
}

/**** KONEC: nav_menu ****/


div#headerBottom{
	width: 850px;
	background-image: url(../images/header_bottom1.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0; margin: 0 auto;
	text-align: center;
}


/* Glavne teme */

div#mainTheme{
	background-image: url(../images/content_header_bg-1.gif); background-repeat: repeat-x; margin:0 0 0px 0px; padding: 0; min-height: 32px;
}

div#mainTheme h1{
	height: auto; background-color: #FFFFFF; width: 280px; font-size: 20px; font-family: Arial Narrow; font-weight: bold; color: #000050; padding: 0 0 0 5px; margin: 0 0 20px 0;
}

div#mainTheme p{
	width: 420px;
	float: right;
	padding-right: 0px;
	text-align: justify;
	padding: 0 80px 0 0;
	margin: 0 0 0 0;
}

a#themeLink {
	height: auto; background-color: #FFFFFF; width: 280px; font-size: 20px; font-family: Arial Narrow; font-weight: bold; color: #000060; padding: 0; margin: 0; text-decoration: none; overflow: visible;
}
a#themeLink:hover {
	background-color: #dddddd;
}

a#themeTextLink{
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}


/*	KONEC: Glavne teme	*/



/*****	ZAČETEK: mainDecsription	*****/

div.mainDecsription{
	background-image: url(../images/content_header_bg-1.gif); background-repeat: repeat-x; margin:0 0 0px 0px; padding: 0; min-height: 32px;
}

h1.mainDecsriptionHeader{
	height: auto; background-color: #FFFFFF; font-size: 24px; font-family: Arial Narrow;
	font-weight: bold; color: #000050; padding: 0 0 0 5px; margin: 0 auto 20px auto;
}
div.mainDecsription{
	/*width: 420px;
	padding-right: 0px;
	text-align: justify;
	padding: 5px 80px 5px 0;
	margin: 0 0 0 0;
	line-height: 1.3em;*/
}


div#seznam{
	padding: 0px 0px;
	margin: 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div#seznam ul{
	
}
div#seznam li{
	padding: 2px 5px 2px 0px;
	margin: 00px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: disc;
	color: #0066CC;
	line-height: 1.5em;
	width: 420px;
}

div#seznamProgramiranje{
	padding: 0px 0px; margin: 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;
	margin: 5px 0 15px 200px; float: left;
}
div#seznamProgramiranje li{
	padding: 2px 5px 2px 0px;
	margin: 00px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: disc;
	color: #0066CC;
	line-height: 1.5em;
}


div#rightColumn{
	margin: 10px 0px 5px 200px;
}

/*****	KONEC: mainDecsription	*****/



.footer{
	height: 40px;
	width: 850px;
	background-color: #9AB2E2;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 20px;
	margin: 0 auto;
	background-image: url(../images/footer_background.gif);
	background-position: top;
	background-repeat: repeat-x;
	color: #FFFFFF;
}
.footer a{
	color: #FFFFFF;
}

/*******		CLASSES		******/

.clear {
	/*clear: both; height: 5px;*/
	margin : 0px 0px 0px 0px; padding: 0; height : 0px; clear : both; float : none; font-size : 1px;
	line-height : 0px; visibility: hidden;
}

.current{
	background-color: #ffd2b1; font-weight: bold; color: #FFFFFF;
}
.current span{
	color: #FFFFFF;
}

.rightParagraph{
	float: right;
	width: 420px;
	padding-right: 0px;
	text-align: justify;
	padding: 5px 120px 5px 0;
	margin: 0 0 0 0;
	line-height: 1.3em;
}
.rightParagraphHeader{
	font-size: 16px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; margin: 15px 0 10px 10px;
	padding: 0;
}

.leftParagraph{
	float: left;
	width: 420px;
	padding-right: 0px;
	text-align: justify;
	padding: 5px 0px 5px 120px;
	margin: 0 0 0 0;
	line-height: 1.3em;
}


div.leftColumn{
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	border: 1px solid #cccccc;
}

div.rightColumn{
	float: right;
	width: 540px;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
}


.demoInfo{
	border: 0;
	float: right;
	margin: 50px 0px 0 0;
}

/***		ZACETEK: Event management software		***/

div.conferenceManagerColumn{
	width: 720px;
	margin: 0px auto;
	padding: 0px 0 0 0;
	text-align: left;
}

div.conferenceManagerColumn p{
	padding: 0; margin: 10px 0 10px 10px; text-align: left; line-height: 1.8em;
}
div.conferenceManagerColumn ul{
	color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}

div.conferenceManagerColumn h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #007cc3;
	padding: 0;
	margin: 10px 0px 0px 15px;
}

.iconTitle{
	margin: 0px 0 0 5px; vertical-align: top;
}
.iconParagraph{
	width: 600px; text-align: right;
}
.iconImage{
	float: left; width: 42px; height: 42px; margin-right: 10px;
}

div.conferenceManagerColumn h3{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #333333;
	padding: 0; margin: 20px 20px 0px 0px; width: 150px; height: 110px; text-align: right; float: right;
}
div.background{
	height: 230px; border: 0px; border-bottom: 1px solid #cccccc; margin: 0px auto; padding: 0;
}

div.conferenceManagerHeader{background-image: url(../images/conference-manager-600.jpg); background-position: top left; background-repeat: no-repeat; background-color: #e1eef6; padding: 0px 0 0 00px; height: 160px;
}
h1.header{
	width: auto; color: #007cc3; font-size: 30px; padding: 0; margin: 18px auto 0 auto; background-color: #FFFFFF; text-align: center; font-family: Arial, Helvetica, sans-serif; float: none;
}
h2.conferenceManagerH2{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #007cc3;
	padding: 0; margin: 10px 0px 10px 5px;
}
div.conferenceManagerHeader h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #555;
	width: 150px;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
	float: left;
	line-height: 1.4em;
}


/***	ZAČETEK: cenik.htm		***/

.cenikTable {
	vertical-align:top;
	border:1px solid #cccccc;
	width:520px;
	margin-top:20px;
	margin-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
}
.cenikTable td{
	padding:3px;
}
.cenikTable th{
	background-color:#FFFFCC;
	text-align:center;
	border-bottom:1px solid #999999;
	padding-bottom:5px;
}
.cenikTableLeft{
	width:400px;
}
.cenikTableRight{
	text-align:right;
	padding-right:10px;
}
.cenikOpis{
	color:#003399;
	padding:20px 5px 0px 5px;
	margin:0;
}
#barvnaVrstica{
	background-color:#eeeeee;
	border-bottom:1px #999999 solid;
}

/***	KONEC: cenik.htm		***/


/***	ZAČETEK: naši-podatki		***/


.nasiPodatkiDiv {
	 margin-top:10px;
	 margin: 10px 0px 5px 200px;
	 width:auto;
	font-family:Arial, Helvetica, sans-serif;
}
.nasiPodatkiDiv h5{
	color:#003399;
}

.nasiPodatkiVrstica {
	width:100%;
}
.nasiPodatki-Levo {
	padding:5px;
	width:150px;
	font-size:12px;
	text-align:left;
	border-bottom: 1px solid #eeeeee;
}
.nasiPodatki-Desno {
	padding:5px;
	width:350px;
	font-size:12px;
	text-align:left;
	border-bottom: 1px solid #eeeeee;
}
/* levi del podatkov npr. Polni ime, naslov, ... */
.nasiPodatki-Nazivi {
	padding:5px;
	width:150px;
	font-size:12px;
	text-align:right;
	border-bottom: 1px solid #eeeeee;
	float:left;
}
.nasiPodatki-Podatki {
	padding:5px;
	width:150px;
	font-size:12px;
	text-align:right;
	border-bottom: 1px solid #eeeeee;
	float:right;
}

/***	KONEC: naši-podatki		***/

ul#povezave li{
	margin-left:15px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
}


/***	ZACETEK: contact	***/

div.contact{
	margin: 2px 10px;
}

div.contactLeft{
	width:100px; float: left;
}

div.contactRight{
	width: 300px; float: left;
}

.menu{
	padding: 0; margin: 0; 
}

.menu li{
	float: left; width: 100px; text-align: center; margin: 0 auto; height: 40px; border-bottom: 1px solid #eeeeee; list-style:none;
}
.menu li:hover{
	background-color: #e2e2e2;
}

li#selected{
	background-color: #e2e2e2;
}
.menu a{
	text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
}
.menu a img{
	margin: 2px 0 0 0;
}

.leftColumnText{
	width: 320px; float: left; padding: 0;
}
.leftColumnText p, .leftColumnText ul{
	line-height: 1.8em;
}
.rightColumnImage{
	width: 350px; float: right; padding: 0; text-align: right;
}