@charset "utf-8";

/**************************
*       style reset       *
**************************/
* {
	margin: 0;
	padding: 0;
	outline: 0;	
	border: 0 none;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	vertical-align: baseline;
	text-decoration: none;
}

body {
	font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, td, a, ul, ol, li {
	font-weight: normal;
	text-decoration: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	vertical-align: top;
	text-align: left;
}

ul, ol {
	list-style-type: none;
}

b, strong {
	font-weight: bold;
}


/**************************
*         general         *
**************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #212125;
	background-color: #FFF;
	margin-top: 28px;
}

a {
	cursor: pointer;
	color: #c1c3c6;	
}

a:hover {
	color: #c0d55a;
	text-decoration: none;
}

span.Spacer {
	margin-left: 5px;
	margin-right: 5px;
}

hr {
	border: 0px;
	background-color: #e0e1e2;
	color: #e0e1e2;
	height: 1px;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}

h2 {
	font-size: 23px;
	font-weight: bold;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
}

h3 span {
	font-size: 12px;
}

h2, h3, p {
	margin-bottom: 10px;
}

li {
	list-style-type: disc;
	list-style-position: inside;
}

sub {
	vertical-align: sub;
}


/**************************
*         layout          *
**************************/
#MainWrapper {
	width: 989px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#Header {
	position: relative;
	height: 139px;
	z-index: 100;
}

#Body {
	width: 985px;
	padding-left: 4px;
	overflow: hidden;
}

#LeftInfopush {
	width: 158px;
	float: left;
	margin-top: 43px;
}

#ContentWrapper {
	width: 566px;
	float: left;
	margin-left: 24px;
	margin-right: 15px;
}

#RightInfopush {
	float: right;
	width: 222px;	
}

#Footer {
	width: 985px;
	margin-left: 4px;	
	margin-top: 18px;
	overflow: hidden;
}


/**************************
*         header          *
**************************/
#Logo, #Logo a {
	width: 250px;
	height: 160px;
}

#Logo {
	background-image: url(../../images/CO2_footprint/Logo.png);
}

#Logo a {
	display: block;
	text-indent: -9999px;
}

#Header h1 {
	position: absolute;
	right: 0px;
	top: 13px;
	width: 739px;
	height: 109px;
	background-image: url(../../images/CO2_footprint/HeaderTitle.png);
	text-indent: -9999px;
}

#QuickLinks {
	position: absolute;
	right: 16px;
	top: 67px;
}

#QuickLinks a {
	color: #FFF;
	font-size: 14px;
}

#QuickLinks a:hover, #QuickLinks a.Active {
	color: #c0d55a;	
}

#QuickLinks span.Spacer {
	color: #FFF;
	font-size: 14px;	
}

#QuickLinks #EkoLink {
	color: #c0d55a;
}

#QuickLinks #EkoLink.Active {
	text-decoration: none;
	text-decoration: line-through;	
}


/**************************
*         infopush        *
**************************/
#LeftInfopush, #RightInfopush {
	color: #acadb0;
	font-size: 13px; 
}

#LeftInfopush a, #RightInfopush a {
	display: block;
	text-align: center;
}

#LeftInfopush .caption, #RightInfopush .caption {
	display: block;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0px;
}

#LeftInfopush div.Energija .caption {
	font-size: 12px;
	font-weight: bold;
}

#RightInfopush p.caption {
	margin-bottom: 10px;
}

#RightInfopush div.InformaEcho p.caption {
	margin-top: 0px;
}


/**************************
*         content         *
**************************/
#Content {
	background-color: #dde15e;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	overflow: hidden;
	width: 526px;
}

#ContentBottom {
	width: 100%;
	height: 25px;
	background-image: url(../../images/CO2_footprint/ContentBottom.png);	
}

#Content a {
	color: #063;
}

#Content a:hover {
	font-weight: bold;
}

#Content hr {
	color: #7f8141;
	background-color: #7f8141;	
}

ul.Nasveti li {
	margin-bottom: 7px;
	list-style-position: outside;
}

ul.Nasveti {
	margin-left: 15px;
}

p.IzracunEmisije strong, p.DodatniPodatki strong {
	color: #FFF;
}


/* Tabs */
#Tabs {
	height: 61px;
}

.TabsA1 {
	background-image: url(../../images/CO2_footprint/Tabs1.png);
}

.TabsA2 {
	background-image: url(../../images/CO2_footprint/Tabs2.png);
}

.TabsA3 {
	background-image: url(../../images/CO2_footprint/Tabs3.png);
}

.TabsA4 {
	background-image: url(../../images/CO2_footprint/Tabs4.png);
}

#Tab2, #Tab3, #Tab4 {
	display: none;
}

/* Nazaj / Naprej */
#Content .NazajNaprej {
	padding-top: 20px;
	width: 100%;
	overflow: hidden;
}

#Content #Tab1 .NazajNaprej {
	padding-top: 0px;
}

#Content .NazajNaprej span {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 23px;
}

#Content .NazajNaprej span.Naprej {
	display: inline;
	margin: 0px;
	margin-right: 23px;
	height: 23px;
	width: 21px;
	background-image: url(../../images/CO2_footprint/next_inactive.gif);
	text-indent: -9999px;
}

#Tab4 .NazajNaprej span.Naprej {
	margin-right: 0px;
}

#Content a.Naprej, #Content a.Nazaj {
	height: 23px;
	text-indent: -9999px;
	float: right;
}

#Content a.Naprej {
	background-image: url(../../images/CO2_footprint/next.gif);
	width: 21px;
	margin-right: 23px;
	display: none;
}

#Tab1 a.Naprej {
	display: block;
	margin-right: 0px;
}

#Content a.Nazaj {
	background-image: url(../../images/CO2_footprint/previous.gif);	
	width: 20px;
}

#Tab4 input.Naprej {
	border: 0px;
	width: auto;
	height: auto;
	float: right;
	margin: 0px;
	padding: 0px;
	display: none;
}

/* Tooltip */
div.ToolTip {
	display: none;
	position: absolute;
	background-color: #FFF;
	padding: 10px;
	border: solid 3px #063;
}

/* Form */
td {
	text-align: left;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
}

tr.Header td, tr.Footer td {
	font-weight: bold;
}

table {
	width: 526px;
}

table.Stanovanje {
	width: auto;
}

table.Stanovanje input, input.Nevtralno {
	width: auto;
	padding: 0px;
	margin-right: 10px;
	border: 0px;
}

input.Nevtralno {
	margin-right: 5px;
}

table.Stanovanje td {
	padding-top: 1px;
	padding-bottom: 1px;
}

td.Col1 {
	width: 250px;
}

td.Col2 {
	width: 138px;
}

td.Col3, td.Final {
	width: 138px;
}

td span {
	font-size: 10px;
}

input {
	border: solid 1px #bfc0a0;
	width: 79px;
	margin-right: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}

tr.Footer input {
	border: solid 2px #000;
	width: 77px;
}

td.Final input {
	border: solid 3px #000;
	width: 75px;	
}

table h3 {
	margin: 0px;
}

table.Letalo td.Col1 {
	width: 286px;
	vertical-align: top;
}

table.Letalo td.Col1 table {
	width: auto;
}

#StPovratnihLetov {
	width: 60px;
}

table.Letalo td.Col2 {
	width: 240px;
	vertical-align: top;	
}

#Linije, #StPovratnihLetov {
	margin-top: 5px;
}

#Leti, #Linije {
	width: 185px;
	border: solid 1px #bfc0a0;	
}

#Leti {
	width: 240px;
}

#Content #LetAdd, #Content #LetRemove {
	display: block;
	background-color: #212125;
	color: #FFF !important;
	width: 55px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	font-size: 11px;
	margin-left: 0px;
}

#Content #LetAdd:hover, #Content #LetRemove:hover {
	font-weight: normal;
	color: #C0D55A !important;
}

table.Prijava {
	width: auto;
}

table.Prijava input {
	margin-left: 15px;
	width: 200px;
}

p.ErrMsg {
	margin-bottom: 15px;
	margin-top: 15px;
	color: #900;
	display: none;
	font-weight: bold;
}

/* Ikone */
#ElOgIcons, #PrevozIcons, #LetaloIcons, #ClovekIcons {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}

#FinalSum {
	font-weight: bold;
}

#FinalSum span {
	font-size: 18px;
}

#ElOgIcons div, #PrevozIcons div, #LetaloIcons div, #ClovekIcons div {
	float: left;
	background-repeat: no-repeat;
	font-size: 9px;
	text-align: center;
}

#ElOgIcons div {
	padding-top: 110px;
}

#ElOgI1 {
	background-image: url(../../images/CO2_footprint/CO2_icons/hiska1.gif);	
	width: 64px;
	margin-right: 10px;
}

#ElOgI2 {
	background-image: url(../../images/CO2_footprint/CO2_icons/hiska2.gif);
	width: 70px;
	margin-right: 10px;	
}

#ElOgI3 {
	background-image: url(../../images/CO2_footprint/CO2_icons/hiska3.gif);
	width: 97px;
	margin-right: 11px;	
}

#ElOgI4 {
	background-image: url(../../images/CO2_footprint/CO2_icons/hiska4.gif);	
	width: 111px;
	margin-right: 11px;	
}

#ElOgI5 {
	background-image: url(../../images/CO2_footprint/CO2_icons/hiska5.gif);	
	width: 142px;
}

#ElOgI1.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/hiska1A.gif);	
}

#ElOgI2.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/hiska2A.gif);	
}

#ElOgI3.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/hiska3A.gif);	
}

#ElOgI4.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/hiska4A.gif);	
}

#ElOgI5.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/hiska5A.gif);	
}

#PrevozIcons div {
	padding-top: 97px;
}

#PrevozI1 {
	background-image: url(../../images/CO2_footprint/CO2_icons/avto1.gif);	
	width: 64px;
	margin-right: 10px;
}

#PrevozI2 {
	background-image: url(../../images/CO2_footprint/CO2_icons/avto2.gif);
	width: 71px;
	margin-right: 10px;	
}

#PrevozI3 {
	background-image: url(../../images/CO2_footprint/CO2_icons/avto3.gif);
	width: 96px;
	margin-right: 11px;	
}

#PrevozI4 {
	background-image: url(../../images/CO2_footprint/CO2_icons/avto4.gif);	
	width: 110px;
	margin-right: 11px;	
}

#PrevozI5 {
	background-image: url(../../images/CO2_footprint/CO2_icons/avto5.gif);	
	width: 143px;
}

#PrevozI1.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/avto1A.gif);	
}

#PrevozI2.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/avto2A.gif);	
}

#PrevozI3.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/avto3A.gif);	
}

#PrevozI4.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/avto4A.gif);	
}

#PrevozI5.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/avto5A.gif);	
}

#LetaloIcons div {
	padding-top: 92px;
}

#LetaloI1 {
	background-image: url(../../images/CO2_footprint/CO2_icons/letalo1.gif);	
	width: 74px;
	margin-right: 10px;
}

#LetaloI2 {
	background-image: url(../../images/CO2_footprint/CO2_icons/letalo2.gif);
	width: 84px;
	margin-right: 10px;	
}

#LetaloI3 {
	background-image: url(../../images/CO2_footprint/CO2_icons/letalo3.gif);
	width: 96px;
	margin-right: 11px;	
}

#LetaloI4 {
	background-image: url(../../images/CO2_footprint/CO2_icons/letalo4.gif);	
	width: 108px;
	margin-right: 11px;	
}

#LetaloI5 {
	background-image: url(../../images/CO2_footprint/CO2_icons/letalo5.gif);	
	width: 119px;
}

#LetaloI1.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/letalo1A.gif);	
}

#LetaloI2.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/letalo2A.gif);	
}

#LetaloI3.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/letalo3A.gif);	
}

#LetaloI4.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/letalo4A.gif);	
}

#LetaloI5.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/letalo5A.gif);	
}

#ClovekIcons div {
	padding-top: 116px;
}

#ClovekI1 {
	background-image: url(../../images/CO2_footprint/CO2_icons/clovek1.gif);	
	width: 69px;
	margin-right: 10px;
}

#ClovekI2 {
	background-image: url(../../images/CO2_footprint/CO2_icons/clovek2.gif);
	width: 78px;
	margin-right: 10px;	
}

#ClovekI3 {
	background-image: url(../../images/CO2_footprint/CO2_icons/clovek3.gif);
	width: 83px;
	margin-right: 11px;	
}

#ClovekI4 {
	background-image: url(../../images/CO2_footprint/CO2_icons/clovek4.gif);	
	width: 103px;
	margin-right: 11px;	
}

#ClovekI5 {
	background-image: url(../../images/CO2_footprint/CO2_icons/clovek5.gif);	
	width: 151px;
}

#ClovekI1.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/clovek1A.gif);	
}

#ClovekI2.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/clovek2A.gif);	
}

#ClovekI3.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/clovek3A.gif);	
}

#ClovekI4.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/clovek4A.gif);	
}

#ClovekI5.Active {
	background-image: url(../../images/CO2_footprint/CO2_icons/clovek5A.gif);	
}

#Content p.Nagrade {
	color: #063;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 25px;
}

#Content div.Nagrade {
	width: 100%;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 10px;
}

#Content div.Nagrade p {
	display: block;
	text-align: center;
	float: left;
	width: 172px;
	font-size: 12px;
	margin-left: 5px;
}

#Content div.Nagrade p.First {
	margin-left: 0px;
}
	


/**************************
*         footer          *
**************************/
#Footer {
	border-top: solid 1px #e0e1e2;
	padding-top: 12px;
}

#Footer .SendToFriend {
	float: left;
	margin-left: 27px;
	display: inline;
}

#Footer .OtherLinks {
	width: 222px;
	float: right;
	text-align: center;
	display: inline;
}

#Footer span.Spacer, #Footer a {
	font-size: 14px;
	color: #acadb0;	
}

#Footer a:hover {
	color: #c0d55a;	
}