/* ----------------------------------------------------------------------------------------------------------
reset a obecne formatovani
---------------------------------------------------------------------------------------------------------- */
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol, ul, li {margin:0; padding:0; border: 0}
input, select, label {vertical-align:middle;outline:0}
ul, ol {list-style-type:none}
p {color:#333232}
table {border-collapse:collapse; border-spacing:0}
hr {display:none}

/* ----------------------------------------------------------------------------------------------------------
zaklady dokumentu
---------------------------------------------------------------------------------------------------------- */
html {background:#fff}
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;background:#fff url(img/body-bg.png) repeat-x 0 0}

/* odkazy */
a {color:#BF0C0D;text-decoration:underline}
a:hover {color:#8B0513;text-decoration:none}

/* obecne tridy */
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}
.italic {font-style:italic}

/* menu pro lepsi pouzitelnost */
ul.usability {position:absolute;top:0;left:-9999px}

/* ----------------------------------------------------------------------------------------------------------
obal
---------------------------------------------------------------------------------------------------------- */
.wrapper {width:910px;margin:0 auto}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.header {height:164px;position:relative;background:url(img/header-bg.jpg) no-repeat 0 0}

/* logo */
.header a.top, .header a.top span {display:block;width:230px;height:64px;position:absolute;top:51px;left:35px;overflow:hidden;cursor:pointer}
.header a.top span {top:0;left:0;background:url(img/a-top-bg.png)}

/* sales logo */
.sales .header a.top, .sales .header a.top span, .tech .header a.top, .tech .header a.top span {display:block;width:230px;height:64px;position:absolute;top:51px;left:35px;overflow:hidden;cursor:pointer}
.sales .header a.top span {top:0;left:0;background:url(img/a-top-bg.png)}

/* technology logo */
.tech .header a.top span {top:0;left:0;background:url(img/a-top-bg.png)}

/* vyhledavani */
.header form  {position:absolute;top:18px;right:150px;z-index:99;width:196px}
.header form label {position:absolute;left:-9999px}
.header form input.txt {width:156px;height:20px;border:0 none;color:#696969;font-size:1.1em;background:url(img/srch-input-bg.png) no-repeat;padding:6px 2px 0;text-indent: 6px;}

/* odkazy */

.header p {float:left;margin:23px 0 0 320px;font-size:1.1em;display:inline;text-transform: lowercase;}
.header p a {color:#000;background-image:url(img/anchors-ico.png);background-repeat:no-repeat;padding-left:18px;margin:0 15px 0 0;text-decoration:none}
.header p a:hover {color:#C70D0D;text-decoration:none}

.header p a.home {background-position:0 -1px}
.header p a.home:hover {background-position:0 -14px}

.header p a.contact {background-position:0 -27px}
.header p a.contact:hover {background-position:0 -40px}

.header p a.sitemap {background-position:0 -52px}
.header p a.sitemap:hover {background-position:0 -66px}

/* ----------------------------------------------------------------------------------------------------------
hlavni navigace
---------------------------------------------------------------------------------------------------------- */
.nav {position:absolute;top:58px;right:220px}
.nav li {float:left;font-size:1.1em;font-weight:bold;background:url(img/nav-li-bg.png) repeat-y 100% 0;padding-right:2px}
.nav li a {float:left;color:#fff;text-decoration:none;padding:20px 10px}
.nav li a:hover, .nav li.current_page_item a {color:#fff;text-decoration:none;background:url(img/nav-a-act-bg.png) repeat-x 0 0}
.nav li ul{display: none;}


/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content {width:660px;float:left;line-height: 2.0em;}

.content p {font-size:1.3em;margin:30px 0;}
.content ul,.content table {font-size:1.3em;}
.content p.noindent{text-indent: 0;}
.content form p{margin: 0 ;text-indent: 0;}

/* nadpisy */
.content h1 {font-size:2.2em;font-weight:normal;color:#BF0C0D;margin:10px 0 30px 0}
.content h2 {font-size:1.8em;font-weight:normal;color:#4D4D4D;border-bottom:1px solid #D8D8D8;padding:0 0 10px;margin:0 0 20px}
.content h3 {font-size:1.4em;font-weight:bold;color:#4D4D4D;background:url(img/h3-bg.png) repeat-x 0 50%;padding:0 0 0 15px;margin:0 0 20px}
.content h3 span {background:#fff;padding:0 5px;margin:0 0 20px}
.content h4 {font-size:1.3em;font-weight:bold;color:#4D4D4D;margin:0 0 20px}
.content ul li {background: none url(img/sds.gif) }

/* obrazky */
.content img {border:3px solid #D8D8D8}
.content a:hover img {border:3px solid #630000}
.content img.float-r {margin:0 0 0 8px}
.content img.float-l {margin:0 8px 0 0}
.content img.alignleft{float: left;margin:10px 15px 15px 0}
.content img.alignright{float: right;margin:10px 0px 15px 15px}

/* galerie */
.content .gallery {padding:0 0 20px}

/* seznamy */
.content .post ul {margin:0 15px 20px;color:#535353}
.content .post ul ul{margin: 0 0 0 15px}
.content .post ul li {margin:4px 0;list-style-type: disc;margin-left: 10px; }
.content .post ul.type1 li {background-position:0 0}
.content .post ul.type2 li {background-position:0 -11px}
.content .post ul.type3 li {background-position:0 -25px}
.content .post ul.type4 li {background-position:0 -37px}

/*.content .submenubg{width:240px;background: url(img/submenubg.gif) repeat-y top;margin-top: -31px;*margin-top: -21px; float:left;margin-right: 15px;margin-bottom: 15px;}
.content .submenu{width:240px;background: url(img/submenu.gif) no-repeat top;margin-top: 0px; padding-top: 40px;}
.submenu h2 {font-size:1.4em;font-weight:bold;color:#7D7B7B;text-transform:uppercase;padding:10px 15px;background:url(img/sidebar-h2-bg.png) no-repeat 0 50%;border-bottom:1px dotted #D8D8D8;margin:0px 0 0 11px;width:186px}
.content .submenu div{padding:20px 0 20px 20px}*/
.submenu ul{padding:15px 0 0 10px;}
.submenu ul ul{padding: 0 }
.submenu li {font-size: 12px;}
.submenu li a{margin-bottom: 12px;display: block;background-image:url(img/small_sipka.gif);background-repeat:no-repeat;padding-left: 12px;}

.submenu li li{}
.submenu li li a{padding-left: 21px;background-image:url(img/long_sipka.gif);background-repeat:no-repeat;}
.submenu li.current_page_item a{font-weight: bold;text-decoration: none;}
.submenu li.current_page_item li a{font-weight: normal;text-decoration: underline;}

/*tabulka */
.content table {width:100%;border-bottom:2px solid #C70D0E;margin:0 0 20px;color:#535353}
.content table th, .content table td {padding:11px}
.content table th {color:#fff;text-align:left;background:url(img/table-th-bg.png) repeat-x;padding:12px 11px}
.content table td {background:url(img/table-td-bg.png) repeat-x}

/* formular */
.content form {margin:20px 0}
.content form p {clear:left;padding:5px 0;margin:0}
.content form label {float:left;width:150px;text-align:right;margin:0 25px 0 0}
.content form label.highlight {font-weight:bold}
.content form span.wpcf7-form-control-wrap input {width:266px;height:22px;border:1px solid #CACACA;background:url(img/form-txt-bg.png) repeat-x;padding:4px 0 0}
.content form input.short {width:160px}
.content form textarea {width:436px;height:160px;border:1px solid #CACACA;background:url(img/form-txt-bg.png) repeat-x 0 0}
.content form img {border:0 none;vertical-align:middle;margin:0 5px}
.content form img.top {vertical-align:top}
.content form span.highlight {float:left;background:url(img/alert-ico.png) no-repeat 0 50%;padding-left:25px;margin:0 0 0 0px;display:inline}
.content form input.submit {float:right;margin:0 222px 0 0;display:inline;}

/* definice */
.content dl {font-size:1.2em;line-height:1.7;color:#535353}
.content dl dt {color:#C70C0D;font-weight:bold;margin:0 0 3px}
.content dl dd {background:url(img/dd-bg.png) no-repeat 0 20%;margin:0;padding:0 0 0 40px}

/* ----------------------------------------------------------------------------------------------------------
sloupec
---------------------------------------------------------------------------------------------------------- */
.sidebar {width:217px;float:right;background:#ECECEC;position:relative}
.sidebar h2{font-size:1.4em;font-weight:bold;color:#7D7B7B;text-transform:uppercase;padding:10px 15px;background:url(img/sidebar-h2-bg.png) no-repeat 0 50%;border-bottom:1px dotted #D8D8D8;margin:20px 0 0}
.sidebar h3 {font-size:1.2em;font-weight:bold;color:#7D7B7B;float:left;padding:4px 0 3px}
.sidebar p {font-size:1.1em;text-align:justify;clear:both;padding:8px 0}

/* novinky */
.sidebar .news {padding:15px 15px 0px 15px}
.sidebar .news p {border-bottom:1px solid #D8D8D8}
.sidebar .news span.date {float:right;font-size:1.2em;font-weight:bold;color:#BF0C0D;background:#fff url(img/sidebar-date-bg.png) no-repeat 0 0;padding:3px 18px 4px 10px;margin-right:-15px}

.sidebar p.all {line-height:1}
.sidebar p.all span {float:right;font-size:1.1em;padding:3px 18px 4px 10px;background:#fff url(img/sidebar-date-bg.png) no-repeat 0 0;margin:15px 0}
.sidebar p.all a {text-decoration:none;background:url(img/all-news-bg.png) no-repeat 100% 3px;padding-right:20px}
.sidebar p.all a:hover {color:#010101;background-position:100% -9px}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {width:950px;height:49px;clear:both;background:url(img/footer-bg.png) no-repeat}
.footer div p, .footer div li a {font-size:1.2em;line-height:49px;padding:0 25px}
.footer div a {color:#4D4D4D}
.footer div a:hover {color:#C70D0D;text-decoration:underline}
.footer span.float-l span {font-weight:bold;color:#BF0C0D}
.footer span.float-l{padding:20px}
.footer span.float-l a{text-decoration: none;}
.footer div li {display: inline;}
.footer div li+li {border-left:1px solid #4D4D4D}
.footer div li a{;padding:0 10px}
.footer div li.current_page_item a{color:#C70D0D;text-decoration:underline}

/* ----------------------------------------------------------------------------------------------------------
nezaraditelne
---------------------------------------------------------------------------------------------------------- */

/* drobeckova navigace */
p.breadcrumbs {font-size:1.1em;padding:12px 0 7px;border-bottom:1px solid #ECECEC;margin:0 0 20px}
p.breadcrumbs span, p.breadcrumbs a {font-weight:bold;color:#C70D0D;margin:0 5px 0 0}
p.breadcrumbs span.ahome{background:url(img/arrow-ico.png) no-repeat 0 70%;padding-left:22px;}
p.breadcrumbs span.home {background:url(img/home-ico.png) no-repeat 0 50%;padding-left:20px;color:#232323;font-weight:normal}

/* postava */
.person {width:250px;height:235px;position:absolute;top:0px;right:-23px;background:url(img/person.jpg) no-repeat 0 0;z-index:0}
.sales .person {background:url(img/person.jpg) no-repeat 0 -240px}

/* ----------------------------------------------------------------------------------------------------------
cistice
---------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
.clr {clear:both;height:0;font-size:0;line-height:0}