/* CSS Document
   ============================================================================

   Author: Libuše Chudá (Bibi Violet)
   Project: Autoskla Renova

   Styly pro frontend, přebíjí wysiwyg styly

============================================================================ */

/* ============================================================================
   Tags
============================================================================ */

body {
  background:#7b848e url(/images/body.jpg) repeat-x top center;
  padding:0;
  margin:0;
}

/* ============================================================================
   Global Classes
============================================================================ */

.clear {
  clear:both;
}

.bold {
  font-weight:bold;
}

.t-right {
  text-align:right;
}

/* ============================================================================
   Layout
============================================================================ */

#layout {
  width:937px;
  padding:4px 29px 30px 29px;
  margin:0 auto;
}

#header {
  height:282px;
  position:relative;
}

#menu {
  width:536px;
  height:39px;
  background:transparent url(/images/menu.png) no-repeat 0 0;
  position:absolute;
  top:46px;
  right:0;
}

#menu ul {
  margin:0;
  padding:0 0 0 6px;
}

#menu li {
  float:left;
  margin:0;
  padding:11px 11px;
  list-style-type:none;
  background:transparent url(/images/menu-separator.png) no-repeat 0 15px;
}

#menu li a {
  color:#fff;
  font-size:14px;
  text-decoration:none;
}

#menu li.menu-item-0 {
  background:none;
}

#menu li.menu-item-1 a {
  color:#95e45b;
}


.simple-contact {
  width:181px;
  height:137px;
  padding:15px;
  background:transparent url(/images/white.png) repeat 0 0;
  position:absolute;
  top:100px;
  right:0;
  color:#101f31;
  font-size:11px;
  line-height:1.3;
}


#middle {
  background:transparent url(/images/middle.jpg) no-repeat center top;
}

#content {
  width:634px;
  float:left;
  line-height:1.5;
}

.text-page {
  background:#b4babf none;
  padding:15px;
}

#right {
  width:245px;
  float:right;
  background:#323f4d none;
  margin:70px 0 0 0;
  padding:15px;
  color:#dfe7f0;
}

#right h2 {
  color:#fff;
  margin:0;
  padding:0;
  background:none;
}

#right a {
  color:#fff;
}

#footer {
  background:#1a2c3f none;
  border-top:1px solid #9ca9b6;
  padding:25px 0;
  color:#b4babf;
}

#footer-content {
  width:937px;
  margin:0 auto;
}

.simple-contact-item {
  margin:0 0 5px 0;
}

.green-box {
  width:311px;
  height:137px;
  position:absolute;
  top:100px;
  right:194px;
  background:transparent url(/images/zelena.png) no-repeat 0 0;
  padding:15px;
  font-size:11px;
  line-height:1.5;
}

.green-box strong,.simple-contact strong {
  color:#1e4062;
  font-size:14px;
}

.green-box p, .simple-contact p {
  padding:5px 10px;
  text-align: justify;
   margin-right: 25px;
}


.reference-item img {
border:0 none;
margin:4px;
}

.reference-item {
border:1px solid #EDEDED;
float:left;
margin:5px;
width:189px;
}

.reference-item h2 {
  margin:0;
  font-size:12px;
  height:36px;
}

.reference-image a img {
border:0 none;
}

.reference-image .ri-desc {
font-size:10px;
height:15px;
overflow:hidden;
padding:2px 0;
width:100px;
display:none;
}

.reference-image {
border:1px solid #EEEEEE;
float:left;
margin:14px 7px 0 7px;
padding:10px 10px 10px;
}

.simple-contact-item.c2,.simple-contact-item.c3 {
  padding:1px 0 1px 21px;
}

.simple-contact-item.c3 {
 background:transparent url(/images/phone.jpg) no-repeat 3px 0;
}

.simple-contact-item.c2 {
 background:transparent url(/images/mail.jpg) no-repeat 0 3px;
}

.reference-menu ul {
   margin:0;
   padding:0;
   list-style-type:none;
   background:#a3abb2 none;
}

.reference-menu ul li {
  margin:0;
  padding:0;
  list-style-type:none;
  
}

.reference-menu ul li a {
  display:block;
  padding:7px 15px;
  border-bottom:1px solid #b4babf;
  text-decoration:none;
  color:#000;
}

.reference-menu ul li a:hover {
  background:#c2cad0 none;
  color:#1E4062;
}

.reference-menu ul li ul li a {
  display:block;
  padding:7px 30px;
  
}

.reference-menu ul li ul li ul li a {
  display:block;
  padding:7px 40px;
}

.reference-menu ul ul {
  margin:0;
}

.text-page-right {
    float:left;
    width:185px;
    padding:0 15px 0 0;
}

.text-page-left {
  float:right;
  width:404px;
}

.hid {
  cursor: pointer;
}