@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; }

h2 { font-size: 14pt; }

h3 { font-size: 12pt; }

h4 { 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 0; 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; }

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

#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 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 h2 { font-weight: normal; color: #669BCC; border-bottom: 1px solid #669BCC; }
#news .news-piece { margin-top: 10px; }
#news .news-piece h3 { font-weight: normal; font-size: 13px; color: #669BCC; }
#news .news-piece a { 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 h3 { margin-top: 1em; }

.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: 1px; padding-bottom: 10px; float: left; }
.ref-img img { width: 100px; }

.ref-name { width: 170px; padding-bottom: 10px; margin-left: 10px; float: left; }
.ref-name h4 { 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 h4 { 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 h2 { font-weight: normal; padding-top: 20px; }
#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 h3 { 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: 0; }

.list-headline { font-size: 13px; color: #5987B2; }

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

.hide { display: none; }

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

#skvbar { margin:8px 0; }