/* 
CSS Stylesheet - design.css
domain: simost.cz
 */
 
#web { width: 964px; margin: 20px auto; }

#header { 
  height: 242px; overflow: hidden; position: relative; margin: 0;
  background: url('/img/layout/content_bg.png') top center no-repeat;
}
#header #logo { position: absolute; left: 10px; }
#header .about { position: absolute; top: 25px; left: 270px; font-size: 1.3em; line-height: 32px; }

#header .language { 
  width: 194px; height: 25px; position: absolute; right: 5px; top: 30px;
  background: url('/img/layout/menu_bg.png') left center repeat-x; color: #1f3b00;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; 
}
#header .language .flags {
  float: left; height: 25px; padding: 3px 5px; 
  background: url('/img/layout/menu_bg_over.png') left center repeat-x;
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#header .language .flags img { margin: 1px; }
#header .language .lang { text-align: right; line-height: 25px; float: right; padding: 0 5px; }

#header .image { position: absolute; top: 55px; margin: 0; padding: 5px; background: white; }
#header .image img { float: left; }


#menu { background: white; padding: 0 5px 5px 5px; }
#menu ul { 
  margin: 0; padding: 0; list-style: none;
  height: 31px; background: url('/img/layout/menu_bg.png') top left repeat-x;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#menu ul li { 
  float: left;
  padding: 0 20px; line-height: 31px;
}
#menu ul li a { font-size: 1.1em; color: white; font-weight: bold; }
#menu ul li a span { padding: 5px 5px 4px; }
#menu ul li a span.selected,
#menu ul li a:hover span { 
  background: url('/img/layout/menu_bg_over.png') center left repeat-x; color: #1f3b00;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; 
}


#content { 
  background: white; padding: 5px;
  -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;
}



#footer { position: relative;
  height: 162px; color: white;
}
#footer .info {
  height: 132px; font-size: 0.9em;
  background: #101010 url('/img/layout/footer_bg.png') top left repeat-x;
  -moz-border-radius: 6px; -webkit-border-radius: 6px;
  -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radiu: 0;
}

#footer .info .header { text-transform: uppercase; line-height: 40px; font-weight: bold; }

#footer .info .links {  
  position: absolute; bottom: 0; right: 0; height: 30px; background: #101010; line-height: 34px; color: white; font-weight: bold;
  -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;
}
#footer .info .links a { margin: 0 15px; color: white; text-transform: uppercase; }

#footer .info .contact { 
  width: 400px; height: 100%; float: left; position: relative;
  background: url('/img/layout/map_brno.png') 20px center no-repeat;
}
#footer .info .contact p { position: absolute; left: 210px; line-height: 18px; padding: 0 0 0 20px; border-left: 1px dotted #333; }
#footer .info .contact .header { position: absolute; left: 120px; top: 0; }

#footer .info .companies {
  float: right; padding: 0 5px;
}
#footer .info .companies .header { padding: 0 10px 0 0; }
#footer .info .companies .comp { background: white; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px; position: relative; top: -8px; }
#footer .info .companies .comp p { margin: 0; padding: 0; float: left; text-align: center; }
#footer .info .companies .comp p a { font-size: 0.9em; color: #000; }
#footer .info .companies .comp p.del { margin: 0 5px; border-left: 1px dotted #aaa; height: 80px; }
#footer .info .companies .comp p img { display: block; }

#footer .copy { line-height: 34px; color: #444; padding: 0 5px; }
#footer .copy span { padding: 0 10px; } 


#pages { margin: 0 0 10px 0; }


#content_right h2 { font-size: 1.8em; color: #3761ab; font-weight: bold; }
#content_right h3 { font-size: 1.6em; color: #3761ab; font-weight: bold; }
#content_right p { text-indent: 2em; color: #555; }

#content_right ul { list-style-type: none; margin: 10px 0; padding: 0; }
#content_right ul li { margin: 5px 0; padding: 0 0 0 20px; background: url('/img/icons/li.png') 0 2px no-repeat;}

#content_right table { width: 100%; margin: 10px 0; }
#content_right table th, #content_right table td { vertical-align: top; padding: 2px 5px; }


/* FORM */
.form { padding: 10px; color: #555; }
.form label { display: block; line-height: 20px; padding: 5px; font-weight: bold; color: black; }
.form label span { color: red; }
.form input, .form textarea, .form select { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.form .input { border: 1px solid #ccc; padding: 5px; margin: 5px; }
.form .button {
   height: 26px; margin: 5px; cursor: pointer; background: url('/img/layout/nav_bg.png') center left repeat-x; 
   border: 1px solid #339; color: white; font-weight: bold;
}
.form .button:hover { background: url('/img/layout/h_gray.png') center left repeat-x;  border-color: #ccc; color: black; }

.delline { border-bottom: 1px dotted #ccc; margin: 10px 0; height: 1px; overflow: hidden; }


#error {
  min-height: 380px; padding: 0 300px 20px 20px;
}
#error.data { background: url('/img/layout/underconstruction.jpg') top right no-repeat; }
#error.notfound { background: url('/img/layout/error.jpg') top right no-repeat; }
#error h2 { font-size: 1.6em; font-style: italic; font-weight: 500; color: #c00 }
#error form { margin: 10px 0; }
#error form .input {
  border: 1px solid #ccc; padding: 5px;
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
} 
#error ul {
  width: 400px; margin: 0; padding: 20px 10px; list-style: none; background: #eee;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
}


#index .intro { 
  float: left; width: 250px; 
}
#index .intro h1 { 
  margin: 0 0 5px 0; height: 32px; line-height: 32px; padding: 0 10px; font-size: 1em;
  background: url('/img/layout/header_bg.png') top left repeat-x;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; 
}
#index .intro .text {
  background: #eee; border: 1px solid #ccc; padding: 10px; font-size: 0.9em; text-align: justify;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
}


#index h2 {
  width: 680px; float: right; padding: 0; margin: 5px 0 12px; 
  color: #444; font-size: 1.4em; font-weight: normal;
}
#index h2 span { color: #71b424; margin: 0 15px 0 0; }
#index .galleryList {
  width: 650px; float: right; padding: 20px;
  background: #eee; border: 1px solid #ccc;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#index .galleryList h3 { margin: 0 0 10px 0; }
#index .galleryList h3 a { font-size: 1.3em; font-weight: normal; font-style: italic; }
#index .galleryList .info {  margin: 0 0 10px 0; font-style: italic; color: #555; }
#index .galleryList .imageIndex { float: left; border: 1px solid #ccc; margin: 0 5px; }
#index .galleryList a.imageIndex:hover { border-color: #1f3b00; }
#index .galleryList .left { position: relative; float: left; margin: 20px 0 0; padding: 10px; clear: both; background: white; border: 1px solid #ccc; color: #555; }
#index .galleryList .left { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#index .galleryList .left img { position: absolute; top: -13px; left: 20px; }
#index .galleryList .list { float: right; width: 350px; text-align: center; height: 190px; padding: 5px; }
#index .galleryList .list a img { border: 1px solid #ccc; margin: 0 4px 10px; }
#index .galleryList .list a:hover img { border-color: #1f3b00; }
#index .galleryList .gall { display: block; padding: 5px 5px; margin: 0px 15px; border: 1px solid #bbb; background: url('/img/layout/menu_bg_over.png') center left repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#index .galleryList .gall:hover { border-color: #1f3b00; text-decoration: none; }
#index .galleryList .text { margin: 20px 0 0; font-style: italic; color: #444; text-align: center; }


#gallery .back { display: block; padding: 5px 5px; margin: 10px; border: 1px solid #ccc; background: #eee; float: right; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#gallery .back:hover { border-color: #1f3b00; background: #9f3; text-decoration: none; }
#gallery .galleryList {
  padding: 10px; margin: 0 10px; clear: both; 
  background: #eee; border: 1px solid #ccc;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#gallery .galleryList h2 a { font-size: 1.5em; font-weight: 500; }
#gallery .galleryList .info { margin: 0 0 10px; }
#gallery .galleryList .info span { margin: 0 50px 0 0; color: #444; }
#gallery .galleryList .list { background: #ddd; padding: 5px;}
#gallery .galleryList .list a img { margin: 5px; border: 1px solid #1f3b00; }