/* -- ==================================================================== --
	 		        CSS styles
   -- ==================================================================== -- */
html, body, div, span, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, strong, h1, h2, h3, h4, h5, h6, p, blockquote, a, ul, li, fieldset,
form         { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0; }

ul, ol, li, h1, h2, h3, h4, h5   { margin:0px; padding:0px;}
li                { list-style-type:none; }
a                 { text-decoration:underline; font-weight: bold; color: #6C6D6F; cursor: pointer; }
a:hover           { text-decoration: none; }
p                 { margin:0; padding:0;}
table             { border-collapse: collapse; }
tr                { }
td                { border-bottom: 1px #eee solid}
table thead       { background: #eee;}
img               { border: none ;}
input[type="text"], input[type="password"], textarea {border: 1px solid #aaa;}
select            {}
textarea,input,select { font: 1em Arial,"Lucida Grande",Sans-Serif;}
form label        { font-weight: bold;}
h1                { color: #93c708; text-transform: uppercase; font-size:1.5em; padding-top:15px;padding-bottom:10px; font-weight: bold;}
h2                {}
h3                { font-weight: bold; font-size: 1em;}
h4                {}
h5                {}
h6                {}
strong            { font-weight: bold;}
body              { width:100%;  position:relative; text-align:center; font-family: Arial,"Lucida Grande", Sans-Serif; color:#3f4040; background: #fff url('images/body-bg.gif') repeat-x bottom left; margin: 0; font-size: 90%; behavior: url('./hover.htc');}

.cleaner          { visibility: hidden; clear: both; }
.hidden           { display: none; }
.error            { color:red; font-weight:bold; }

.ce_gallery table tr    { border:none}
/* -- ==================================================================== --
	 		        Page
   -- ==================================================================== -- */
#page-top        { position:absolute; top:0px; left:0px; width:100%; height:384px; background: #1C4993 url('images/header-bg.gif') repeat-x left top;}
/*
.prechod-left    { position: absolute; width:206px; height:300px;background: url('images/prechod-left.gif') repeat-y; top:384px; left:50%; margin-left:-459px;}
.prechod-right   { position: absolute; width:257px; height:300px;background: url('images/prechod-right.gif') repeat-y; top:384px; left:50%; margin-left:201px;}
*/
#wrapper         { width: 913px; font-size: 0.9em; text-align:left; margin: 0 auto; background: #fff ; position:relative; }  
/* -- ==================================================================== --
	 		        Header
   -- ==================================================================== -- */

#header                 { float:left; width:913px;  background: #fff; position:relative;}
.logo                   { float:left; width: 413px; height:83px; background: #1C4993 url('images/header-bg.gif') repeat-x; }
.logo strong            { float: left; position: relative; overflow: hidden; background-color: #1C4993; text-decoration: none;}
.logo strong, strong span { width: 307px; height: 69px; display: block; cursor: pointer; top:15px; }
.logo strong span       { position: absolute; left: 0; top: 0; z-index: 1; background: url('images/logo.gif') no-repeat;}      

.navigace               { width:500px; height:83px; float:left; background: #1C4993 url('images/header-bg.gif') repeat-x; font-size:0.9em; }
.navigace ul            { padding: 8px 0 0 345px;  }
.navigace li            { float:left; padding-left:5px;}
.navigace li.first      { padding: 0 5px 0 0px; border-right: 1px solid #F6F8FB;}
.navigace a             { color: #f6f8fb; text-decoration: none; font-weight: normal;}

.navpath-menu           { float:left; width:913px; height:51px; background: #fff url('images/navpath-menu-bg.gif') no-repeat; text-transform: uppercase; font-weight:bold; font-size:1.1em}
.navpath-menu a         { text-decoration: none;}
.navpath-menu ul        { padding-top:15px; padding-left:307px;}
.navpath-menu li        { float:left; padding: 0px 17px;}
.navpath-menu a:hover   { color:#93c708; text-decoration:none;}
.navpath-menu p         { color:#93c708;}

.navpath-menu-en           { float:left; width:913px; height:51px; background: #fff url('images/navpath-menu-bg.gif') no-repeat; text-transform: uppercase; font-weight:bold; font-size:1.1em}
.navpath-menu-en a         { text-decoration: none;}
.navpath-menu-en ul        { padding-top:15px; padding-left:307px;}
.navpath-menu-en li        { float:left; padding: 0px 13px;}
.navpath-menu-en a:hover   { color:#93c708; text-decoration:none;}
.navpath-menu-en p         { color:#93c708;}

.inside                    { position: static;}

/* Login */
#header .inside div#ie-fix                                                       { position: static !important;} /* IE fix for login*/

#header .mod_login                                                                       { overflow: visible; position: absolute; top: 54px; right: 0; z-index: 150;}
#header .formbody .label, #header .formbody input, #header .formbody .submit_container                   { float: left;}
#header .formbody .submit_container                                                      { margin-left: 10px;}
#header .formbody .label, #header .formbody p.login_info, #header .formbody input        { color: #6FA7FF;} 
#header .formbody:hover .label, #header .formbody:hover p.login_info, #header .formbody:hover input { color: #F6F8FB;}
#header .formbody .label                                                                 { margin: 2px 5px 0 0; font-weight: bold;}
#header .formbody input                                                                  { background-color: #153E81; border: 1px solid #6FA7FF;}
#header .formbody:hover input                                                            { border: 1px solid #F6F8FB;}
#header .formbody input#username                                                         { margin-right: 15px;}
#header .formbody input#username, #header .formbody input#password                               { width: 120px;}     
#header .formbody p.login_info                                                           { margin: 2px 5px 0 0; float: left; font-weight: bold;} 
#header .formbody p.error                                                                { line-height: 2em;}
                                       
 /* -- ==================================================================== --
	 		        Main
   -- ==================================================================== -- */ 
#main                  { width:875px; float:left; background-color: white; position: relative; min-height: 700px; border: 1px solid #E1E1E1; border-width:0 1px; padding:0 18px 30px;}
.img                   { float:left; width:874px; height:297px; background: #fff url('images/img-main.gif')  no-repeat; position:relative;}
.img span              { visibility:hidden;}

.menu                     { width:875px;  font-size:1.1em; position:relative; top: 10px; float:left; }
.menu li a                { text-decoration:none; text-transform: uppercase;}
.menu li a:hover          { color:#fff; text-transform: uppercase;}
.menu ul                  { width:875px; position:relative;   text-align: center; font-weight: bold;}

.menu li a                     { padding-top:7px;}
.menu li p                     { padding-top:7px; color: #fff; text-transform: uppercase;}
.menu li a.mosty               { float:left; width:184px; height:24px; display:block; background: url('images/menu-li-1.png') no-repeat;}
.menu li a.mosty:hover         { float:left; width:184px; height:24px; display:block; background: url('images/menu-li-1-hover.png') no-repeat;}
.menu li p.mosty               { float:left; width:184px; height:24px; display:block; background: url('images/menu-li-1-hover.png') no-repeat;}       
.menu li a.dopr-stavby         {  float:left; width:188px; height:24px; display:block; background: url('images/menu-li-2.png') no-repeat; position:absolute; left:171px; top:0px}
.menu li a.dopr-stavby:hover   {  float:left; width:188px; height:24px; display:block; background: url('images/menu-li-2-hover.png') no-repeat; position:absolute; left:171px; top:0px}
.menu li p.dopr-stavby         {  float:left; width:188px; height:24px; display:block; background: url('images/menu-li-2-hover.png') no-repeat; position:absolute; left:171px; top:0px}
.menu li a.inzenyr-stavby      { float:left; width:188px; height:24px; display:block; background: url('images/menu-li-3.png') no-repeat; position:absolute; left:345px;top:0px }
.menu li a.inzenyr-stavby:hover{ float:left; width:188px; height:24px; display:block; background: url('images/menu-li-2-hover.png') no-repeat;position:absolute; left:345px;top:0px}
.menu li p.inzenyr-stavby      { float:left; width:188px; height:24px; display:block; background: url('images/menu-li-2-hover.png') no-repeat;position:absolute; left:345px;top:0px}
.menu li a.diagnostika         { float:left; width:188px; height:24px; display:block; background: url('images/menu-li-4.png') no-repeat; position:absolute; left:519px; top:0px}
.menu li a.diagnostika:hover   { float:left; width:188px; height:24px; display:block; background: url('images/menu-li-2-hover.png') no-repeat;position:absolute; left:519px; top:0px}
.menu li p.diagnostika         { float:left; width:188px; height:24px; display:block; background: url('images/menu-li-2-hover.png') no-repeat;position:absolute; left:519px; top:0px}
.menu li a.konzultace          { float:left; width:182px; height:24px; display:block; background: url('images/menu-li-5.png') no-repeat; position:absolute; left:694px;top:0px}
.menu li a.konzultace:hover    { float:left; width:182px; height:24px; display:block; background: url('images/menu-li-5-hover.png') no-repeat;position:absolute; left:694px;top:0px}
.menu li p.konzultace          { float:left; width:182px; height:24px; display:block; background: url('images/menu-li-5-hover.png') no-repeat;position:absolute; left:694px;top:0px}

.menu-en                     { width:875px;  font-size:1.1em; position:relative; top: 10px; float:left; }
.menu-en li a                { text-decoration:none; text-transform: uppercase;}
.menu-en li a:hover          { color:#fff; text-transform: uppercase;}
.menu-en ul                  { width:875px; position:relative;   text-align: center; font-weight: bold;}
.menu-en li a                     { padding-top:7px;}
.menu-en li p                     { padding-top:7px; color: #fff; text-transform: uppercase;}
.menu-en li a.mosty               { float:left; width:184px; height:24px; display:block; background: url('images/menu-li-1.png') no-repeat;}
.menu-en li a.mosty:hover         { float:left; width:184px; height:24px; display:block; background: url('images/menu-li-1-hover.png') no-repeat;}
.menu-en li p.mosty               { float:left; width:184px; height:24px; display:block; background: url('images/menu-li-1-hover.png') no-repeat;}       
.menu-en li a.dopr-stavby         { font-size: .88em; float:left; width:188px; height:31px; display:block; background: url('images/menu-li-2.png') no-repeat; position:absolute; left:171px; top:0px}
.menu-en li a.dopr-stavby:hover   { font-size: .88em; float:left; width:188px; height:31px; display:block; background: url('images/menu-li-2-hover.png') no-repeat; position:absolute; left:171px; top:0px}
.menu-en li p.dopr-stavby         { font-size: .88em; float:left; width:188px; height:31px; display:block; background: url('images/menu-li-2-hover.png') no-repeat; position:absolute; left:171px; top:0px}
.menu-en li a.inzenyr-stavby      { font-size: .95em; float:left; width:188px; height:31px; display:block; background: url('images/menu-li-3.png') no-repeat; position:absolute; left:345px;top:0px }
.menu-en li a.inzenyr-stavby:hover{ font-size: .95em; float:left; width:188px; height:31px; display:block; background: url('images/menu-li-2-hover.png') no-repeat;position:absolute; left:345px;top:0px}
.menu-en li p.inzenyr-stavby      { font-size: .95em; float:left; width:188px; height:31px; display:block; background: url('images/menu-li-2-hover.png') no-repeat;position:absolute; left:345px;top:0px}
.menu-en li a.diagnostika         { float:left; width:188px; height:24px; display:block; background: url('images/menu-li-4.png') no-repeat; position:absolute; left:519px; top:0px}
.menu-en li a.diagnostika:hover   { float:left; width:188px; height:24px; display:block; background: url('images/menu-li-2-hover.png') no-repeat;position:absolute; left:519px; top:0px}
.menu-en li p.diagnostika         { float:left; width:188px; height:24px; display:block; background: url('images/menu-li-2-hover.png') no-repeat;position:absolute; left:519px; top:0px}
.menu-en li a.konzultace          { float:left; width:182px; height:24px; display:block; background: url('images/menu-li-5.png') no-repeat; position:absolute; left:694px;top:0px}
.menu-en li a.konzultace:hover    { float:left; width:182px; height:24px; display:block; background: url('images/menu-li-5-hover.png') no-repeat;position:absolute; left:694px;top:0px}
.menu-en li p.konzultace          { float:left; width:182px; height:24px; display:block; background: url('images/menu-li-5-hover.png') no-repeat;position:absolute; left:694px;top:0px}



#left                           { float:left; width:248px; background: #EEEEEF url('images/kontakty-i.gif') no-repeat; position:relative; margin-top:20px; color: #3f4040; padding: 30px 0 10px 0px; min-height: 310px;}
#left table td.data             { padding-left: 5px}
#left .obal                     { padding-left:45px;}
#left p                         { padding: 15px 0px 0 45px; font-weight:bold;}
#left object                    { margin:15px;}
#left tr                        { border:none;}      
#right                          { float:left; width:584px; background: #fff; margin: 20px 0 10px 30px; position:relative; text-align: justify; }
#right p                        { margin-top: 15px;}
#right .iso                     { text-align:right; margin: 10px 0;}

/* Comments - forms */
div.ce_comments div.form { margin: 15px 0 0 8px;}
div.ce_comments textarea { width: 400px; height: 120px;}
div.ce_comments div.widget { margin-bottom: 5px;}

/* Comments */
div.ce_comments                                     { margin-top: 15px;}
div.ce_comments .comment_default                    { border-style: solid; border-width: 1px 1px 1px 8px; padding: 2px 5px 5px; margin: 5px 0;}
div.ce_comments .comment_default div.info           { padding-bottom: 2px; border-bottom-width: 1px; border-bottom-style: dotted; font-weight: bold; margin-bottom: 5px;}
div.ce_comments .comment_default div.info span.date { font-size: 0.9em; font-style: italic; font-weight: normal;}
div.ce_comments .even                               { background-color: #F6FFE0; border-color: #9ED421;}
div.ce_comments .even div.info                      { color: #5D7B14; border-color: #5D7B14;}
div.ce_comments .even div.info a                    { color: #789F19;}
div.ce_comments .odd                                { background-color: #F7F7F7; border-color: #C0C0C0;}
div.ce_comments .odd div.info                       { color: #2F2F2F; border-color: #2F2F2F;}

.mosty-galerie td               { padding:10px 10px 0 0;}

#left .mod_customnav            { margin: 20px 0 0 50px; line-height: 1.5em; font-size: 1.1em; }
#left .mod_customnav a          { color: #3F4040; text-decoration: none; font-weight: normal; }
#left .mod_customnav p          { color: #93C708; padding: 0; }

 /* -- ==================================================================== --
	 		        Footer
   -- ==================================================================== -- */
#footer                        { width:913px; clear:both; text-align:right; margin: 0 auto; color: #676769; font-size:0.9em; background:  #D4D4CF url('images/footer-prechod.png') no-repeat top;}
#footer p                      { padding:10px 0px;}
#footer .inside                { float:left; margin-top:-25px;}
