/* reset */

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,
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-weight: inherit;
  font-style: inherit;
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  /*vertical-align: baseline;*/
}

:focus { outline: 0; }

ol, ul { list-style: none; }

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

input { margin: 0px; }
input[type="checkbox"] { margin: 1px 2px 1px 1px; vertical-align: middle; }
button { margin: 0px; }
textarea { margin: 0px; }
select { margin: 0px; }


blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}


/* nadpisy */

h2, h3, h5, h6 { color: #fb9901; } 

h1 { 
  margin: 1em 0 0.25em; 
  font-size: 2.5em; 
  font-weight: bold; 
}
  
h2 { 
  background: transparent url(/images/css/heading-bullet.png) 0 50% no-repeat;
  margin: 1em 0 0.25em;
  padding-left: 25px;  
  font-size: 1.75em;
  line-height: 2em;
}

h3 { 
  margin: 1em 0 0.25em;  
  font-size: 1.5em;  
}

h4 { 
  font-size: 1.25em;  
  margin: 1em 0 0.25em; 
  font-weight: bold;
}

h5 { 
  font-size: 1em;  
  margin: 1em 0 0.25em; 
  font-weight: bold;
}

h6 { 
  font-size: 1em;  
  margin: 1em 0 0.25em; 
  font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-size: 1em; 
} 



/* ostatní značky */

hr {
  height: 1px; 
  color: #DAF3FA; 
  background-color: #DAF3FA; 
  border: 0px solid #DAF3FA;
}

p {
  padding: 0.75em 0; 
  line-height: 1.75em;
}

blockquote {
  line-height: 1.75em;
  background: transparent url(/images/css/blockquote.png) no-repeat scroll 0 10px;
  margin: 12px 25px;
  padding: 6px 12px 6px 30px;
}


a {
  color: #0096d6;
}

i, em {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

ol {
  margin-left: 5px;
  list-style-type: decimal;
}

ul { 
  margin: 0.5em 0;
  list-style-type: square; 
}

li { 
  padding: 0.25em 0; 
  margin-left: 15px;
  line-height: 1.75em; 
}

ul.typeNone, ul.typeNone li {
  margin: 0;
  list-style-type: none; 
  line-height: 1.5em;
}

.desc {
  font-weight: bold;
}

.ta-left { text-align: left; }
.ta-right { text-align: right; }
.ta-center { text-align: center; }

.link {
  color: #0096D6;
}

pre {
  background: #DAF3FA;
  border: 1px dotted #0096d6;
  padding: 15px;
  line-height: 1.75em;
}

/* tabulky */

table {
  border-collapse: collapse;
  border-color: #eee;
  margin: 25px 0;
  text-align: left;
}

th {
  border-bottom: 2px solid #fb9901;
  color: #fb9901;
  font-size: 1.15em;
  font-weight: normal;
  padding: 10px 8px;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

td {
  border-bottom: 1px solid #eee;
  color: #4c555b;
  padding: 6px 8px;
}

tbody tr:hover td {
  color: #fb9901;
}

/* ikony */

.rss, #footer .rss { 
  background: transparent url(/images/css/rss-icon.png) 0 50% no-repeat;
  padding-left: 16px;
}

.skype {
  background: transparent url(/images/css/skype.png) 0 50% no-repeat;
  padding-left: 25px;
}


/* tlačítka */

#content a.button {
  background: transparent url(/images/css/button-r.png) top right no-repeat;
  display: block;
  float: left;
  height: 52px;
  margin: 1em 0 1em 0.25em;
  padding-right: 16px; /* sliding doors padding */
  text-decoration: none;
  font-size: 12px;
  color: #fff;
  text-align: center;
}

a.button span {
    background: transparent url(/images/css/button-l.png) no-repeat;
    display: block;
    line-height: 21px;
    padding: 3px 0 28px 16px;
} 

.clear {
  clear: both;
  overflow: hidden;
  width: 100%;
}



/* tělo */

body {
  background: white url(/images/css/body-bg.png) 0 0 repeat-x;
  color: #4c555b;
  line-height: 1;
  text-align: center;
}


/* obal */
#wrapper { 
  background: transparent url(/images/css/shadow.png) 0 185px no-repeat; 
  width: 1000px;
  margin: 0 auto; 
  text-align: left;
}


/* stránka */

#page {
  width: 980px;
  padding-left: 10px;
}


/* hlavička */
#header { 
  height: 234px;
  position: relative;
  background: transparent url(/images/css/subnav-bg.png) 0 100% repeat-x; 
}


/* logo */
#logo { 
  position: absolute;
  left: 10px;
  top: 0; 
}


/* zpětné odkazy */  

#backlinks { 
  position: absolute;
  right: 0;
  top: 0; 
}

#backlinks ul {
  list-style-type: none;
  margin: 0;
}

#backlinks li { 
  float: left; 
  margin-left: 15px;
  font-size: 75%;
  line-height: 2.5em;
}


/* přihlašovací box do zákaznického centra */

#loginform {
  background: transparent url(/images/css/login-box.png) 0 0 no-repeat;
  width: 437px;
  height: 100px;
  position: absolute;
  top: 35px;
  right: 0;
}

#loginform div {
  padding: 15px 15px 5px;
}

#loginform .logarea {
  width: 200px;
  display: block;
  float: left;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.75em;
  padding: 0;
}

#loginform label {
  clear: left;
  width: 60px;
  display: block;
  float: left;
  color: #fff;
}

#loginform p {
  font-size: 0.75em;
  line-height: 1.2em;
  color: #fff;
  text-align: right;
  margin-left: 200px; 
}

#loginform a { 
  color: #4c555b;
  font-size: 1em;
}

#loginform a:hover { text-decoration: none; }

#frm_input_login, #frm_input_passwd {
  background: #fff url(/images/css/input-grad.png) 0 100% repeat-x;
  border: 1px solid #fff;
  width: 120px;
  height: 15px;
  margin: 2px 0;
}


/* vyhledávač */

#searchbox {
  width: 200px;
  height: 20px;
  position: absolute;
  right: 0;
  bottom: 57px;
  z-index: 100;
}

#frm_input_search {
  float: left;
  background: #fff url(/images/css/input-grad.png) 0 100% repeat-x;
  border: 1px solid #fff;
  width: 120px;
  height: 17px;
  margin-right: 4px;
}

#searchbox #frm_button {
  display:block;
}


/* navigace */

#nav { 
  position: absolute;
  left: 0;
  bottom: 48px;
}

#nav ul {
  list-style-type: none;
  margin: 0;
}

#nav li {
  float: left;
  padding: 0 0 0 25px;
  margin: 0;
}

#nav li a {
  color: #eee;
  text-decoration: none;
}

#nav ul li a:hover, #nav ul li a:hover span{
  text-decoration: underline;
}

#nav a span {
  font-size: 1.15em;
  line-height: 40px;
  padding-top: 8px;
  display: block;
}

#nav ul ul {
  bottom: -48px;
  display: none;
  position: absolute;
  left: 0;
  padding: 0;
  width: 980px;
}

#nav ul li.current ul {
  display: block;
}

#nav ul li.current ul li {
  background: transparent url(/images/css/subnav-bullet.png) 25px 50% no-repeat
}

#nav ul li.current a {
  background: transparent url(/images/css/nav-tab-r.png) top right no-repeat;
  display: block;
  float: left;
  height: 48px;
  line-height: 48px;
  padding-right: 15px; /* posuvné dveře */
  text-decoration: none;
  font-weight: bold;
  color: #0096d6;
  text-align: center;
}

#nav ul li.current a:hover {
  text-decoration: underline;
}

#nav ul li.current a span {
    background: transparent url(/images/css/nav-tab-l.png) no-repeat;
    display: block;
    line-height: 40px;
    padding: 8px 0 0 15px;
} 

#nav ul li.current ul a {
  background: transparent;
  color: #0096d6;
  font-size: 1em;
  padding: 0 0 0 20px;
}

#nav_fb {
  position: absolute;
  left: 880px;
  top: 58px;
}


/* obsah */

#content {
  width: 100%;
  overflow: visible;
  position: relative;
  top: -15px;
}

#content a  { text-decoration: none; }
#content a:hover { text-decoration: underline; }

#content h2 a:hover, #content h3 a:hover, #content h4 a:hover,
#content h5 a:hover, #content h6 a:hover { 
  text-decoration: underline;
}

/* levy sloupec */
#leftcolumn {
  float: left;
  width: 600px;
  padding: 0 25px;
  margin-top: 25px;
  overflow: visible;
}

#leftcolumn a h1, #leftcolumn a h2, #leftcolumn a h3,
#leftcolumn a h4, #leftcolumn a h5, #leftcolumn a h6 {
  color: #0096d6;   
}	 


/* pravy sloupec */
#rightcolumn {
  float: right;
  width: 325px;
  margin-top: 25px;
  overflow: hidden;
}


/* patička */

#footer {
  clear: both;
  background: transparent url(/images/css/footer-bg.png) 0 0 no-repeat;
  margin: 3em 0 0;
  padding: 5px 15px 50px;
  font-size: 0.75em; 
}

#footer #site-actions { 
  float:left; 
  width:60%; 
}

#footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#footer li { 
  float: left; 
  margin: 0 7px 0 0;
  padding: 0; 
  line-height: 3em; 
}

#footer p { 
  text-align: right; 
  padding: 5px 0 0 0; 
}

#footer img { 
  clear: both; 
  border: none; 
  margin-top: -10px;
}

#footer a:hover, #backlinks a:hover { 
  text-decoration:none; 
}




/* postrani boxy */

.boximg {
  margin: 2em 0 0 25px;
}

.box {
  width: 270px;
  background: transparent url(/images/css/box-bottom.png) 0 100% no-repeat;
  margin: 2em 0 0 25px; 
  overflow: hidden;
  padding-bottom: 15px;
}

.box-link {
  background-image: url(/images/css/box-bottom-link.png);
}

.box h2, .box h2 a{
  margin: 0;
  padding: 0;
}


.box h2 {
  background: transparent url(/images/css/box-top.png) 0 0 no-repeat;
  padding: 0 0 0 40px;
}

.box-link h2{
  background-image: url(/images/css/box-top-link.png);
  color: #0096d6;
}

.box p, .box img {
  padding: 0.25em 15px;
}

.box p {
  font-size: 1em;
  line-height: 1.5em;
}

.box ul {
  list-style-type: none;
}

.box ul li {
  border-bottom: 1px dotted #DAF3FA;
  margin: 15px;
}	

.box h4 { 
  padding: 0 15px;
  line-height: 1.25em;
}

.box h4.more-info {
  font-size: 0.95em;
  text-align: right;
} 

.box dl {
  padding: 5px 0;
  margin: 0 15px;
}	

/* novinky */
.headnews h2, .headnews h2 a {
  margin: 0;
  padding: 0;
  background-image: none;
} 

.news dt {
  padding: 5px 0;
  line-height: 1.75em;
}

.news dd {
  padding: 10px 0;
  text-align: right;
  border-bottom: 1px dotted #DAF3FA; 
}

.news h4 {
  text-align: right;
  padding-right: 15px;
}

.headnews {
  margin-left: 725px;
}

.headnews dl {
  padding: 5px 15px 5px 0;
  margin: 0;
}

.headnews dd {
  border-bottom: 1px dotted #0096D6;
}

.headnews h4 {
  background: transparent url(/images/css/icon-folder.png) 1.5em 0.5em no-repeat;
  line-height: 3em;
}

/* box projekty */
.projects img {
  padding:1.25em;
}

.projects dd {
  border-bottom: 1px dotted #DAF3FA; 
}





/* 3 sloupcove reseni */

.colmask {
  position: relative; /* This fixes the IE7 overflow hidden bug */
  clear: both;
  float: left;
  width: 100%;      /* width of whole page */
  overflow: hidden;   /* This chops off any overhanging divs */
}

.colright, .colmid, .colleft {
  float:left;
  width:100%;     /* width of page */
  position:relative;
}

.colleft, .colmid {
  background: transparent url(/images/css/headbox-link.png) 100% 50% no-repeat; 
}

.col1, .col2, .col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0;  /* no left and right padding on columns, we just make them narrower instead 
                         only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;
}

.threecol .colmid {
  right:33%;      /* width of the right column */
}

.threecol .colleft {
  right:33%;      /* width of the middle column */
}

.threecol .col1 {
  width:30%;      /* width of center column content (column width minus padding on either side) */
  left:102%;      /* 100% plus left padding of center column */
}

.threecol .col2 {
  width:30%;      /* Width of left column content (column width minus padding on either side) */
  left:38%;     /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 {
  width:30%;      /* Width of right column content (column width minus padding on either side) */
  left:76%;     /* Please make note of the brackets here:
               (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* boxy lide */

.person {
  background: transparent url(/images/css/person-bg.png) 0 0 no-repeat;
  width: 600px;
  height: 150px;
  clear: left;
}

.person img {
  float: left;
  padding: 4px;
  margin: 15px;
  border: 1px solid #DAF3FA;
}

.person h3, .person p {
  margin-left: 125px;
  padding-right: 15px;
}

.person h3 {
  padding-top: 15px;
}

/* uvodni box s obrazkem a novinkami */

#leaderbox {
  background: #DAF3FA url(/images/css/leaderbox-bottom.png) 0 100% no-repeat;
  width: 100%;
}

#leaderbox img {
  margin: 0 20px 25px;
  float: left;
}


/* boxy projekty */

#projects {
  clear: both;
  margin: 0 0 25px 0;
  padding-top: 25px;
}

#projects h1 {
  background: transparent url(/images/css/headbox-top.png) 0 0 no-repeat;
  line-height: 50px;
  padding: 5px 20px;
  margin: 0;
}

#projects .colmask {
  background: transparent url(/images/css/headbox-bottom.png) 0 100% no-repeat;
}


/* boxy kontakty */
.contact .colmask {
  padding-bottom: 25px;
}

/* formular */

.form {
  background: url(/images/css/form-bg-bottom.png) 0 100% no-repeat;
  clear: left;
  margin-top: 25px;
}

.form form, .form p {
  padding: 15px 15px;
}

.form h2 {
  background: url(/images/css/form-bg-top.png) 0 0 no-repeat; 
  line-height: 30px;
  padding-left: 15px;
  padding-top: 20px;
}

.form label {
  clear: left;
  display: block;
  margin-top: 15px;
  padding: 2px 0;
}

.form .frm_in_text, .form textarea {
  background: #fff url(/images/css/input-bg.png) 0 100% repeat-x;
  border: 1px solid #DAF3FA;
  margin: 2px 0;
}

.form textarea {
  height: 200px;
}

.form span {
  padding: 0 5px;
  color: red;
}

.form td {
	border: none;
}

/* fotogalerie */
.photo {
  border: 1px solid #DAF3FA;
  padding: 15px;
  margin: 15px 15px 0 0;
}	

/* float */
.fleft {
	float: left;
}

.fright {
  float: right;
}

.art_list_block {
  padding: 0.5em 0;
}

.art_list_link {
  background: transparent url(/images/css/heading-bullet.png) 0 50% no-repeat;
  margin: 1em 0 0.25em;
  padding-left: 25px;  
}

.art_list_link a {
  font-size: 1.75em;
  line-height: 2em;
}

.art_list_desc {
  padding: 0.75em 0; 
  line-height: 1.75em;
}

.art_list_info {
  font-style: italic;
}

/* guio tabulky */

.rtable {
  margin: 5px 0 !important;
  max-width: 100% !important;
  border: 15px solid #daf3fa;
}

.rtable_key, .rtable_value {
	vertical-align: top;
}

.rtable_header td {
  font-weight: bold;
  font-size: 1.15em;
  line-height: 3em;
  color: #fb9901;
}

.frm_in_text_err{
  background-color: #FFE5E5;
  border:2px solid red;
}