html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	}

html { background: #fcfcfc; }

body {
	font-size: 75%;
	line-height:2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #5a5a5a;
	background: #f7f7f7 url('body-bg.jpg') repeat-x left top; 
	text-align:center;
	height:100%;
}

a { color: white;   color:#d3e889;}
a:visited { 	color: #f9fcfe; color:#d0e38d;}
a:hover {	text-decoration: underline; color:#e2fd84;	}

h2 {
  font-family: Arial, "Myriad Pro", "Trebuchet MS", Arial, "Sans Serif";
  font-size:1.8em;
  letter-spacing:0.05em;
  margin:0em 0 1em 0;
  text-transform: uppercase; 
  font-weight: bold;
}

h3 {
  font-family: Arial, "Myriad Pro", "Trebuchet MS", Arial, "Sans Serif";
  font-size:1.4em;
  letter-spacing:0.04em;
  margin:0em 0 0.5em 0;
  text-transform: uppercase; 
  font-weight: bold;
}

p {
  margin:1em 0px 1em 0px;
}

strong {
  font-weight: bold;
}

#container {
  text-align:center;
}

#page {
  width:960px;
  margin: 0 auto;
  text-align:center;
  min-height:100%;
  height:100%;
  padding-bottom:5em;
}

.splashinfo#a {
  margin:10em auto 1em auto;
  width:320px;
  background:white;
  padding:3em;
}

.splashinfo#b {
  margin:2em auto 10em auto;
  width:320px;
  background:white;
  padding:3em;
}

/* SUBPAGES */ 

#container.subpage #page {
  background: transparent url('content-bottom-bg.png') no-repeat center bottom; /* subpage illu */
  padding-bottom:150px;
}

#container.errorpage #page {
  background: transparent url('error404.jpg') no-repeat right 121px; /* subpage illu */
  padding-bottom:180px;
}

#wrapper {
  /*background: #2c6880 url(wrapper-bg.png) repeat-x left top;*/ 
}

.inner {
  width:960px;
  margin:0 auto;
}


/* HEADER */

#header {
  padding:0;
  height:120px;
  color:#444b4e;
}

#header h1 {
  margin: 0;
  visibility: hidden;
  display:none;
}

a#logo {
  display: block;
  text-decoration: none;
  background: url('head-coex-logo.gif') no-repeat left top;
  width: 189px;
  height: 55px;
  float:left;
  margin:40px 0px 0px 3px;
}

a#logo span {
  visibility:hidden;
  display:none;
}

div.langbar {
  float:right;
  width: 70px;
  height: 24px;
  background: transparent url(head-lang-bg.gif) no-repeat right top; 
  margin:0 5px 0 0;
  padding:0px 0 0 0px;
  color:#444b4e;
}

div.langbar span {
  margin:0px 0px 0px 0px;
  padding:0 0px 0 8px;
}

div.langbar a{
  padding:0px 5px 3px 1px;
  /* color:#a1b06a; */ 
  color: #87a7b5;
  text-decoration:underline;
}

div.langbar span.active a{
  text-decoration:none;
  color:#757f83;
}


/* MAIN NAVIGATION */

ul.nav {
  clear:right;
  float:right;
  text-align:right;
  text-transform:lowercase;
  list-style:none;
  margin-top:36px;
  height:30px;
  overflow:hidden;
}

.nav li {
  margin:0px 0px 0 2em;
  float:left;
	letter-spacing:1px;
	padding:0 30px 0 0px;
	height: 30px;
	background: transparent url(head-nav-separator.gif) no-repeat right top;
	text-align: center;
}

.nav li span {
  display: block;
  height:2em;
  margin:0;
  padding:0;
  /* border:1px solid green; */
}

.nav li.active a{
  background: transparent url(head-navg-mid-act.gif) repeat-x center bottom;
  color: white;
  display:block;
  height:30px;
  overflow:hidden;
  float:left;
}

.nav li a:hover {
  color:white;
  text-decoration: none;
}

.nav a { 
  height:30px;
  text-decoration:none;
  color:#b3dff1;
  overflow:auto;
  /* border:1px solid blue; */
}

.nav li.last {
  background:none;
  padding:0 12px 0 0px;
}


/* ID; LEFTCOL */

.home #leftcol {
  /* margin-top:2.8em; */
}

#leftcol {
  width:568px;
  margin-right:0;
  margin:0px 6px 0px 6px;
  float:left;
  padding-bottom:4em;
  overflow:hidden;
}

#leftcol h2 {
  text-transform: uppercase;
  font-size:1.80em; /*35*/
  margin:14px 0 12px 0;
  padding-top:4px;
  letter-spacing:1px;
  font-weight:normal;
}

#leftcol h3 {
  text-transform: uppercase;
  font-size:1.25em;
  font-weight:500;
}

#leftcol h4 {
  font-size:1.15em;
  margin:0.5em 0 0.5em 0em;
}

#leftcol p {
  padding:0em 0em 1em 0em;
  margin:6px 0 2px 0;
}  

#leftcol a {
  /* color:#e1fd95; */
}

#leftcol ul.list li {
  list-style: none;
  padding-left: 16px;
  background: url('ico-rcol-arrow.gif') no-repeat left 10px;
}

#leftcol .button {
  display:block;
  width:185px;
  height:37px;
  overflow:hidden;
  background: url('button-hp-more_h.gif') no-repeat left 0px;
  text-decoration:none;
  margin:0 22px 20px 0;
  /* border:1px solid red; */
}

a.button span {
  display:block;
  padding:7px 0px 0px 12px;
}

#leftcol .button:hover {
  background: url('button-hp-more_h.gif') no-repeat -185px 0px;
}

#breadcrubms {
  /* padding: 2em 0 1.8em 0em; */
  background: url('crumbs-bg.gif') repeat-x left bottom;
  margin:2em 0 1.8em 0em;
  height:42px;
}

#breadcrubms a{
  color:#7ab7d8;
  padding-right:3px;
  padding-left:3px;
}

#breadcrubms span {
  padding:0px 3px 0px 2px;
  color:#74aecd;
}

#breadcrubms span.B_firstCrumb a.B_homeCrumb {
  padding:0px;
}

.lcol-box {
	border:1px solid #144D65;
	background-color:#175169;
	padding:1em 2em 1em 2em;
	margin:1.8em 0 2em 0;
	width:90%;
}

.lcol-box h3 {
	color:#99DAF9;
	font-size:15px;
	text-transform: uppercase;
}

.lcol-box .a{
	margin:1em 0em 1em 0em;
	float:left;
	width: 240px;
}

.lcol-box .b{
	margin:1em 0em 1em 0em;
	float:right;
	width:240px;
}

.lcol-box .in{
	margin:0.5em 0em 1em 0em;
}

.lcol-box ul li {
  list-style: none;
  padding-left: 16px;
  background: url('ico-lcol-square.gif') no-repeat left 9px;
}

/* ID; RIGHTCOL */

#rightcol {
  width:372px;
  float:right;
  overflow:hidden;
  color:#d6e8f0;
}

#rightcol h3 {
  color:#99daf9;
  text-transform: uppercase;
  font-size:1.25em;
  margin-bottom:0.3em;
  font-weight:normal;
  /* font-family: Myriad Pro, Trebuchet MS; */ 
}

#rightcol a {
  color:#d3e889;
}

#rightcol a:hover {
  color:white;
}

#rightcol ul {
  margin-top:0.5em;
}

#rightcol ul li {
  list-style: none;
  padding-left: 16px;
  background: url('ico-rcol-arrow.gif') no-repeat left 10px;
}

#rightcol ul li.active {
  background: url('ico-rcol-arrow-active.gif') no-repeat left 10px;
}

#rightcol ul li.active a {
  color:#d4d5d7;
}

#rightcol ul.list2 li {
  list-style: none;
  padding-left: 16px;
  background: url('ico-lcol-square.gif') no-repeat left 10px;
}

/* HOMEPAGE */

.box-hp {
  margin:1px 0 0 0px;
  width:372px;
  overflow:hidden;
  background: transparent url(rightcol-bg-0.jpg) no-repeat 24px top;
  height:660px;
}

.box-hp .in{
  margin:2em 2em 2em 2em; 
}

.box-hp #about {
  height:130px;
  overflow:hidden;
  margin:4em 2.5em 3em 4.5em;
}

.box-hp #about p{
  overflow:hidden;
  padding:0em 0em 1.3em 0em;
  margin:6px 0 2px 0;
} 

.box-hp #news {
  overflow:hidden;
  margin:5.2em 2.5em 3em 4.5em;  
}

.box-hp #news p {
  overflow:hidden;
  padding:0.5em 0em 1em 0em;
  margin:0px 0 0.5em 0;
} 

.box-hp #news .date {
  color:#a7cddc;
  font-weight:bold;  
}

.box-hp #news .link {
  text-transform:uppercase;
}

.box-hp #news p.archive {
  margin:6px 0 2px 0;
  padding:0.5em 0 0 0;
}

h4.newsOne {
  margin-bottom:0;
  padding-bottom:0;
}

a.ico-more {
  display: block;
  margin: 0px 0 0 0;
  background: url('ico-rcol-arrow.gif') no-repeat 0px 9px; /* ico-rcol-more.gif */
  padding:0px 0px 0px 16px;
}

a.ico-more2 {
  display: block;
  margin: 0px 0 0 0;
  background: url('ico-rcol-arrow.gif') no-repeat 0px 10px;
  padding:0px 0px 0px 16px;
}

ul.hp-reference {
    margin-top: 12px;
}

ul.hp-reference li {
    width:146px;
    height:80px;
    float:left;
    padding:0 0 4em 0;
    margin:0 42px 4em 0;
    line-height:1.8em;
    color:white;
    overflow:hidden;
}

ul.hp-reference li.last {
    margin:0 0 0 0;    
}

ul.hp-reference li img {
    width: 140px;
    margin:0;
    display:block;
}

ul.hp-reference li span.desc {

}

ul.hp-reference a.imglink {
    background: none;
}

a.imglink img {

}

ul.hp-reference2 {
  padding:0; 
}

ul.hp-reference2 li {
	float:left;
	padding:8px;
	background: #175169;
	border:1px solid #134B63;
	width:141px;
	height:112px;
	margin:1em 2.5em 1.4em 0em;
	overflow:hidden;
}

ul.hp-reference2 li img.thumb {
	border:1px solid #2B6D88;
	display:block;
}

ul.hp-reference2 .arrow {
		display:block;
    background: url('ico-lcol-arrow.gif') no-repeat left 7px;
    padding-left:20px;
    margin-top: 3px;
}

ul.hp-reference2 li a {
    color: white;
}

ul.hp-reference2 a.arrow:hover {
		color:white;
}

/* SUBPAGES */

/* sp1 */

.box-sp1 {
  margin:25px 0 0 0px;
  width:372px;
  height:400px;
  background: transparent url(rightcol-bg-1.jpg) no-repeat 24px top;
  padding-top:0.1em;
}

.box-sp1 .in {
  height:124px;
  padding:0em 2em 2.6em 4.6em;
  margin-top:2em;
}

.box-sp1 h3 {
  margin:12px 0 0 0;
}

.box-sp1 p {
  margin:6px 0 0 0;
}


/* sp2 */

.box-sp2 {
  margin:25px 0 0 0px;
  width:372px;
  background: transparent url(rightcol-bg-1.jpg) no-repeat 24px top;
  padding-top:0.1em;
}

.box-sp2 .in {
  padding:0em 2em 2.6em 4.6em;
  margin-top:2em;
}

/* sp3 - elasticky */

.box-sp3 {
  margin:1px 0 0 0px;
  width:372px;
  background: transparent url(rightcol-bg-bottom.png) no-repeat 24px bottom;
  padding:0em 0em 20px 0em;
  /* border:1px solid red; */
}

.box-sp3 .in1 {
  background: transparent url(rightcol-bg-repeat.jpg) repeat-y 24px top;
}

.box-sp3 .in2 {
  padding:4em 2.6em 2.6em 4.6em;
  margin-top:0;
  background: transparent url(rightcol-bg-top.jpg) no-repeat 24px top;
  min-height:100px;
}

/* reference */

ul.lcol-list1 {
  margin-top:2em;
}

ul.lcol-list1 li {
  display:block;
  height:90px;
  clear:both;
  line-height:1.5em;
  margin-top:12px;
  background:transparent;
}

ul.lcol-list1 h3 {
  margin:2px 0 0 0;
  padding:0;
}

ul.lcol-list1 h3 a {
  color:#F0F8FB;
}

ul.lcol-list1 h3 a:hover {
	color:white;
}

ul.lcol-list1 li p {
    margin:0 0 0 0px;
    padding:0;
    float:left;
    width:390px;
}


ul.lcol-list1 span {
    display:block;
    margin-top:10px;
}

a.list1-thn {
  display:block;
  float:left;
  padding:6px;
  height: 56px;
  width: 140px;
  overflow:hidden;
  border:1px solid #2f6e88;
  margin-right:18px;
  clear:left;
}

a.list1-thn:hover {
  padding:7px 5px 6px 7px;
  border:1px solid #4B8CA7;
}

div.list1-info {
	float:left;
	width:380px;
	height: 56px;
}

/* sluzby */

ul.lcol-list2 {
  margin-bottom:4em;
}

ul.lcol-list2 li {
  display:block;
  height:80px;
  clear:both;
  line-height:1.5em;
  margin-top:12px;
}

a.list2-thn {
  display:block;
  float:left;
  padding:6px 6px 6px 0px;
  height: 61px;
  width: 61px;
  overflow:hidden;
  /* border:1px solid #2f6e88; */
  margin-right:18px;
  clear:left;
}

a.list2-thn:hover {
   margin-right:17px;
   padding-left:1px;
   padding-top:7px;
}

div.list2-info {
	float:left;
	width:470px;
	line-height:150%;
}

div.list2-info h3{
  margin:4px 0 0 0;
}

div.list2-info p{
  margin:0px;
}

ul.subp-reference {
	margin-bottom: 4em;
}

ul.subp-reference li {
	float:left;
	padding:6px;
	background: #175169;
	border:1px solid #134B63;
	width:145px;
	height:86px;
	margin:1em 2em 1em 0em;
	overflow:hidden;
}

ul.subp-reference li img.thumb {
	border:1px solid #2B6D88;
	display:block;
}

ul.subp-reference .arrow {
		display:block;
    background: url('ico-lcol-arrow.gif') no-repeat left 8px;
    padding-left:20px;
    margin-top: 4px;
}


/* gallery */

ul.thumbs li {

}

ul.thumbs a.thumb {
  border:1px solid #2f6e88;
  padding:1em;
  margin:0.5px 1.5em 0.5em 0em;
  background:#27647D; /* 235B72; */
  background: #175169;
	border:1px solid #134B63;
}

ul.thumbs a.thumb:hover {
  border:1px solid #4B8CA7;
}

span.icon-zoom {
  margin:0.5em 0px 0.5px 2px;
  padding-left:18px;
  background: url('zoom-in.gif') no-repeat left 2px;
  color: #C8D7DD;
  display: block;
  text-decoration:underline;
}

/* kontakty */

.kontakty label {
	display:block;
	clear:both;
}

.kontakty input.textfield {
	color:white;
	background:#29637B;
	width: 300px;
	border:1px solid #438BA2;
	padding:2px 1px 1px 1px;
}

.kontakty textarea.textfield  {
	background:#29637B;
	border:1px solid #438BA2;
	display:block;
	clear:both;
	margin:0 0 20px 0;
	width: 300px;
	height: 100px;
	overflow:hidden;
	color:white;
}

div.pagination {
	margin:1em 0 1em 0;
}

div.pagination span {
	display:inline;
	padding: 2px 5px 2px 2px;
}

div#ditto_pages span {
	display:inline;
	padding: 2px 5px 2px 2px;
}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
}
#ditto_pages .ditto_currentpage {
    /* border:1px solid #4B8CA7;
    border:1px solid #2f6e88; 
    border:1px solid #144D65;
	  background-color:#175169;*/ 
    border:1px solid #2f6e88;
    padding: 1px 5px 2px;
    margin-right: 2px;
    background-color:#175169;
    color: #fff;
}
#ditto_pages .ditto_off {
    border:1px solid #4B8CA7;
    padding: 1px 5px 2px;
    margin-right: 1px;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border:1px solid #2f6e88; 
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
}
#ditto_pages a:hover {
    border:1px solid #4B8CA7;
}

a.ditto_page {
    margin-right:2px;
}

/* ID: FOOTER */

#footer {
    clear: both;
    background-color: #000304;
    padding: 22px 0 0 0;
    height: 100px;
    color:#b3dff1;
}

#footer .left {
    float:left;
    padding: 0 0 0 0px;
    text-align:left;
}

#footer .right {
    float:right;
    padding: 0 0 0 0px;
    text-align:right;
}


#footer a.email {
    text-decoration: none;
}

#footer a {
    color:#d3e889;
}

/* COMMON CLASSES */


.left {
    float: left;
}

.right {
    float: right;
}

.cleaner {
    padding:0;
    height:1px;
    margin:0;
    clear: both;
    border: none;
    overflow:hidden;
    color:white;
}

/* oddelovace */

span.sep {
    color:#0b4662;
    padding:0 5px;
}

.hrsep {
  background: transparent url(rcol-in-separator.gif) no-repeat 4.2em bottom;
}

hr.sep {
  color: #130f12;
  background-color: #1e1a1d;
  width:95%;
  text-align:left;
  float:left;
  height: 3px;
  border: 0;
  background: transparent url(rcol-in-separator.gif) no-repeat left bottom;
  border-top: 1px solid #1e1a1d;/*the border*/
  margin:24px 0 24px 0;
}

.psep {
  background: transparent url(rcol-in-psep.gif) repeat-x 0em bottom;
}

.small {
  font-size:11px;
  color:#95bddd;
}

.error {
  color:#fd6602;
}

.hidden {
  visibility: hidden;
  display: none;
}