body {
	/*font: 12px/1.5 "Trebuchet MS", "Geneva CE", lucida, sans-serif;*/
    font: 12px/1.5 "Arial","Verdana","Helvetica CE";
	color: #000000;
	background-color: #404040;
}

h1 {
	font-size: 150%;
	color: #165ca3;
}

#spinner {
	display: none;
	position: absolute;
	border: none;
	z-index: 1000;
}

div.flash, .error {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}


div#wrapper {
    margin: 0px auto;
    padding: 0px;
    width: 685px;
    background: #cfcfcf;
    border: 0px solid #000000;
}

div#header_cs {
    height: 167px;
    background: url(img/header3.jpg) no-repeat;
}

div#header_sk {
    height: 167px;
    background: url(img/header3_sk.jpg) no-repeat;
}

div#header_de {
    height: 167px;
    background: url(img/header3_de.jpg) no-repeat;
}

div#header_en {
    height: 167px;
    background: url(img/header3_en.jpg) no-repeat;
}

div#header_cs h1, div#header_sk h1, div#header_de h1, div#header_en h1 {
    position: absolute;
    top: -1000px;
    
}

ul#topmenu {
    /*background: blue;*/
    /*width: 685px;*/
    height: 30px;
    margin: 121px auto 0px 45px;
    position: absolute;

}

ul#topmenu li {
    float: left;
}

div#main {
    background: url(img/linka_bg_2.jpg) repeat-y;
}

div#main-bottom {
    background: url(img/main-bottom.jpg) no-repeat;
    height: 41px;
}

div#content {
    background-color: #ffffff;
    width: 554px;
    margin: 0px 0px 0px 44px;
    padding: 20px 20px 20px 20px;
}

div#content h2 {
    position: absolute;
    top: -1000px;
}

div#content h3 {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

div#content a {
    color: #4b8788;
    font-weight: bold;
}

div#content p {
    margin: 10px 0px 10px 0px;
}

div#footer {
    background: url(img/footer.jpg) repeat-y;
    min-height: 100px;
    font-size: 10px;
    color: #afb1b4;
}

div#copyright {
    margin: 0px 0px 0px 45px;
    padding: 5px 0px 0px 0px;
    width: 600px;
}

div#footer_img {
    text-align: right;
    margin: 0px 45px 0px 0px;
    float: right;
    height: 80px;
    width: 80px;
    border: 4px solid #afb1b4;/*#4b8788;*/
}

div#footer_img img {
    float: right;
}

div#copyright a {
    color: #afb1b4;
    text-decoration: underline;
}

div#socialnet {
    margin: 5px 0px 0px 45px;
    padding: 10px 0px 0px 0px;
    width: 600px;
}

div#socialnet .small {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

div#langswitcher {
    margin: 0px 0px 0px 45px;
    padding: 20px 0px 0px 0px;
    width: 600px;
    color: #afb1b4;
}

div#langswitcher a {
    text-decoration: underline;
    color: #afb1b4;
}



a[class^="current-lang"] {
    background-color: #ffffff;/*#4b8788;*/
    color: #4b8788;
    font-weight: bold;
    padding: 3px;
}

.odrazka {
    margin: 1px 5px 0px 0px;
    float: left;
}

ul#technologie, ul#kurzy, ul#vzdelani, ul#clenstvi {
    margin: 20px 0px 0px 0px;
}

div#technologie-panel, div#kurzy-panel, div#vzdelani-panel, div#clenstvi-panel {
    margin: 20px 0px 0px 0px;
}


a[href^="error:"] {
    background: red !important;
    color: white !important;
}


.paginator {
    /*margin: 1em 0;*/
    font-size: 90%;
}

.paginator a, .paginator span, .ref-zak a, .ref-zak span  {
    margin-right: 0.1em;
    padding: 0.2em 0.5em;
    color: #999999;
}

.paginator a, .ref-zak a {
    border: 1px solid #4b8788;
    text-decoration: none;
    color: #4b8788;
}

.paginator span.button {
    border: 1px solid #DDDDDD;
}

.paginator .current {
    background: #4b8788;
    border: 1px solid #4b8788;
    color: white;
    font-weight: bold;
}

.ref-zak {
    float: right;
    text-align: right;
    font-size: 90%;
}



.reference-panel1 {
     width: 550px;
     height: 130px;
     padding: 10px 0px 0px 0px;
     margin: 0px;
}

.reference-panel {
     border-top: 1px solid rgb(208,208,208);
     width: 550px;
     height: 130px;
     padding: 10px 0px 0px 0px;
     margin: 0px;
}

.reference-img-stiny {
     float: left;
     width: 135px;
     height: 120px;
     padding: 0px;
     margin: 0px;
     
     background-image: url(img/stin_reference.jpg);
     background-repeat: no-repeat;
}

.reference-img {
     width: 109px;
     height: 82px;
     padding: 20px 0px 0px 13px;
     margin: 0px;
     
}

.reference-text {
    margin: 0px 0px 0px 145px;
    padding: 17px 0px 0px 0px;
}

.reference-popis {
    font-weight: bold;
}

#content .reference-technologie a {
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

#content .reference-technologie a:hover {
    text-decoration: underline;
    color: #000000;
    font-weight: normal;
}

#reference-zakaznici-panel {
    margin-left: -20px;
    padding: 0px;
    width: 595px;
}

#reference-zakaznici-panel img {
    float: left;
    margin: 0px;
    padding: 0px;
}

.clr {
    clear: both;
}

.sipka {
    margin: 2px 5px 0px 0px;
    float: left;
}

.emailodkaz {
    float: right;
    margin-right:434px;
    margin-top:4px;
}

div#google-mapa {
    float: right;
    left: 100px;
    width: 400px;
    height: 150px;
}

.textarea-text, .email-text {
    width: 550px;
    background: #f1f1f1;
    border: 1px solid #4b8788;
    margin: 0px 0px 4px 0px;
}

.captcha {
    border: 1px solid #4b8788;
    background: #f1f1f1;
}




#meerkat  {
    display:none;
    width:100%;
}
#meerkat-content {
    margin:0 auto;
    padding-top:10px;
    width:960px;
}
#meerkat-content h1 {
    color:#FFFFFF;
    font-size:3.8em;
}
#meerkat-content p {
    color:#FFFFFF;
    font-size:1.2em;
}
#meerkat-content a.dont-show {
    color:#FFFFFF;
    cursor: pointer;
}
#meerkat-content a.dont-show:hover {
    color:#FFFFFF;
    text-decoration: line-through;
}

a.close-meerkat  {
    background:none repeat scroll 0 0 #FFFFFF;
    border:2px solid #FFFFFF;
    color:#71ADB1;
    font-size:1.2em;
    font-weight:bold;
    padding:0 4px 1px 5px;
    position:absolute;
    right:3px;
    text-decoration:none;
    top:5px;
}
a.close-meerkat:hover {
    border:2px solid #2E2A22;
    color:#2E2A22;
}