h1 {
    font-size: 1.8em;
}
h1, h2, h3, p, ul, ol, table {
    margin-top: 1em;
    margin-bottom: 0.6em;
}
h1, h2, h3 {
    font-weight: normal;
}

h1 {font-size: 1.9em;}
h2 {
    font-size: 1.25em;
    font-weight: bold;
}
h2 a {
    border-bottom: 2px solid;
}
h3 {font-size: 1.1em;}

label {
    display: inline-block;
    width: 5em;
}
input, select, textarea {
    border: 1px solid lightgray;
    margin: 1px 0px;
}
fieldset {
    border: 1px solid lightgray;
    padding: 1em;
    margin: 0px;
}
fieldset.rinfo {
    float: right;
}
.formular_ok {
color:green;
}
.formular_warning {
	color:red;
	font-weight:1.2em;
	padding:5px 0px;
}
.cleaner {
    clear: both;
}
.cleaner-left {
    clear: left;
}
a {
    color: inherit;
}
img {
    border: none;
}
body {
    margin: 0px;
    color: black;
    background-color: lightgray;
    font-size: 12px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}

.mainDiv {
    background-color: lightgray;
    background-image: url('../../img/design-2011/shadow.jpg');
    background-repeat: repeat-y;
    background-position: top center;
    /*width: 1300px;*/
    margin: auto;
}
.mainDivInner {
    background-color: white;
    width: 1000px;
    margin: auto;
}
.header {
    width: 1000px;
    height: 286px;
    display: block;
}
.header img#cdi {

    position: relative;
    top: -175px;
    left: -10px;
}
.topnav {
    width: 1000px;
    height: 87px;
    color: white;
    background-image: url('../../img/design-2011/menu/menu.png');
    position: relative;
    top: -5px;
    margin-bottom: -5px;
    font-weight: bold;
}
.topnav a,
a.button,
.vice a,
table.navigace a,
h2 > a
{
    text-decoration: none;
}
body.home div.topnav {
    background-position: 0px 0px;
}
body.software div.topnav {
    background-position: -1000px 0px;
}
body.webdesign div.topnav {
    background-position: -2000px 0px;
}
body.hardware div.topnav {
    background-position: -3000px 0px;
}
body.marketing div.topnav {
    background-position: -4000px 0px;
}
.topnav > a {
    display: table-cell;
    height: 45px;
    width: 222px;
    text-align: center;
    font-size: 1.2em;
    border-left: 1px solid transparent;
    vertical-align: middle;
    color: white !important;
    padding-top: 5px;
}
.topnav > a.home {
    background-image: url('../../img/design-2011/icon_navigation_home.png');
    background-position: center 55%;
    background-repeat: no-repeat;
    border-left: none;
    width: 108px;
}
.topnav > a.thishref {
    padding-top: 4px;
    padding-bottom: -4px;
}


.topnav p {
    height: 27px;
    width: 100%;
    padding-top: 15px;
    margin-top: 0px;
}
.topnav p a {
    margin-left: 4em;
    color: white !important;
}
.content {
    min-height: 300px;
    padding: 0; margin: 0;
}
.maincontent_container {
	padding: 1em 3em 2em 4em;
}
.mcc_background {
    background-position: right top;
    background-repeat: repeat-y;
    background-image: url('../../img/design/mcc_background.png');
    padding-right: 280px;
}
.footer {
    background-color: white;
    text-align: center;
}
.footer img {
    width: 100%;
}
a.button,
.vice a,
table.navigace a,
table.navigace span
{
    padding: 2px 2em;
    color: white !important;
}
body.home a,
a.home,
span.home,
body.home h3,
body.home h2,
body.home h1,
ul.reference li.home h3, ul.reference li.home h2, ul.reference li.home h1,
ul.reference li.home h3 a, ul.reference li.home h2 a, ul.reference li.home h1 a
{
    color: #0086BF;
}
body.software a,
a.software,
span.software,
body.software h3,
body.software h2,
body.software h1,
ul.reference li.software h3, ul.reference li.software h2, ul.reference li.software h1,
ul.reference li.software h3 a, ul.reference li.software h2 a, ul.reference li.software h1 a
{
    color: #0057A9;
}
body.webdesign a,
a.webdesign,
span.webdesign,
body.webdesign h3,
body.webdesign h2,
body.webdesign h1,
ul.reference li.webdesign h3, ul.reference li.webdesign h2, ul.reference li.webdesign h1,
ul.reference li.webdesign h3 a, ul.reference li.webdesign h2 a, ul.reference li.webdesign h1 a
{
    color: #E5A200;
}
body.hardware a,
a.hardware,
span.hardware,
body.hardware h3,
body.hardware h2,
body.hardware h1,
ul.reference li.hardware h3, ul.reference li.hardware h2, ul.reference li.hardware h1,
ul.reference li.hardware h3 a, ul.reference li.hardware h2 a, ul.reference li.hardware h1 a
{
    color: #009CAF;
}
body.marketing a,
a.marketing,
span.marketing,
body.marketing h3,
body.marketing h2,
body.marketing h1,
ul.marketing li.marketing h3, ul.reference li.marketing h2, ul.reference li.marketing h1,
ul.reference li.marketing h3 a, ul.reference li.marketing h2 a, ul.reference li.marketing h1 a
{
    color: #26A62C;
}

ul a.home {
    color: #0086BF !important;
}
ul a.software {
    color: #0057A9 !important;
}
ul a.webdesign {
    color: #E5A200 !important;
}
ul a.hardware {
    color: #009CAF !important;
}
ul a.marketing {
    color: #26A62C !important;
}

a.button.home,
body.home .vice a,
body.home table.navigace a,
body.home table.navigace span
{
    background-color: #0086BF;
}
a.button.software,
body.software .vice a,
body.software table.navigace a,
body.software table.navigace span
{
    background-color: #0057A9;
}
a.button.webdesign,
body.webdesign .vice a,
body.webdesign table.navigace a,
body.webdesign table.navigace span
{
    background-color: #E5A200;
}
a.button.hardware,
body.hardware .vice a,
body.hardware table.navigace a,
body.hardware table.navigace span
{
    background-color: #009CAF;
}
a.button.marketing,
body.marketing .vice a,
body.marketing table.navigace a,
body.marketing table.navigace span
{
    background-color: #26A62C;
}
.WebContRinfo {
    float: right;
    /*width: 280px;*/
    margin-left: 1em;
    /*height: 85%;*/
}
.spolecnost li,
.desatero li
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 8px;
}
.woh-obsah div.img
{
    float: right;
    border: 10px solid lightgray;
    margin-left: 30px;
    margin-bottom: 50px;
}

.WebObjKlient div.img,
.WebObjProjekt div.img
{
    float: right;
    border: 1px solid #D9D9D9;
    margin: 0 30px 30px 30px;

	width: 290px;
	height: 185px;
	overflow: hidden;
}

.WebObjKlient .img img,
.WebObjProjekt .img img {
	width: 290px;
}

.WebObjZpravy .zprava .datum {
    font-style: italic;
}
.WebObjZpravy .zprava .minheight a.showmore {
    font-style: italic;
    text-decoration: none;
}
.WebObjZpravy .zprava h2 {
    margin-top: 0px;
}
.WebObjZpravy .zprava h2 a {
    text-decoration: none;
    border: 0px;
    font-size: 0.9em;
}
.WebObjZpravy div.img
{
    border: 1px solid lightgray;
    float: left;
    margin-right: 1em;
}
.WebObjZpravy div.img img {
    width: 150px;
    height: 96px;
}


table.navigace {
    margin-top: 3em;
}
table.navigace td.nleft {
    text-align: left;
    width: 33%;
}
table.navigace td.ncenter {
    text-align: center;
    width: 33%;
}
table.navigace td.nright {
    text-align: right;
    width: 33%;
}
hr {
    color: lightgray;
    background-color: lightgray;
}

.WebObjIndexCtverce {
    width: 1000px;
    background-color: whitesmoke;
}
.WebObjIndexCtverce p {
    padding-right: 1em;
}

.WebObjIndexCtverce div.software {
    background-image: url('../../img/design-2011/service/software2.png');
    width: 500px;
    height: 188px;
    float: left;
}
.WebObjIndexCtverce h3 {
    font-size: 1.4em;
    margin-bottom: 0px;
}
.WebObjIndexCtverce p {
    margin-top: 0.5em;
}
.WebObjIndexCtverce div.software h3 {
    color: #0057A9;
}
.WebObjIndexCtverce div.webdesign {
    background-image: url('../../img/design-2011/service/webdesign.png');
    width: 499px;
    height: 188px;
    float: right;
}
.WebObjIndexCtverce div.webdesign h3 {
    color: #E5A200;
}
.WebObjIndexCtverce div.hardware {
    background-image: url('../../img/design-2011/service/hardware2.png');
    width: 500px;
    height: 184px;
    float: left;
    margin-top: 1px;
}
.WebObjIndexCtverce div.hardware h3 {
    color: #009CAF;
}
.WebObjIndexCtverce div.marketing {
    background-image: url('../../img/design-2011/service/marketing2.png');
    width: 499px;
    height: 184px;
    float: right;
    margin-top: 1px;
}
.WebObjIndexCtverce div.marketing h3 {
    color: #26A62C;
}
.WebObjIndexCtverce > div > div {
    width: 50%;
    float: right;
}
.WebObjIndexCtverce div.webdesign div,
.WebObjIndexCtverce div.marketing div
{
    width: 43%;
    margin-right: 4em;
}
.WebObjIndexCtverce div.software div,
.WebObjIndexCtverce div.hardware div
{
    width: 45%;
    margin-right: 1em;
}
.WebObjIndexCtverce a {
    text-decoration: none;
}

.WebObjZpravyIndex {
    width: 1000px;
    background-image: url('../../img/design-2011/category_photo/ondrej.png');
    background-position: center right;
    background-repeat: no-repeat;
    height: 288px;
    margin-top: 1.5em;
}
.WebObjZpravyIndex .banner_box {
    padding-left: 4em;
    padding-top: 1em;
    width: 55%;
}

div.zprava {
    margin-bottom: 0em;
    width: 455px;
    height: 160px;
    float: left;
    overflow: hidden;
}

div.reference {
    float: left;
    width: 33%;
    margin-bottom: 3em;
}
div.reference p.popis {
    padding-right: 1em;
}
.wowrmenu {
    margin-bottom: 1em;
}

label[for=rinfo] {
    width: 25em;
}

div.obrazek {
    float: right;
    position: relative;
    left: -2em;
}

div.obrazek img {
    border: 10px solid lightgray;
}

div.obrazek label {
	width: 100%;
}

div.drobecci {
    padding: 1.2em 0em 1em 4em;
    border-bottom: 1px solid lightgray;
}

.minheight {
    min-height:100px;
}
.width445 {
    width: 445px;
}

.WebObjKlient .pminheight,
.WebObjProjekt .pminheight
{
	min-height:220px;
}

div.kontakt div.mapa {
    float: right;
}
div.vizitka, div.vizitka1 {
    float: left;
    width: 22%;
    border-left: 1px solid lightgray;
    padding-left: 2em;
}
div.vizitka1 {
    border: none;
    padding-left: 0px;
}

form.FormularOnline {
    width: 280px;
}
.FormularOnline .WebObjMenuIndex {
    padding-left: 30px;
}
.FormularOnline .leftmenu_item .title {
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    margin: 1em 0em;
}
.FormularOnline .leftmenu_item ul {
    background-color: white;
    width: 190px;
    margin: 0px 0px 0px 0px;
    padding: 20px 18px 15px 8px;
}
.FormularOnline .leftmenu_item ul li {
    margin: 0px 0px 5px 20px;
    padding: 0px;
    list-style-type: square;
    color: #0086BF;
}
.FormularOnline .leftmenu_item ul li a {
    font-weight: bold;
    color: #0086BF;
    border-bottom: 1px solid;
    text-decoration: none;
}

.FormularOnline .logout {
    margin-bottom: 10px;
}
.FormularOnline .info {
    background-color: #E6E6E6;
    padding: 2em;
    color: black;
    font-size: 1.1em;
    /*margin-top: 1em;*/
}
.FormularOnline .info strong.nadpis {
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 0.25em;
    margin-left: 3px;
    color: #0086BF;
    display: block;
}
.FormularOnline .info label {
    font-weight: bold;
}
.FormularOnline .info input[type=text], .FormularOnline .info input[type=password] {
    width: 146px;
    height: 24px;
    background-color: white;
    border: 0px;
}
.FormularOnline input[type=submit] {
    margin-top: 0em;
    color: white;
    background-color: #0086BF;
    border: none;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 7px 20px 5px 20px;
    font-weight: bold;
    float: left;
    margin-left: 73px;
}

.WebObjMenuIndex {
    padding: 1em;
    padding: 1em 2.5em 1em 1.5em;
    margin-bottom: 1em;
    /*border-left: 1px solid lightgray;*/
    min-height: 250px;
    /*height: 100%;*/
    background-color: #F3F3F3;
}

.WebObjMenuIndex strong {
    font-size: 1.5em;
    font-weight: bold;
    color: #F6BF00;
    text-transform: uppercase;
}

.vertical-right-bar {
	width: 255px;
    background-color: whitesmoke;
    padding: 36px 12px 36px 13px;
    margin-bottom: -1.9em;
    /*min-height: 800px;*/
}

.leftmenu_item img {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 3em;
    vertical-align: middle;
}

/* accordion */
div.accordion {
    background-color: white;
}
div.accordion h3 {
    padding: 0.6em 1em;
    margin: 0px;
    margin-left: -2px;
    cursor: pointer;
    border-bottom: 1px solid white;
}
div.accordion h3 a {
    color: white;
    text-decoration: none;
    max-width: 205px;
    display: block;
}
div.accordion h3.software
{
    background-color: #0057A9;
}
div.accordion h3.webdesign {
    background-color: #E5A200;
}
div.accordion h3.hardware {
    background-color: #009CAF;
}
div.accordion h3.marketing {
    background-color: #26A62C;
}
div.accordion > div {
    padding: 0.4em 1em;
    background-color: white !important;
}
div.accordion > div a {
    margin: 0.3em 0em;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
}
div.accordion > div.software a {
    color: #0057A9 !important;
}
div.accordion > div.webdesign a {
    color: #E5A200 !important;
}
div.accordion > div.hardware a {
    color: #009CAF !important;
}
div.accordion > div.marketing a {
    color: #26A62C !important;
}

div.accordion h3.software span.expand {
    background-image: url(../../img/design-2011/category_pointer_expand_software.png);
}
div.accordion h3.software span.collapse {
    background-image: url(../../img/design-2011/category_pointer_collapse_software.png);
}
div.accordion h3.webdesign span.expand {
    background-image: url(../../img/design-2011/category_pointer_expand_webdesign.png);
}
div.accordion h3.webdesign span.collapse {
    background-image: url(../../img/design-2011/category_pointer_collapse_webdesign.png);
}
div.accordion h3.hardware span.expand {
    background-image: url(../../img/design-2011/category_pointer_expand_hardware.png);
}
div.accordion h3.hardware span.collapse {
    background-image: url(../../img/design-2011/category_pointer_collapse_hardware.png);
}
div.accordion h3.marketing span.expand {
    background-image: url(../../img/design-2011/category_pointer_expand_marketing.png);
}
div.accordion h3.marketing span.collapse {
    background-image: url(../../img/design-2011/category_pointer_collapse_marketing.png);
}

div.accordion h3 span {
    display: block !important;
    float: right;
    width: 17px;
    height: 17px;
}

div.Sluzby {
    /*width: 1000px;*/
    margin-left: -4em;
    min-height: 227px;
}

div.SoftwaroveSluzby.hp {
    background: url('../../img/design-2011/category_photo/software.png') no-repeat right top;
    background-size: contain;
}
div.WebdesignoveSluzby.hp {
    background: url('../../img/design-2011/category_photo/webdesign.png') no-repeat right top;
    background-size: contain;
}
div.HardwaroveSluzby.hp {
    background: url('../../img/design-2011/category_photo/hardware.png') no-repeat right top;
    background-size: contain;
}
div.MarketingoveSluzby.hp {
    background: url('../../img/design-2011/category_photo/marketing.png') no-repeat right top;
    background-size: contain;
}

div.Sluzby > div {
    padding: 1em;
    padding-left: 4em;
    padding-right: 4em;
}

div.Sluzby.hp > div {
    width: 50%;
}

div.Sluzby.hp {
    overflow: visible;
}

.WebObjSluzby {
    background-color: white;
    padding: 1em 0em;
}
.WebObjSluzby table.table-sluzby {
    width: 100%;
    margin-top: -1em;
    margin-bottom: -1em;
}
.WebObjSluzby table.table-sluzby td {
    vertical-align: top;
    padding: 1em 1em 0px 0px;
    width: 219px;
}
.WebObjSluzby table.table-sluzby td a {
    text-decoration: none;
}
.WebObjSluzby table.table-sluzby td h3 {
    margin-top: 0px;
    font-size: 1.5em;
}

.left {
    float: left;
}

.right {
    float: right;
}

.WebObjProjekt table.projekt-data {
    text-align: left;
}

.FormularAuthorizeAdmin {
    padding: 1em;
}

.FormularAuthorizeAdmin label {
    width: 10em;
}

.WebObjNovinkyIndex {
    clear: both;
    width: 976px;
    margin-left: -4em;
    padding: 0px 24px 0px 0px;
    background-color: whitesmoke;
    position: relative;
    top: 2.5em;
    background-image: url('../../img/design-2011/prechod-novinky.png');
    background-repeat: repeat-x;
}

.WebObjNovinkyIndex table {
    width: 100%;
}

.WebObjNovinkyIndex td {
    border-right: 1px solid whitesmoke;
    padding: 0px 1em;
    overflow: hidden;
    vertical-align: top;
    width: 224px;
}

.WebObjNovinkyIndex td.bb4 {
    border: none;
}

.WebObjNovinkyIndex p {
    height: 60px !important;
    overflow: hidden;
}

.WebObjKlientiRand {
    background-color: #F2F2F2;
    width: 100%;
    margin-left: -4em;
    margin-top: -1em;
    padding: 0px 3em 0px 4em;
	border: none;
	border-top: 1px solid #FFFDFF;
}

.WebObjKlientiRand > div {
    width: 439px;
}

.WebObjKlientiRand div.klient {
    padding: 2em 0em;
}

.WebObjKlientiRand div.img {
    float: left;
    border: 1px solid #D8D8D8;
    margin-right: 1em;
}

.WebObjKlientiRand div.img img {
	border: 10px solid white;
}

.WebObjKlientiRand .klient .inner {
    height: 133px;
    width: 200px;
    overflow: hidden;
}

.WebObjKlientiRand .klient .inner p {
    margin-top: 0.4em;
}

.WebObjKlientiRand .klient .inner h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.WebObjKlientiRand .klient .inner a {
	text-decoration: none;
}

.WebObjKlientiRand .klient .vice {
    margin-top: 13px;
}

tr.odkazy td {
    padding-bottom: 2em !important;
}

.vyjadreni {
    background-color: whitesmoke;
    width: 600px;
    margin: 25px 0px 15px 0px;
	margin-left: -4em;
	padding: 2em 3em;
	padding-left: 4em;
}

.vyjadreni h2 {
    margin-top: 0px;
	font-style: italic;
}

.italic {
    font-style: italic;
}

.WebObjKlient .minheight,
.WebObjProjekt .minheight
{
    min-height: 260px;
}

li.home {
    list-style-image: url('../../img/design-2011/odrazky/home.png');
	margin-bottom:6px;
}

li.software {
    list-style-image: url('../../img/design-2011/odrazky/software.png');
}

li.webdesign {
    list-style-image: url('../../img/design-2011/odrazky/webdesign.png');
}

li.hardware {
    list-style-image: url('../../img/design-2011/odrazky/hardware.png');
}

li.marketing {
    list-style-image: url('../../img/design-2011/odrazky/marketing.png');
}

.black {
    color: black !important;
}
.strong {
    font-weight: bold;
}

body.home .topnav p a.thishref {
    color: #80C3DF !important;
}
body.software .topnav p a.thishref {
    color: #80ABD4 !important;
}
body.webdesign .topnav p a.thishref {
    color: #F2D180 !important;
}
body.hardware .topnav p a.thishref {
    color: #80CED7 !important;
}
body.marketing .topnav p a.thishref {
    color: #93D396 !important;
}
.WebObjNovinkyIndex td.buffer {
    width: 3em;
    padding: 0px;
}

.drobecci img {
    margin: 0px 6px 1px 6px;
}

.WebObjKlientProjekty ul,
.WebObjReferenceProjektPodobne ul,
.WebObjKlientiForSluzba ul
{
    padding-left: 22px;
}

.WebObjKlientProjekty ul li,
.WebObjReferenceProjektPodobne ul li,
.WebObjKlientiForSluzba ul li
{
    margin-bottom: 4px;
}
.WebObjReferenceProjektPodobne ul li {
    margin: 0px;
    font-weight: bold;
}

li {
    margin:10px 0px;
    line-height: 1.5em;
}

.WebObjHtml h3,
.WebObjKlient h3,
.WebObjProjekt h3,
.WebObjSluzba h3
{
    margin-bottom: 4px;
    margin-top: 16px;
}

.accordion.mark div a {
    max-height: 15px;
    overflow: hidden;
}

.WebObjSluzba table td, .WebObjSluzba table th {
    padding: 1em;
}
.WebObjIndexCtverce > div > a {
    position: relative;
    left: 25px;
    top: 15px;
    display: block;
    float: left;
    width: 200px;
    height: 160px;
}

.WebObjSluzbySeznam {
    width: 60%;
    position: relative;
    float: left;
    top: 0;
    margin-bottom: 0;
}

body.hardware .WebObjSluzbySeznam {
    width: 65%;
}

.WebObjSluzbySeznam ul {
    width: 40%;
    margin-top: 0px;
    padding-left: 0px;
}

.WebObjSluzbySeznam ul.left {
    padding-left: 25px;
}

.WebObjSluzbySeznam ul.right {
    float: left;
    margin-left: 2.5em;
}

.WebObjSluzbySeznam li {
    font-size: 1.2em;
    font-weight: bold;
    list-style-image: none;
    list-style-type: square;
    line-height: 1.3em;
	margin-bottom: 10px;
}

.WebObjSluzbySeznam a {
    text-decoration: none;
}

.WebObjSluzbySeznam li.software {
    color: #0057A9;
}
.WebObjSluzbySeznam li.webdesign {
    color: #E5A200;
}
.WebObjSluzbySeznam li.hardware {
    color: #009CAF;
}
.WebObjSluzbySeznam li.marketing {
    color: #26A62C;
}
.FormularAdminJidelnicek .JidelnicekShowWeek {
       float:left;
       width:49%;
 }
 .FormularAdminObedy table  {
       border-collapse:collapse;
       margin-bottom:10px;
 }

.InfoBottomPane {
    clear: both;
    width: 976px;
	height: 250px;
    margin-left: -4em;
	margin-bottom: -2.5em;
    padding: 0px 24px 0px 0px;
    background-color: #F9F9F9;
    background-image: url('../../img/design-2011/prechod-reference.png');
    background-repeat: repeat-x;
	position: relative;
}

.WebObjReferenceIndex {
	width: 904px;
	margin-left: 35px;
}
.WebObjReferenceIndex ul.reference {
	margin: 0; padding: 0;
}

.WebObjReferenceIndex ul.reference li {
	list-style: none;

	display: block;
	width: 200px;
	height: 190px;
	background: #fff;
	border: 1px solid #D9D9D9;
	float: left;

	margin: 27px 0px 27px 24px;
}

.WebObjReferenceIndex ul.reference li .img {
	/*background: #C8C8CA;*/
	width: 200px;
	height: 126px;
	overflow: hidden;
	border: none;
}

.WebObjReferenceIndex ul.reference li .img img {
	width: 200px;
}

.WebObjReferenceIndex ul.reference li .title {
	margin: -5px 18px;
	line-height: 2em;
	font-size: 0.85em;
	float: left; clear: both;
	width: 80%;
}

.WebObjKlientiForSluzbaReference,
.WebObjKlientProjekty,
.WebObjReference {
	margin: 0; padding: 0;
	width: 660px; float: left;
}
.WebObjReference h2 {
    margin-bottom: 0px;
}

div.dualmenu-switcher a.title {
    text-decoration: none;
}
div.dualmenu-switcher h2 {
    font-size: 1.2em;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 32px;
    background-position: 17px 3px;
    background-repeat: no-repeat;
}
div.dualmenu-switcher h2.software { background-image: url('../../img/design-2012/rdrop1_closed.gif'); color: #0057A9; }
div.dualmenu-switcher h2.webdesign { background-image: url('../../img/design-2012/rdrop2_closed.gif'); color: #E5A200; }
div.dualmenu-switcher h2.hardware { background-image: url('../../img/design-2012/rdrop3_closed.gif'); color: #009CAF; }
div.dualmenu-switcher h2.marketing { background-image: url('../../img/design-2012/rdrop4_closed.gif'); color: #26A62C; }

div.dualmenu-switcher h2.software.open { background-image: url('../../img/design-2012/rdrop1_open.gif'); }
div.dualmenu-switcher h2.webdesign.open { background-image: url('../../img/design-2012/rdrop2_open.gif'); }
div.dualmenu-switcher h2.hardware.open { background-image: url('../../img/design-2012/rdrop3_open.gif'); }
div.dualmenu-switcher h2.marketing.open { background-image: url('../../img/design-2012/rdrop4_open.gif'); }

ul.reference {
    margin: 0; padding: 0;
}

ul.reference li .title h2 a {
    border: 0px;
}
ul.reference li {
	list-style: none;

	display: block;
	width: 200px;
	height: 175px;
	/*background: #F3F3F3;*/
	border: 1px solid #D9D9D9;
	float: left;

	margin: 18px 18px 0px 0;
}
ul.reference li .img {
    /*background: #C8C8CA;*/
    width: 200px;
    height: 126px;
    overflow: hidden;
    /*border: 9px solid #F3F3F3;*/
    margin: 0;
}

ul.reference li .img img {
	/*width: 200px;*/
}

ul.reference li .title {
	margin: -5px 9px;
	line-height: 2em;
	font-size: 0.85em;
	float: left; clear: both;
	width: 80%;
}


h2.carouselTitle {
	color: #000;
	margin-bottom: 1em;
	clear: both;
}
.WebObjKlientiForSluzbaReference h2.black {
	margin: 0px;
	margin-top: 3em;
}
.InfoBottomPane .carousel.navigace span a {
	display: none;
}
.InfoBottomPane .carousel.navigace span {
	display: block;
	position: absolute;
	width: 27px; height: 27px;
	margin: 0; padding: 0;
	top: 105px;
	cursor: pointer;
}

.InfoBottomPane .carousel.navigace .next {
	background: transparent url('../../img/design-2011/carousel-sipka-vpred.png') center center no-repeat;
	right: 22px;

}
.InfoBottomPane .carousel.navigace .prev {
	background: transparent url('../../img/design-2011/carousel-sipka-zpet.png')  center center no-repeat;
	left: 22px;
}

.vertical-right-bar .menu-title {
	text-transform: uppercase;
	font-size: 130%;
	color: #000;
	width: 220px;
	margin: 15px auto;
}

.vertical-right-bar .dualmenu-switcher {
	width: 220px;
	background: #fff;
	margin: 0 auto; padding: 0;
}
.vertical-right-bar.project-right-bar .dualmenu-switcher { width: 340px; }
.vertical-right-bar.project-right-bar .dualmenu-switcher .navigation { width: 340px; background-image: url('../../img/design-2011/dual_menu_header_340.png'); }

.vertical-right-bar .dualmenu-switcher .navigation {
	width: 220px;
	height: 37px;
	background: whitesmoke url('../../img/design-2011/dual_menu_header.png')  top left no-repeat;
	padding: 0; margin: 0;
}
.vertical-right-bar .dualmenu-switcher .navigation.r {background-position: 0 -37px;}
.vertical-right-bar .dualmenu-switcher .navigation.r h3 a { color: #FFF; }
.vertical-right-bar .dualmenu-switcher .navigation.r h3.r a { color: #0057A7; }

.vertical-right-bar .dualmenu-switcher h3.l  {
	float: left;
}
.vertical-right-bar .dualmenu-switcher h3.r  {
	float: right;
}

.vertical-right-bar .dualmenu-switcher h3 a {
	text-decoration: none;
	color: #0057A7; float: left;
	margin: 0 auto; width: 100px;
	text-align: center;
	clear: left;
	border: none;
    outline:none;
}
.vertical-right-bar.project-right-bar .dualmenu-switcher h3 a { width: 160px; }

.vertical-right-bar .dualmenu-switcher h3.r a {
	color: #fff; clear: right;
	width: 118px;
}

.vertical-right-bar .dualmenu-switcher li {
	list-style-type: square;
	color: #0057A7;
	margin: 8px 0px;
}

.vertical-right-bar .dualmenu-switcher li a {
	line-height: 1.3em;
	color: #0057A7;
	font-weight: bold;
}
.vertical-right-bar .dualmenu-switcher li a {
}
.vertical-right-bar .dualmenu-switcher li.active {
	color: #808080;
}
.vertical-right-bar .dualmenu-switcher li.active a {
	color: #808080;
	text-decoration: none;
	cursor: default;
}

.vertical-right-bar .dualmenu-switcher ul {
	padding: 0;
	padding-left: 15px;
	margin: 0px 18px;
}

.vertical-right-bar .dualmenu-switcher .list_r,
.vertical-right-bar .dualmenu-switcher .list_l {
	float: left;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
.vertical-right-bar.project-right-bar .dualmenu-switcher .list_l {
    margin: 0px 0px 0px 8px;
}

.rmenu_item .title {
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    margin: 1em 0em;
}
.rmenu_item ul {
    background-color: white;
    width: 190px;
    margin: 0px 0px 15px 0px;
    padding: 20px 18px 15px 8px;
}
.rmenu_item ul li {
    margin: 0px 0px 5px 20px;
    padding: 0px;
    list-style-type: square;
    color: #0057A9;
}
.rmenu_item .selected {
    color: black;
    font-weight: bold;
}
.rmenu_item ul li a {
    font-weight: bold;
    color: #0057A9;
    border-bottom: 1px solid;
    text-decoration: none;
}

div.iea_right {
    padding: 20px 20px 20px 143px;
    width: 177px;
    height: 75px;
    margin: 20px auto;
    background: white url('../../img/iea.png') no-repeat 20px 20px;
}
img.iea_inner {
    float: right;
    margin: 0px 20px 5px 0px;
}
div.project-right-bar {
    width: 400px;
}
div.project-image {
    padding: 10px;
    margin: 0px auto 20px auto;
    width: 320px;
    background: white;
}
.topnav .icon {
  display: none;
}
body.software > .secondtopnav {
  background-color: #0057A9;
}
.sluzby {
  height: auto;

}
.karantena {
  color: red;
  font-size: 18px;
  text-align: center;
}
/* responsive css */
@media screen and (max-width: 1000px) {
  .mainDivInner, .header, .topnav, .content, .footer {
    width: 100%;
  }
  .header {
    height: auto;
  }
  .header img#header {
  object-fit: contain;
  width: inherit;
  }
  .header a {
    position: static;
    margin-top: 9%;
    left: -2%;
  }
  .header img#cdi {
    position: absolute;
    top: 9%;
    left: -2%;

  }

  .WebObjZpravyIndex {
    width: 100%;
  }
  .topnav {
    background-image: none;
  }
  .home .topnav {
    background-image: none;
    background-color: #0086BF;
  }
  .software .topnav {
    background-color: #0057A9;
    font-size: 12px;
  }
  .webdesign .topnav {
    background-color: #E5A200;
  }
  .hardware .topnav {
    background-color: #009CAF;
  }
  .marketing .topnav {
    background-color: #26A62C;
  }
  .topnav .home {
    background-color: #0086BF;
  }
  .topnav .software {
    background-color: #0057A9;
  }
  .topnav .webdesign {
    background-color: #E5A200;
  }
  .topnav .hardware {
    background-color: #009CAF;
  }
  .topnav .marketing {
    background-color: #26A62C;
  }
  .topnav p {
    background-color: #0086BF;
  }
  .WebObjIndexCtverce {
    width: 100%;
  }
  .WebObjIndexCtverce div.software {
    width: 100%;
    margin: auto;
    background-repeat: no-repeat;
    background-color: white;
  }
  .WebObjIndexCtverce div.webdesign {
    width: 100%;
    margin: auto;
    background-repeat: no-repeat;
    background-color: white;
  }
  .WebObjIndexCtverce div.hardware {
    width: 100%;
    margin: auto;
    background-repeat: no-repeat;
    background-color: white;
  }
  .WebObjIndexCtverce div.marketing {
    width: 100%;
    margin: auto;
    background-repeat: no-repeat;
    background-color: white;
  }
  .WebObjIndexCtverce div.software .text, .WebObjIndexCtverce div.webdesign .text, .WebObjIndexCtverce div.hardware .text, .WebObjIndexCtverce div.marketing .text {
    position: relative;
    margin: 20px auto 20px auto;
    width: 45%;
    float: none;
  }
  .kontakt .mapa {
  float: left;
  margin: 20px auto 20px auto;
  padding: 0px 5% 0px 5%;
  }
  .kontakt .woh-obsah {
    margin-top: 0px;
  }
  .InfoBottomPane {
    width: auto;
  }
  .software .secondtopnav {
    background-color: #0057A9;
    font-size: 12px;
  }
  .webdesign .secondtopnav {
    background-color: #E5A200;
  }
  .hardware .secondtopnav {
    background-color: #009CAF;
  }
  .marketing .secondtopnav {
    background-color: #26A62C;
  }
}
@media screen and (max-width: 850px) {
  .WebObjIndexCtverce div.software {
    width: 100%;
    height: auto;
    margin: auto;
    background-image: none;
    background-color: white;
  }
  .WebObjIndexCtverce div.webdesign {
    width: 100%;
    height: auto;
    margin: auto;
    background-image: none;
    background-color: white;
  }
  .WebObjIndexCtverce div.hardware {
    width: 100%;
    height: auto;
    margin: auto;
    background-image: none;
    background-color: white;
  }
  .WebObjIndexCtverce div.marketing {
    width: 100%;
    height: auto;
    margin: auto;
    background-image: none;
    background-color: white;
  }
}
@media screen and (max-width: 775px) {
  body {
    font-size: 18px;
  }
  .topnav a {
    font-size: 12px;
  }
  .WebContRinfo {
    display: none;
  }
  .maincontent_container {
    padding: 1em 1em 1em 1em;
    background-image: none;
  }
}
@media screen and (max-width: 600px) {
  .topnav {
    height: auto;
    width: auto;
  }
  .topnav > a {
    width: auto;
  }
  .header img#cdi {
    display: none;
}

  .topnav a:not(:first-child) {
    display: none;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .topnav a.icon {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
    padding: 5px auto 5px auto;
  }
  .secondtopnav {
    display: none;
  }
@media screen and (max-width: 500px) {
  body {
    font-size: 18px;
  }
  .WebObjIndexCtverce div.software .text, .WebObjIndexCtverce div.webdesign .text, .WebObjIndexCtverce div.hardware .text, .WebObjIndexCtverce div.marketing .text {
    position: relative;
    width: 90%;
    float: none;
  }
  div.Sluzby.hp {
    background-image: none;
  }
  div.Sluzby.hp > div {
    width: auto;
    padding-right: 0px;
  }
  iframe {
    width: 100%;
    height: 100%;
  }
  .kontakt .mapa {
    height: 300px;
  }
}