/*-----------------------------
 Screen style    
 Site: Automonitor.sk
 Date: 13/08/2008
 -----------------------------*/
/* File Organization
[1] Common Styles
[2] Reusable styles
[3] Page Specific Styles
*/
/* [1] Common Styles */
body {
 background-color: #40495F;
 color: #fff;
 font-size: 72%;
 text-align: center;
}

#header {
 background: #40495F;
 color: #fff;
 height: 60px;
 position: relative;
}

#header h1, #header h1 span {
 height: 35px;
 left: 0;
 position: absolute;
 top: 0;
 width: 167px;
}

#header h1 {  
 top: 25px;
}

#header h1 {
 font-size: 1em;
 overflow: hidden;
}

#header h1 span {
 background-image: url(../img/logo.gif);
 background-position: top left;
 background-repeat: no-repeat;
 z-index: 1;
}

#infocar {
 bottom: 11px;
 height: 28px;
 overflow: hidden;
 position: absolute;
 right: 278px;
 width: 84px;
 margin: 0;
}

#infocar span {
 background-image: url(../img/infocar.gif);
 background-position: top left;
 background-repeat: no-repeat;
 height: 28px;
 left: 0;
 position: absolute;
 top: 0;
 width: 84px;
 z-index: 1;
}

#navigacia {
 bottom: 8px;
 height: 48px;
 overflow: hidden;
 position: absolute;
 right: 152px;
 width: 103px;
 margin: 0;
}

#navigacia span {
 background-image: url(../img/navigacia.gif);
 background-position: top left;
 background-repeat: no-repeat;
 height: 48px;
 left: 0;
 position: absolute;
 top: 0;
 width: 103px;
 z-index: 1;
}

#login {
 bottom: 7px;
 height: 15px;
 overflow: hidden;
 position: absolute;
 right: 5px;
 width: 121px;
}

#login span {
 background-image: url(../img/login.gif);
 background-position: top left;
 background-repeat: no-repeat;
 height: 15px;
 left: 0;
 position: absolute;
 top: 0;
 width: 121px;
 z-index: 1;
}

#header a, #login a {
 background-color: transparent;
 color: #fff;
}

/* Outer wrapper */
#outer {
 background: #fff url(../img/bg-outer.gif) top left repeat-y;
 border-bottom: 1px solid #365935;
 color: #000;
 line-height: normal;
 margin: 15px auto 0 auto;
 padding: 0;
 text-align: left;
 width: 760px;
 position: relative;
}

/* Flash Demo */
#demo {
 background-color: #D7E600;
 border-bottom: 1px solid #688368;
 color: #365935;
 height: 130px;
}

/* Inner wrapper */
#inner {
 background: transparent url(../img/bottom.gif) bottom right no-repeat;
 float: left;
 line-height: 1.4;
 width: 607px;
 min-height: 360px;
}

/* Middle Column */
#middle {
 float: right;
 padding: 25px 17px;
 width: 400px;
}

/* Left Column */
#left {
 float: left;
 padding: 15px 18px 25px 18px;
 width: 136px;
}

/* Main Navigation */
#nav, #nav ul {
 margin: 0;
}

#nav li {
 list-style-type: none;
 margin: 1em 0 0 0;
}

#nav li li {
 margin: 0 0 0 8px;
}

#nav a {
 background-color: transparent;
 color: #365935;
 text-decoration: none;
}

#nav a:hover {
 background-color: transparent;
 color: #50854F;
 text-decoration: underline;
}

#nav li a {
 font-weight: bold;
}

#nav li li a {
 font-weight: normal;
}

/* Right Column */
#right {
 float: right;
 line-height: 1.4;
 padding: 25px 14px;
 width: 125px;
}

/* Footer */
#footer {
 background-color: #D7E600;
 border-top: 1px solid #365935;
 clear: both;
 color: #365935;
 padding: 10px;
}

#footer p {
 font-size: 0.9em;
 margin: 0;
 padding: 0;
 text-align: right;
}

#footer p a {
 color: #365935;
 background-color: transparent;
}

#trackers {
 font-size: 1px;
 height: 1px;
 line-height: 1px;
}

#trackers img {
 border: 0;
}

/* [2] Reusable styles */
/* [3] Page Specific Styles */
/* Uvod */
h2#system {
 font-size: 1em;
 height: 21px;
 margin: 0 0 10px 0;
 overflow: hidden;
 padding: 0;
 position: relative;
 width: 400px;
 z-index: 0;
}

h2#system span {
 background: transparent url(../img/system.gif) top left no-repeat;
 color: inherit;
 height: 21px;
 left: 0;
 position: absolute;
 top: 0;
 width: 400px;
 z-index: 1;
}

h3.vyhody {
 margin: 1.5em 0 1em 0;
}

p.description {
 background-color: transparent;
 color: #365935;
 font-size: 1em;
 margin-bottom: 1.5em;
}

.service {
 background-position: top left;
 background-repeat: no-repeat;
 border-top: 1px solid #fff;
 min-height: 100px;
 padding-bottom: 8px;
}

.service h3 {
 font-size: 1em;
 height: 19px;
 margin: 4px 0.5em 0 103px;
 overflow: hidden;
 position: relative;
 width: 195px;
 z-index: 0;
}

.service h3 span {
 background-position: top left;
 background-repeat: no-repeat;
 height: 19px;
 left: 0;
 position: absolute;
 top: 0;
 width: 195px;
 z-index: 1;
}

.service p {
 margin-left: 103px;
}

.service.s1 {
 background-image: url(../img/1.gif);
}

.service.s1 h3 span {
 background-image: url(../img/s1.gif);
}

.service.s2 {
 background-image: url(../img/2.gif);
}

.service.s2 h3 span {
 background-image: url(../img/s2.gif);
}

.service.s3 {
 background-image: url(../img/3.gif);
}

.service.s3 h3 span {
 background-image: url(../img/s3.gif);
}

.service.s4 {
 background-image: url(../img/4.gif);
}

.service.s4 h3 span {
 background-image: url(../img/s4.gif);
}

.service.s5 {
 background-image: url(../img/5.gif);
}

.service.s5 h3 span {
 background-image: url(../img/s5.gif);
}

.red {
	color: #D80028;
}
.green {
 background-color: #C2DC50;
}

.lightgreen {
	background-color: #E8F2BD;
}