@import url("common.css");

body#site { background-color: #669BCC; font-family: sans-serif; font-size: 12px; color: #333; padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select { font-family: sans-serif; font-size: 12px; color: #333; padding-top: 0; }

h1 { font-size: 14pt; margin-bottom: 1em; }

h2, h2.h3 { font-size: 12pt; }

h3 { font-size: 10pt; }

ul li, ol li, p, div { line-height: 1.4; }

img { border: none; }

a, a:link, a:visited, a:hover { font-size: 11px; }
a, a:link, a:visited { color: #669BCC; }
a:hover { color: #333; }

hr { display: none; }

/* header */

#header { background-color: #FFF; width: 754px; padding: 5px 10px 48px 10px; border-top: 5px solid #669BCC; margin: 0 auto; }

#langswitch { text-align: right; }

#logo { background-color: #EFEFEF; height: 112px; padding: 10px; border: 1px solid #DDD; margin: 5px 0 0; }
#logo a { width: 730px; height: 110px; border: 1px solid #DDD; display: block; position: relative; overflow: hidden; }
#logo a span { background: url(../images/logicon-title.jpg) no-repeat left top; width: 730px; height: 110px; position: absolute; top: 0; left: 0; }

/* menu */
 
#menu-inner { background-color: #FFF; width: 754px; padding: 5px 10px 0; margin: 0 auto; }

#menu { background-color: #EFEFEF; padding: 5px; border: 1px solid #DDD; }
#menu ul { background-color: #0065B1; width: 100%; padding: 0; margin: 0; list-style-type: none; }
#menu ul li { float: left; }
#menu ul li a { background-color: #0065B1; color: #FFF; text-decoration: none; text-transform: uppercase; padding: 8px 7px; border-right: 1px solid #FFF; display: block; }
#menu ul li a:hover { background-color: #669BCC; }
#menu ul li a.active { background-color: #669BCC; }

#menu li ul { width: auto; min-width: 150px; display: none; position: absolute; }
#menu li li { border-top: 1px solid #FFF; float: none; }
#menu li li a { text-transform: none; padding: 4px 10px; border: none; }
#menu li:hover ul, 
#menu li.over ul { display: block; }

/* content */

#content-outer { background-color: #ACC5E6; }

#content-inner1 { background-color: #FFF; width: 754px; padding: 10px; margin: 0 auto; position:relative; }

#content-inner2 { background-color: #EFEFEF; padding: 10px; border: 1px solid #DDD; position:relative; }

#content { background-color: #FFF; }

#content2 { width: 500px; padding: 10px; border-right: 2px solid #EEE; border-left: 2px solid #EEE; margin: 0 auto; }

#content-list { margin-left: 25px; }
#content-list h3 { margin: 1em 0 0.5em; }
#content-list h4 { font-size: 14px; color: #5987B2; margin-top: 1em; }

#main-content { width: 430px; padding: 10px 30px; border-right: 2px solid #EEE; float: left; }
#main-content.big {border:none; float:none; width:672px;}
#main-content p { text-align: justify; margin: 1em 0; }
#main-content a { font-size: 12px; }

#news { width: 220px; padding: 20px 10px; border-left: 2px solid #EEE; margin-left: -2px; float: right; }
#news.big {float:none; overflow:hidden; width:712px;}
#news.big .news-piece {width:215px; float:left; padding:0px 10px;}
#news h2 { font-weight: normal; color: #669BCC; border-bottom: 1px solid #669BCC; }
/*#news*/ .news-piece { margin-top: 10px; }
#news .news-piece h3, .news-piece h2 { font-weight: normal; font-size: 13px; color: #669BCC; }
/*#news*/ .news-piece a { font-size: 12px; }
#link-archive {margin-top:10px}
#news.big #link-archive {clear:both; padding:10px 0px 10px 10px;}

.pagination { text-align: center; margin-top: 20px; }
.pagination a,
.pagination span { font-size: 12px; }

/* footer */

#footer-inner { background-color: #FFF; width: 754px; padding: 10px; margin: 0 auto; }

#footer-menu { background-color: #EFEFEF; text-align: center; padding: 5px; border: 1px solid #DDD; margin-bottom: 5px; } 

#footer-menu a { color: #333; text-decoration: none; text-transform: uppercase; }
#footer-menu a:hover { text-decoration: underline; }

#footer-valid { float: right; margin-top:5px; }
#footer-valid a { margin-left: 8px; }

#footer-copyright p { font-size: 10pt; color: #555; margin-top:10px; }

/* KONZULTANTI - detail */

.consultant-info { width: 100%; margin: 1em 0; }

.consultant-info-left { width: 147px; float: left; }
.consultant-info-left h2 { font-size: 12pt; font-weight: normal; color: #669BCC; }
.consultant-info-left div { font-size: 13px; line-height: 1.2; margin: 5px 0; }
.consultant-info-left p { font-size: 13px; line-height: 1.2; }
.consultant-info-left img { border: 1px solid #669BCC; }

.consultant-info-right { text-align: right; width: 300px; float: right; }
.consultant-info-right h3 { font-weight: normal; color: #669BCC; border-bottom: 1px solid #669BCC; margin-top: 10px; }
.consultant-info-right div { font-size: 11px; }
.consultant-info-right p { font-size: 11px; margin-top: 5px; }

/* REFERENCE */

#references { margin-left: 37px; }

#references .references-group { margin-bottom: 2em; }

.ref-item { width: 400px; padding: 0 10px; border-bottom: 2px solid #eee; border-left: 2px solid #eee; margin: 10px 0; }

.ref-img { text-align: center; width: 115px; min-height: 80px; padding-bottom: 10px; float: left; }
.ref-img img { width: 100px; }

.ref-name { width: 270px; padding-bottom: 10px; margin-left: 10px; float: left; }
.ref-name h2,
.ref-name h3 { font-size: 11pt; margin-bottom: 5px; }

.ref-bt-projekty { width: 105px; float: left;}
.ref-bt-studie { width: 135px; float: left; }

.ref-name-studie { width: 250px; padding-bottom: 10px; margin-left: 10px; float: left; }
.ref-name-studie h2,
.ref-name-studie h3 { font-size: 11pt; margin-bottom: 5px; }

.bt-projekty-detail { background-color: #669BCC; color: #FFF; text-transform: uppercase; width: 85px; padding: 5px 10px; display: block; }
.bt-projekty-detail:link,
.bt-projekty-detail:visited { color: #FFF; text-decoration: none; }
.bt-projekty-detail:hover { background-color: #ACC5E6; color: #333; text-decoration: none; height: 100%; }
.bt-studie-detail { background-color: #669BCC; color: #FFF; text-transform: uppercase; width: 115px; padding: 5px 10px; display: block; }
.bt-studie-detail:link,
.bt-studie-detail:visited { color: #FFF; text-decoration: none; }
.bt-studie-detail:hover { background-color: #ACC5E6; color: #333; text-decoration: none; height: 100%; }



/* REFERENCE - detail */

#ref-detail-left { text-align: right; width: 190px; padding-right:10px; float: left; }
#ref-detail-left img { width: 100px; }
#ref-detail-left h1 { font-weight: normal; padding-top: 20px; margin: 0; }
.case-studies #ref-detail-left h1 { padding-top: 0; }
#ref-detail-left a { font-size: 10pt; }

#ref-detail-right { width: 288px; padding-left: 10px; border-left: 2px solid #eee; float: right; }
#ref-detail-right h2 { font-size: 12pt; font-weight: normal; color: #669BCC; border-bottom: 1px solid #669BCC; }
#ref-detail-right div { font-size: 11px; line-height: 1.2; margin-top: 5px; }
#ref-detail-right p { font-size: 11px; line-height: 1.2; margin-top: 5px; }

/* ODKAZY */

#links { width: 350px; margin-left: 73px; }

.link-wrapper { text-align: right; padding-right: 10px; border-right: 2px solid #eee; border-bottom: 2px solid #eee; }
.link-wrapper a,
.link-wrapper a:link,
.link-wrapper a:visited,
.link-wrapper a:hover { font-size: 13px; font-weight: bold; text-decoration: none; }

/* KONTAKT */

#contact { padding: 10px; }
#contact h2,
#contact p,
#contact table { color: #333; }
#contact p,
#contact table,
#contact a { font-size: 12px; }
#contact p { text-align: justify; margin: 1em 0; }
#contact table { border-collapse: collapse; }
#contact table td { vertical-align: top; padding-bottom: 5px; }

/* ERROR */

#error { padding: 10px; }
#error a { font-size: 12px; }

/* univerzální seznam */

.list { padding: 0 5px 0 15px; margin-bottom: 1em; }

.list-headline h2,
.list-headline h3 { font-size: 13px; color: #5987B2; margin-top: 1em; }

/* univerzální třídy */

.hide { display: none; }

.align-r { text-align: right !important; }

#skvbar { margin:8px 0; }


/* kontaktni formular */
.contactH2 { padding-top:30px; }
#formular { margin:10px 0px 20px 00px; }
#formular .contact { border:none; }
#formular .contact ul { padding:0; }
#formular .contact li { background:none; margin:0; padding-bottom:5px; list-style:none; }
#formular input,
#formular textarea { border:#D9D9D9 solid 1px;  border-top:#8C8C8C solid 1px; background:white url(../images/input.png) repeat-x; padding:5px; width:260px; font-family:"Arial Regular", Arial, Helvetica, sans-serif; font-size:12px; }
#formular textarea { width:360px; }
#formular label { width:140px; color:#3C3C3C; display:block; float:left; padding-top:3px; font-weight:bold; }
#formular .contact  .obligatory { margin-left:140px; }
#formular .more { color:white; display:block; width:69px; height:27px; padding:4px 10px; text-align:center; border:none; cursor:pointer; background:#0065B1; margin-left:140px; }

/* chyby formulářů */
.errors,
.success { border:1px solid #860000; border-left:none; border-right:none; background-color:#FCB2B2; padding-top:1em; padding-bottom:1em; width:400px; padding-left:20px; margin-bottom:5px; }
.errors li,
.success li { color:#860000; font-weight:bold; list-style:disc; font-size:.9em; background:none; padding:0; }
.success { border-color:#017F00; background-color:#ACFFAC; color: #017F00; }
.success li { list-style-image:url(../images/accept.gif);color:#017F00;}

.sLista { padding:10px 0 0 0; font-size:11px; }
#container { }
#menu-inner2 { position:absolute; top:-54px; left:-1px; margin:0 auto; width:754px; }

#map-canvas {
  height:250px;
  margin-bottom:20px;
  width:100%;
}
.homepageMap {
  clear:both;
}
.homepageMap #map-canvas {
  height:400px;
  margin:0px auto;
  width:672px;
}
.homepageMap h2 {
  padding:10px 30px 5px 30px;
}
.homepageMap .submenu {
  background-color:#0065B1;
  list-style:none;
  margin:0px 0px;
  overflow:hidden;
  padding:0px 0px;
  width:100%;
}
.homepageMap .submenu li {
  border-right:1px solid #fff;
  float:left;
}
.homepageMap .submenu li a {
  color:#fff;
  display:block;
  float:left;
  height:30px;
  padding:7px 8px;
  text-align:center;
  text-decoration:none;
  width:64px;
}
.homepageMap .submenu li a:hover,
.homepageMap .submenu li.selected a {
  background-color:#669BCC;
}
.homepageMap .submenu li a.all {
  line-height:30px;
}

ul.projects {
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}
ul.projects .date {
  padding-right:10px;
}
h2 .date {
  color:#333;
  padding-right:5px;
  font-size:12pt;
}
.photogallery {
  margin:15px 0px;
  overflow:hidden;
  width:100%;
}
.photogallery .image {
  float:left;
  text-align:center;
  width:90px;
}
hr.clear {
  border:none;
  clear:both;
  display:block;
  height:1px;
  visibility:hidden;
}