/* www.farcom.cz  */

* {margin: 0; padding: 0; }

body {background-color: #fff; font: 70% 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif; text-align: center; color: #333333; }

h1, h2, h3, h4, h5, h6 {margin: 20px 0 5px 0; color: #004499; }

h1 {font-size: 3em; }

h2 {font-size: 1.2em; }

h2.top {padding: 20px 25px; margin: 0 0 20px 0; color: white; background: #777872 url(../img/intro.jpg) repeat-x left top; }

h3 {font-size: 1em; text-transform: uppercase; }

h4 {font-size: 1em; color: #333333; }

h5 {font-size: 0.9em; color: #333333; }

h6 {font-size: 0.8em; color: #333333; }

p {line-height: 140%; margin: 5px 0 25px 0; }

ul {margin: 5px 0 25px 50px; list-style: square; line-height: 140%; }

img {border: 0}

img.foto {border: 4px solid #F1F2EB; padding: 1px; }

a {color: #CC0000; }

a:link {text-decoration: underline; color: #CC0000; }

a:visited { color: #bb4444; }

a:active {text-decoration: underline; color: #000000; }

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

a:hover .foto {border-color: #c7c8c2; }

hr {display: none; }

/*table*/
table {font-size: 1em; background-color: #fff; width: 90%; margin: 20px 0; border: 2px solid #999; border-top-width: 3px; border-left-width: 3px; border-collapse: separate; }

th, td {border: 1px solid #999; border-left: 1px solid #fff; border-top: 1px solid #fff; padding: 6px 10px; }

th {background-color: #D3D4CD; padding: 8px; color: #004499; }

.note {background-color: #F1F2EB; }

/*forms*/
fieldset {border: 1px solid #999; padding: 15px 55px; margin: 10px 0; width: 460px; }

legend {border: 1px solid #999; padding: 2px 15px; font-weight: bold; margin-bottom: 10px; color: #999; }

label {display: block; float: left; width: 29%; text-align: right; padding: 0px 0.6em; vertical-align: top; clear: both; margin: 5px 0; }

input, select, textarea {font-size: 1.1em; width: 15em; font-family: arial ce, arial, helvetica ce, helvetica, sans-serif; background: #fff; margin: 4px 0; border-width: 1px; vertical-align: middle; }

.button {padding: 3px; _padding: 1px; margin: 3px; width: auto; font-weight: bold; }

/*  ID  */
#bg {position: absolute; top: 160px; right: 0; width: 30%; height: 40px; z-index: 0; background: white url(../img/bg_under_nav.gif) repeat-x left bottom; }

#header-in, #navigation-in, #content-in, #footer-in {text-align: left; width: 770px; margin: 0 auto; }

/*  header  */
#header {background: #6C6C69 url(../img/bg_body.gif) repeat-x; position: relative; }

#header-in {height: 104px; background: #2C7CEC url(../img/bg_header.jpg) no-repeat left bottom; position: relative; }

#header h1 {margin: 0; }

#header h1 a {display: block; width: 238px; height: 96px; line-height: 80px; text-align: center; background-color: white; position: absolute; right: 0; top: 104px; z-index: 2; }

#header h1 a span {background: url(../img/farcom.gif) no-repeat top right; display: block; width: 237px; height: 96px; position: absolute; top: 0; right: 0; cursor: pointer; z-index: 3; }

#header h3 {margin: 0; background: #1B5ED2 url(../img/bg_header_h3.jpg) no-repeat; font-size: 1em; color: white; height: 30px; position: absolute; top: 0; width: 770px; text-transform: none; }

#header h3 span {display: block; padding: 8px 0 0 15px; }

#mainlink {float: right; padding: 55px 25px 0 0; text-decoration: none; color: #B9D4F9; }

#mainlink:hover {color: #DDEBFD; }

#zlom {background: url(../img/zlom.gif); width: 38px; height: 36px; position: absolute; top: 164px; right: 231px; z-index: 3; }

/*  navigation  */
#navigation {background: url(../img/bg_under_nav.gif) repeat-x left bottom; }

#navigation-in {background: url(../img/bg_nav.gif) repeat-x left bottom; padding-bottom: 10px; }

#navigation ul {margin: 0; list-style: none; margin: 9px 0 8px 0; height: 42px;  }

#navigation li {float: left; }

#navigation li.last {border-right: 1px solid #CECECE; }

#navigation li a {text-decoration: none; color: #CC0000; display: block; border-left: 1px solid #CECECE; float: left; padding: 26px 13px 3px  13px; line-height: 12px; }

#navigation li.osystemu {background: white url(../img/nav_icons_on.gif) no-repeat 1px 0px ; }

#navigation li.komponenty {background: white url(../img/nav_icons_on.gif) no-repeat -77px 0px; }

#navigation li.software {background: white url(../img/nav_icons_on.gif) no-repeat -161px 0px;}

#navigation li.priklady {background: white url(../img/nav_icons_on.gif) no-repeat -252px 0px;}

#navigation li.reference {background: white url(../img/nav_icons_on.gif) no-repeat -342px 0px; }

#navigation li.kontakt {background: white url(../img/nav_icons_on.gif) no-repeat -419px 0px; }

#navigation li.osystemu a {background: white url(../img/nav_icons.gif) no-repeat 0px 0px; }

#navigation li.komponenty a {background: white url(../img/nav_icons.gif) no-repeat -78px 0px; }

#navigation li.software a{background: white url(../img/nav_icons.gif) no-repeat -162px 0px;}

#navigation li.priklady a{background: white url(../img/nav_icons.gif) no-repeat -253px 0px;}

#navigation li.reference a {background: white url(../img/nav_icons.gif) no-repeat -343px 0px; }

#navigation li.kontakt a {background: white url(../img/nav_icons.gif) no-repeat -420px 0px; }

#navigation li a:hover {color: black; background: none; }

#nav_lang {position: absolute; right: 15px; top: 6px; }

#nav_lang a {display: block; float: left; border: 1px solid #5B8BDF; margin: 0 3px; }

#nav_lang a:hover {border: 1px solid #97BAF8; }

/*  content  */
#content {background-color: #F1F2EB; }

#content-in {background-color: #F9FAF3; }

.with-col-right {background: url(../img/bg_col_right.gif) repeat-y right; }

.content-padd {padding: 0 25px  25px 25px; font-size: 1.1em; }

#col-left {width: 530px; float: left; }

#col-right {background-color: #D3D4CD; width: 240px; float: right; }

#col-right-in {padding: 20px 25px 35px 25px; }

div.intro {background: #777872 url(../img/intro.jpg) repeat-x; color: white; height: 226px; margin: 0; padding-left: 40px; }

div.intro p {line-height: 160%; font-weight: bold; width: 250px; margin: 0; padding: 15px 0 15px; }

ul.extra {margin: 0; width: 190px; }

ul.extra li {list-style: none; margin: 1px; background-color: #50514A; line-height: 26px; }

ul.extra li a {color: white; text-decoration: none; display: block; padding: 0 30px; height: 26px; background: url(../img/arrow.gif) no-repeat 8px 50%; }

ul.extra li a:visited {color: #eee; }

ul.extra li a:hover {color: #ffffff; text-decoration: underline; background-color: #444; }

.news {margin:  0 0 20px 0; }

.news h3 {margin: 20px 0 5px 0; }

.news span {padding: 0 15px; color: #004499; background: url(../img/arrow_news.gif) no-repeat 0px 50%; }

.news .news-item {border-bottom: 1px dotted #888;  }
.news p { margin: 0; padding: 12px 0; }

.mapa-stranek ul {margin: 15px 40px;}

.mapa-stranek li{margin-bottom: 10px;}

/*  footer */
#footer {border-top: 5px solid #E5E6DF; }

#footer-in {background-color: #F1F2EB; padding: 1px 0; height: 50px; border-top: 5px solid #ED1C24; position: relative; top: -5px; }

#footer p {margin: 0; padding: 10px 20px; }

#creactive {color: #333; text-decoration: none; }

#creactive strong {color: #f60; }

/*  class   */
.none {display: none; }

.separator {background-color: #989993; line-height: 1px; font-size: 1px; height: 1px; margin: 15px 0; }

.break {clear: both; line-height: 1px; font-size: 1px; height: 1px; }

.left {text-align: left; }

.right {text-align: right; }

.center {text-align: center; }

.float-l {float: left; }

.float-r {float: right; }