/* 
    Document   : index
    Created on : 10.10.2013, 12:32:05
    Author     : Jiří Mizera
    Description:
        Purpose of the stylesheet follows.
*/

* {margin:0px;padding:0px;}
root { display: block;}
body {font-family: Arial, sans-serif;background-color:#D8D8D8;font-size: 10pt;}

a { text-decoration: none;color: #C71B21;}
a:hover { text-decoration: none; background-color: #C71B21;color: white;}
h1 {visibility: hidden;height:1px;}
h2 {background: url('../img/header.png') #999999 no-repeat;height:46px;width:800px;color:#FFFFFF;}
h2 span {padding:10px 15px;float:left;}
h3 {padding-bottom: 5px;}
img {border:0px;}

/** layout */
#page {position: relative;width: 800px;margin-left: auto;margin-right: auto;}
.block {float:left;width:100%;}
.block p {padding:15px;text-align: justify;}
.padH {float:left;height:60px;width:100%;}

#top {height:60px;position: fixed;width:800px; z-index: 10;background-color:#D8D8D8;}
#top div.logo {width:200px;height:52px;position: absolute;left:3px;top:5px;}
#top div.languages {background: url("../img/langs-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
                    height: 29px;position: absolute;right: -2px;top: -2px;width: 204px;}
#top div.languages a.czech, #top div.languages a.english {background: url("../img/cs.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
                                                          color: #FFFFFF;left: 10px;padding-left: 40px;position: absolute;top: 6px;}
#top div.languages a.english {background: url("../img/en.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);left: 110px;}

#menuTop {background-color:#D8D8D8;position:absolute; left:230px;top:30px;width:570px;}
#menuTop ul {float:right;list-style-type: none;}
#menuTop ul li {float:left;padding: 5px 0px 5px 15px;}
#menuTop ul li a {color: #A00000;font-weight: bold;font-size: 16px;text-decoration: none;}
#menuTop ul li a:hover {color: #FFFFFF;}
#menuTop ul li span .delimiter {border: #CCC 1px outset;font-size: 8pt;width:8px;}


div.footer {float:left;height:150px;background: url('../img/smallbanner.png') repeat-x;position: relative;} 
div.footer div.footerLogo {background: url('../img/logoreflection.gif') no-repeat;position: absolute;top: 20px;right: -1px;width: 297px;height: 99px;}
div.footer div.footerInfo {background: url('../img/bottominfo.gif') no-repeat;position: absolute;top: 35px;left: 50px;color: white;
                           padding-top: 2px;font-size: 12px;width: 400px;height: 81px;text-align:center;}

/** bubbles */
.bubble a {color: #FAA;text-decoration: underline;}
.bubble a:hover {color: #FFF;text-decoration: underline;}
.bubble {display: none; position: absolute; background-color: #C71B21; width: 400px;color: white;text-align: left;}
.bubble div {font-weight: bold;font-size: larger;color: #300; border-bottom: solid 3px #800;}
.bubble ul {padding-left:15px;}
#f1 {left: 120px; top: 120px; }
#f2 {left: 350px; top: 120px; }
#f3 {right: 350px; top: 120px; }
#f4 {right: 120px; top: 120px; }

div.bubble div.close {position:absolute;border:1px solid #880000;top:10px; left:398px; cursor: pointer;width:15px;height:15px;color:#FFFFFF;}
div.bubble div.close span {position:absolute;left:3px;top:-4px;}

/** references */

.references h3 {width:100%;text-align: center;padding-top:15px;}
.references ul {padding-left: 60px;padding-bottom: 20px;}
.references ul li {padding:3px;}
.references div.referenceHidden {display: none;}

div.button {width:190px; height:29px; float:right;background: url('../img/button.png') no-repeat;padding:0px;}
div.button span {float:left;padding:5px 15px 5px;color:#FFFFFF;font-size: 12px;font-weight: bold;cursor: pointer;}

div.contactus div.contactLeft, div.contactus div.contactRight {padding: 15px;float:left;width:370px;}
div.contactus div.contactForm {padding: 15px;}
div.contactus div.contactForm label {width:150px;padding:3px;float:left;}
div.contactus div.contactForm input {width:350px;padding:3px;float:left;border: 1px solid #C65155;}
div.contactus div.contactForm>form>div {float:left;width:520px;padding:5px;}
div.contactus div.contactForm textarea {width:512px;border: 1px solid #C65155; height:100px;}
div.contactus div.contactForm input.send {float:right;width:150px;}

div.about ul {padding-left:15px;}
div.about ul li {margin-left:25px;}

div.mainBanner {position: relative;width:800px;height:262px;float:left;}
div.mainBanner img {position: absolute;}
div.mainBanner .img1 {display:none;}

div.warroom {position: relative;float:left;}
div.warroom div.message {position: absolute;left:0px;top:0px;width:800px;text-align: center;font-size: 16px;}
div.warroom map area {cursor: pointer;}

div.introText {float:left;}

div.introIcons>div {float:left;width:266px;text-align: center;}

div.clear {width:100%;float:left;clear:both;}

div.about div.item {padding:15px;float:left;width:235px;position:relative;height:420px;}
div.about div.item h3 {text-align: center;}
div.about div.item img {position: absolute;left:62px;top:50px;border: 1px solid #C65155;}
div.about div.item div.text {position: absolute;left:15px; width:230px; top:220px;}
div.about div.item div.text div.contact {width:100%;text-align:center;}

div#submitForm {width:190px; height:29px; text-align: center; float:right; background: url('../img/button.png') no-repeat;padding:0px;cursor: pointer;}
div#submitForm span {padding:5px 15px 5px 45px;font-weight: bold;color:#FFFFFF;float:left;width:100px;cursor: pointer;}

div.refpanel2 {padding-bottom: 10px;}