/*-----------------------------------------------------
   BASIC
----------------------------------------------------- */
*                                                     { margin: 0; padding: 0; list-style: none; }
body                                                  {
	font: normal 13px/17px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #6f6e7f;
	background: #fff url(../images/layout/body-bg.gif);
	padding-bottom: 10px;
        }

a img                                                 { border: none; }
a, a img, a:link, a:visited, a:hover, a:active        { outline: none; }
br.clear                                              { line-height: 0; height: 0; font-size: 0; clear: both; }
#print-logo                                           { display: none; }

/*-----------------------------------------------------
   LAYOUT
----------------------------------------------------- */
#wrapper                                              { width: 100%; background: transparent url(../images/layout/header-bg.gif) repeat-x 0 95px; }
#wrapperInner                                         { width: 960px; margin: 0 auto; }
	
#slogan                                               {
	width: 960px;
	height: 55px;
	margin: 0 auto 5px auto;
	padding: 25px 0 10px 0; 
	font: italic 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #212060;
	background: transparent url(../images/layout/slogan-bg.gif) no-repeat 0 80px;
	position: relative;
	}
		
#logo                                                 { margin: 0 35px -10px 0; }

#lang                                                 {
	font-size: 11px;
	position: absolute;
	top: 10px;
	right: 0;
	font-style: normal;
	}
	
#lang li                                              { display: inline; }	
#lang a                                               {
	padding: 0 5px;
	background: #fff;
	line-height: 20px;
	color: #f36622;
	text-decoration: none;
	}
	
#lang a:hover                                         { text-decoration: underline; }
#lang a.on,
#lang a.on:hover                                      { background: #21205f; color: #f36622; text-decoration: none; }

/*-----------------------------------------------------
   HEADER
----------------------------------------------------- */
#header                                               {
	display: inline;
	float: right;
	width: 720px;
	height: 250px;
	background: transparent url(../images/layout/header-image.jpg) no-repeat 0 0;
	margin-bottom: 10px;
	}
	
#box                                                  {
	float: right;
	width: 480px;
	height: 180px;
	background: #8177d8 url(../images/layout/header-box.gif) repeat-y;
	padding: 70px 0 0 0;
	color: #fff;
	}	
	
#box li                                               {
	background: transparent url(../images/layout/bullet-plus.gif) no-repeat 0 1px;
	padding: 5px 15px 6px 45px;
	margin: 0 0 5px 15px;
	}	
	
#development                                          {
	padding: 5px 0 0 0;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	}
	
#development a                                        { color: #666666; text-decoration: underline; }
#development a:hover                                  { color: #666666; text-decoration: none; }
	
/*-----------------------------------------------------
   CONTAINER 
----------------------------------------------------- */
#containerWrapper                                     { width: 960px; }
#container                                            {
	display: inline;
	float: right;
	width: 720px;
	}	
	
/*-----------------------------------------------------
   CONTAINER // Path
----------------------------------------------------- */
#path                                                 {
	display: inline;
	float: left;
	font-size: 11px;
	color: #231a70;
	padding: 5px 0 0 25px;
	margin-bottom: 10px;
	}
#path li                                              { display: inline; }
#path a                                               { color: #231a70; text-decoration: none; }

/*-----------------------------------------------------
   CONTAINER // Icons
----------------------------------------------------- */
#icons                                                { display: inline; float: right; margin-bottom: 10px; }
#icons li                                             { display: inline; float: left; margin-left: 2px; }
	
#icons a                                              {
	display: block;
	width: 20px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: #f26a28;
	line-height: 20px;
	}	
	
#icons a:hover                                        { color: #6f6e7f; }
#icons a.on                                           { color: #6f6e7f; }

#large a                                              { height: 20px; font-size: 12px; }
#normal a                                             { height: 20px; font-size: 10px; }

#icons #print-link a                                  { text-indent: -9999px; background: transparent url(../images/layout/print.gif) no-repeat 0 0; height: 20px; }
#icons #print-link a:hover                            { background: transparent url(../images/layout/print.gif) no-repeat 0 -20px; }

/*-----------------------------------------------------
   FOOTER
----------------------------------------------------- */
#topLink                                              {
	width: 710px;
	padding-right: 10px;
	text-align: right;
	height: 1%;
	}
	
#topLink a                                            { color: #231a70; text-decoration: underline; }
#topLink a:hover                                      { color: #231a70; text-decoration: none; }

#footer                                               {
	text-align: center;
	border-left: 5px solid #625b9b;
	border-right: 5px solid #625b9b;
	height: 1%;
	clear: both;
	margin: 10px 0;
	padding: 7px 0;
	background: #0f0e4c;
	color: #fff;
	font-size: 11px;
	}

/*-----------------------------------------------------
   mainContent & Typ.
----------------------------------------------------- */
.mainContent                                          {
	clear: both;
	margin-bottom: 10px;
	background: #f8f3f0;
	border-left: 10px solid #e1e1ed;
	border-right: 10px solid #e1e1ed;
	padding: 20px 15px;
	min-height: 320px;
	}
#home .mainContent                                    { min-height: 40px; }	
.mainContent#first                                    { margin-bottom: 20px; }

.mainContent h1,
.mainContent h2                                       {
	font-size: 16px;
	font-weight: bold;
	color: #231a70;
	margin-bottom: 20px;
	}
	
.mainContent p,
.mainContent ol,
.mainContent ul,
.mainContent table                                    { margin: 10px 0; line-height: 18px; }

.mainContent ol li                                    { list-style: outside decimal; margin-left: 30px; }
.mainContent ol li,
.mainContent ul li                                    { margin-bottom: 2px; }
	
.mainContent ul                                       { padding-left: 10px; }
.mainContent ul li                                    { background: transparent url(../images/layout/bullet.gif) no-repeat 0 7px; padding-left: 15px; }

.mainContent a                                        { color: #f26a28; text-decoration: underline; }
.mainContent a:hover,
.mainContent a:active                                 { color: #f26a28; text-decoration: none; }

.okvir                                                { border: 1px solid #f26a28; margin: 15px; padding: 5px 10px; }

/*-----------------------------------------------------
   Kontakt + ikone
----------------------------------------------------- */
.mainContent table td                                 { padding: 3px 0; line-height: 26px; }

.mainContent table span { 
	display: block;
	padding: 0 0 0 40px;
	}
	
#tel { background: transparent url(../images/layout/tel.gif) no-repeat 0 0; }	
#fax { background: transparent url(../images/layout/fax.gif) no-repeat 0 0; }
#email { background: transparent url(../images/layout/email.gif) no-repeat 0 0; }
#adresa { background: transparent url(../images/layout/adresa.gif) no-repeat 0 0; }