/* CSS Document */

html {min-height: 100%;}


.left {
  float:left;
}
.right {
  float:right; 
}
a{
color: #01B0FF; text-decoration: none;
}

a:hover {text-decoration: underline; color: black }

a img {border: none;}

form, ul, ol, p {
  font-family:Arial,Tahoma;
  font-size:12px;
  margin:0px;
  line-height:1.6;
  }
body {
  color:black;
  font-family:Arial,Tahoma;
  font-size:12pt;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  margin:0pt;
  text-decoration:none;

  }
  
#container-page {
  margin:0 0 0 0;
  position:relative;
  text-align:left;
  width:980px;
  overflow:visible;

  
}

#container-top {
  display: block;
  color: white;
  background-color: #E4F7FE;;
  background-image:url(http://www.modec.cz/css/img/top_bg.jpg);
  background-position:left;
  background-repeat: no-repeat;
  font-size: 12px;
  padding: 0 20px;
  line-height: 42px;
  height:42px;
  width:910px; 
}
 
#container-top a {color: white;}
 
 
#container-head{
  background-image:url(http://www.modec.cz/css/img/head_bg.jpg);
  background-position:left;
  background-repeat:no-repeat;
  height:266px;
  width:702px;
} 

#container-top h1 {display: none;}

#container-top h2 {display: none;}

#container-head-page{
  /*background-image:url(http://www.modec.cz/css/img/head_bg_stranka.jpg);*/
  background-position:left;
  background-repeat:no-repeat;
  height:404px;
  width:703px;
} 
#container-head p{
  position: relative;
  top:87px;
  left:315px;
  width:334px;

}

#top_bg_right{
  width:18px;
  height:42px;
  position:absolute;
  background-image:url(http://www.modec.cz/css/img/top_bg_right.jpg);
  background-repeat:no-repeat;
  left:940px;
  top:0px;
}

#bg-info-right
{
  width:9px;
  height:78px;
  left:692px;
  top:-2px;
  position:absolute;
  background-image:url(http://www.modec.cz/css/img/info_bg_right.jpg);
  background-repeat:no-repeat;
}

#container-top-search{
  
  padding-top:12px;
  margin-right: 10px;
  float: right;
} 

#container-top-search input{
  border:1px solid #7F99A7;
  height:17px;
  width:135px; 
}

#container-top-search a{
  font-size:12px;
  color: #01B0FF;
}

#container-top-search span{
  margin-left:4px;
 }

#container-top-search span img{
  
}

#container-info, #container-info-d, #container-info-e{
  position:absolute;
  top:307px;
  left:0px;
  background-image:url(http://www.modec.cz/css/img/info_bg.jpg);
  background-repeat:no-repeat;
  width:100%;
  height:394px;
}

#container-info-d {background-image:url(http://www.modec.cz/css/img/info_bg_de.jpg);}

#container-info-e {background-image:url(http://www.modec.cz/css/img/info_bg_en.jpg);}

#container-info-page{
  position:absolute;
  top:307px;
  left:0px;
  width:100%;
  height:394px;
}
#container-info-page img{
  margin-left:6px;
}
#container-info-page p{
  padding-left:7px;
  margin-top:20px;
}
#info_button1,#info_button2{
  display: block;
  position: absolute;
  background-image:url(http://www.modec.cz/css/img/trans_pixel.gif);
  background-repeat:no-repeat;
  cursor: pointer;
  height:88px;
  top:1px;
}
#info_button1{
  width:164px;
  left:363px;
}
#info_button2{
  width:170px;
  left:529px;
}
#container-info-top{
  position: absolute;
  top:30px;
  left:730px;
  width:220px;
  
}
#container-info-top p{
  margin-left:6px;
  margin-bottom:40px;
}

#container-info-top-logo
{
  position: absolute;
  top:760px;
  left:740px;
  background-image:url(http://www.modec.cz/css/img/info_logo.jpg);
  background-repeat:no-repeat;
  width:208px;
  height:183px;
}

#container-info-top-logo-flash
{
  position: absolute;
  top:550px;
  left:730px;
  width:208px;
  height:183px;
}



#container-info-top-page{
position: absolute;
  top:230px;
  left:30px;
  background-image:url(http://www.modec.cz/css/img/info_logo_page.jpg);
  background-repeat:no-repeat;
  width:218px;
  height:195px;
}

#container-info-top-logo-page
{
  position: absolute;
  top:58px;
  left:691px;
  background-image:url(http://www.modec.cz/css/img/info_bg_top_page.jpg);
  background-repeat:no-repeat;
  width:11px;
  height:184px;
}


#container-info-down, #container-info-down-d, #container-info-down-e{
  position: absolute;
  top:394px;
  left:0px;
  background-image:url(http://www.modec.cz/css/img/info_bg_down.jpg);
  background-repeat:no-repeat;
  width:236px;
  height:255px;
}

#container-info-down-d {background-image:url(http://www.modec.cz/css/img/info_bg_down_de.jpg);}
#container-info-down-e {background-image:url(http://www.modec.cz/css/img/info_bg_down_en.jpg);}

#footer-logo{
  position: relative;
  top:26px;
  left:655px;
  background-image:url(http://www.modec.cz/css/img/footer_logo.jpg);
  background-repeat:no-repeat;
  width:301px;
  height:25px;
  
}


#container-main{
  position: absolute;
  top:700px;
  width:690px;

}
#container-main-page{
  position: absolute;
  top:32px;
  width:690px;

}

#container-content{
  margin-left:258px;
  padding-bottom:120px;
}

#container-content-page{
  width:466px;
  margin-left:208px;
  padding-bottom:120px;
  min-height:530px;
}

.container-content-page-row{
  width:100%;
  height:20px;
  border-top: 1px #D9E9F1 solid;
  margin-top:20px;
  margin-left:3px;
  
}

#container-content-title{
  width:420px;

}

.title {
  position:relative;
  top:-12px;
}

#container-content p{
  width:350px;
  margin-top:40px;
  margin-bottom:45px;
}

.container-content-list1{
  float:left;
  width:230px;
}


.container-info-top a,.container-content-list1 a,.container-content-list2 a{
  color: #01B0FF;
  text-decoration: none;
}

.container-info-top a:hover,.container-content-list1 a:hover,.container-content-list2 a:hover{
  color: black;
  text-decoration: underline;
}
.container-info-top li, .container-content-list1 li,.container-content-list2 li{
  list-style-image:url('http://www.modec.cz/css/img/point1.gif')
}
.container-info-top li:hover, .container-content-list1 li:hover,.container-content-list2 li:hover{
  list-style-image:url('http://www.modec.cz/css/img/point2.gif')
}

.container-info-top ul,.container-content-list1 ul,.container-content-list2 ul{
  padding-left: 20px;
}

#container-content-down
{
  position:absolute;
  bottom:96px;
  left:691px;
  background-image:url(http://www.modec.cz/css/img/info_bg_down_down.jpg);
  background-repeat:no-repeat;
  width:10px;
  height:164px;
}

#footer{
  position:absolute;
  bottom:70px;
  border-top:solid 1px #01B0FF;
  width:970px;
  padding-top:00px;
}

#footer p{
  position:absolute;
  left:0px;
  width:600px;
  font-size:11px;
  margin-left:20px;
  color:#7F7F7F;
}

#footer a{
  text-decoration: none;
}
#footer a:hover{
  text-decoration: underline;
}
#menu_hor1,#menu_hor2,#menu_hor3,#menu_hor4,#menu_hor5{
  display: block;
  position: absolute;
  background-image:url(http://www.modec.cz/css/img/trans_pixel.gif);
  background-repeat:no-repeat;
  cursor: pointer;
  height:41px;
  top:0px;
} 
#menu_hor1{
  width:100px;
  left:0px;
}
#menu_hor2{
  left:102px;
  width:176px;
} 
#menu_hor3{
  left:280px;
  width:166px;
} 
#menu_hor4{
  left:447px;
  width:85px;
} 
#menu_hor5{
  left:533px;
  width:168px;
} 

#menu_vert, #menu_vert-d, #menu_vert-e{
  width:254px;
  height:234px;
  position:absolute;
  background-image:url(http://www.modec.cz/css/img/menu_bg.jpg);
  background-repeat:no-repeat;
  text-indent: -1000px;
  left:702px;
  top:35px;
}

#menu_vert-d{
  background-image:url(http://www.modec.cz/css/img/menu_bg_de.jpg);
}

#menu_vert-e{
  background-image:url(http://www.modec.cz/css/img/menu_bg_en.jpg);
}

#menu_vert2{
  position:absolute;
}

#menu_vert2-page{
  position:relative;
  top:-138px;
}
#menu_vert21,#menu_vert22,#menu_vert23,#menu_vert24,#menu_vert25,#menu_vert26,#menu_vert27,#menu_vert28,#menu_vert29{
  display: block;
  cursor: pointer;
  /*background-image:url(http://www.modec.cz/css/img/trans_pixel.gif);*/
  width:165px;
  position:absolute;
  /*background-repeat:no-repeat;*/
  left:786px;
}

#menu_vert21{
  height:35px;
  top:-248px;
}
#menu_vert22{
  height:22px;
  top:-213px;
}

#menu_vert23{
  height:21px;
  top:-191px;
}
#menu_vert24{
  height:23px;
  top:-171px;
}
#menu_vert25{
  height:21px;
  top:-149px;
}
#menu_vert26{
  height:23px;
  top:-128px;
}
#menu_vert27{
  height:21px;
  top:-106px;
}
#menu_vert28{
  height:22px;
  top:-85px;
}
#menu_vert29{
  height:24px;
  top:-63px;

}

#menu_vert11,#menu_vert12,#menu_vert13{
  width:45px;
  height:45px;
  position:absolute;
  left:38px;
  cursor: pointer;
  display: block;
  }
#menu_vert11{
  background-image:url(http://www.modec.cz/css/img/trans_pixel.gif);
  background-repeat:no-repeat;
  top:25px;
}  
#menu_vert12{
  background-image:url(http://www.modec.cz/css/img/trans_pixel.gif);
  background-repeat:no-repeat;
  top:71px;
} 
#menu_vert13{
  background-image:url(http://www.modec.cz/css/img/trans_pixel.gif);
  background-repeat:no-repeat;
  top:117px;
} 
.imgbox
{
  float:left;
}

.bold
{
  font-weight: bold;
}

.italic
{
  font-style: italic;
}

h1{
font-size: 150%;
}

h2{
font-size: 12pt;
margin-left: 7px;
font-style:normal;
}

h3{
font-size: 12px;
font-style: normal;
margin-left: 7px;
}

.inner {
  font-family:Arial,Tahoma;
  font-size:12px;
    line-height:1.6;
    min-height: 540px;
}

.inner .imgbox-left {
  float: left;
  margin: 5px 15px 5px 0;
  padding: 0 0 0 0;
}

.inner .imgbox-right {
  float: right;
  margin: 5px 0 5px 15px;
  padding: 0 0 0 0;
}

.inner .imgbox-center {
  text-align: center;
  margin: 20px 0 0 0;
  padding: 0 5px 5px 0px;
}

.inner p{
text-align: justify;
}

.inner p.left{
text-align: left;
}

.inner p.right{
text-align: right;
}

.inner p.center{
text-align: center;
}

.inner blockquote{
margin: 20px 6px 5px 6px;
padding: 5px;
background: #DEF4FF;
text-align: justify;
}

.inner table {
  margin: 20px 6px 5px 6px;
  border: 1px solid #888888;
  border-collapse: collapse;
  width: 80%
}

.inner table.frm {
  margin: 20px 6px 5px 6px;
  border: none;
  width: 90%
}

.inner td,th {
  border: 1px solid #888888;
}

.inner table.frm td,th {
  border: none;
}

li.m-active, li.m-active a {
  font-weight: bold;
}

.inner a.rightLink {margin-top: 10px; display: block; width: 50px; height: 30px; line-height: 30px; float: right;}
.inner a.rightLink2 {margin-top: 10px; display: block; width: 30px; height: 30px; float: right; margin-right: 15px;}

/* news */
#container-info-page #container-main-page .inner .imageLeft p {margin: 0;}
.imageLeft {float: left; width: 220px; text-align: left; margin: 5px  5px 0 6px;
            background: url('/css/img/news-leftarrow.gif') no-repeat 196px 0px}
#container-info-page #container-main-page .inner .imageLeft img {margin-left: 0;}

/* bubble 1 - dashed */
#container-info-page #container-main-page .inner .imageLeft .bubbleDashTop {
    width: 204px; margin: 5px 0 0 0; padding: 0; height: 28px;
    background: transparent url('/css/img/news-bub1top.gif') no-repeat top left;}
#container-info-page #container-main-page .inner .imageLeft .bubbleDashMedium {
    width: 180px; margin: 0; padding: 0;
    padding: 5px 25px 5px 15px; color: black; line-height: 1.4;
    background: transparent url('/css/img/news-bub1medium.gif') repeat-y top left;}
#container-info-page #container-main-page .inner .imageLeft .bubbleDashBottom {
    width: 204px; margin: 0 0 5px 0; padding: 0; height: 11px;
    background: transparent url('/css/img/news-bub1bottom.gif') no-repeat top left;}

/* normal flow */
#container-info-page #container-main-page .inner blockquote h4 {font-size: 12px; font-weight: normal; margin: 0; padding: 2px;}
.divider {margin: 5px 0; border-bottom: 1px solid #C1C2C5;}
#container-info-page #container-main-page .inner .redStar {
    position: absolute; width: 102px; height: 102px; background: transparent url('/css/img/news-star.png') top left no-repeat;
    padding: 27px 0; font: bold 10px sans-serif; color: white; text-align: center;
    top: -35px; left: 350px;}
#container-info-page #container-main-page .inner p.newsText {margin: 0 0 0 25px; padding: 33px 0 0 0; line-height: 1.4}

/* bubble 2 - filled up */ 
#container-info-page #container-main-page .inner .bubbleFill {
    float: right; width: 213px; margin: 15px 15px 0 0; padding: 0;}
#container-info-page #container-main-page .inner .bubbleFill .bubTop {
    width: 213px; height: 7px; background: transparent url('/css/img/news-bub2top.gif') no-repeat top left;}
#container-info-page #container-main-page .inner .bubbleFill .bubBottom {
    margin: 0; width: 213px; background: #0D1F3F url('/css/img/news-bub2bottom.gif') no-repeat bottom left;
    min-height: 80px; color: white; }
#container-info-page #container-main-page .inner .bubbleFill .bubBottom p {
    padding: 5px 12px 10px 12px; margin: 0; line-height: 1.4; text-align: left; font-size: 14px}    
        
/* news star to the right */
#container-info-top #newsStar {float: left; width: 50px; height: 50px; 
    background: transparent url('/css/img/news-new.gif') no-repeat top left;
    margin: 7px 5px; }

#container-info-top p.newsList {color: #666}
#container-info-top p.newsList .date {color:  #01B0FF}
#container-info-top p.newsList a {color:  black; text-decoration: none;}
#container-info-top p.newsList a:hover, #container-info-top p.newsList a:active
    {text-decoration: underline} 

/* services rightpane */
#container-content-page ul.rightPanel,
#container-content .inner ul.rightPanel
 {position: absolute; padding: 5px 0 5px 0; top: 0; left: 170px; width: 180px; visibility: hidden; font-weight: normal;
  background: #f0f0f0;}

#container-content-page ul.rightPanel li,
#container-content .inner ul.rightPanel li {
padding-left: 30px; color: #666; list-style-type: none; list-style-image: none; background: url('/css/img/sede_kolecko.gif') 10px 3px no-repeat
}

#container-content-page li.m-active ul.rightPanel li a,
#container-content .inner li.m-active ul.rightPanel li a,
#container-content .inner li.m ul.rightPanel li a,
#container-content-page li.m ul.rightPanel li a
 {font-weight: normal; color: #666;}

table.fotogalerie {border: none; }
table.fotogalerie td {border: none; }

.onephoto {width: 90px; float: left; margin: 5px 10px 5px 10px;}
img.photoS {border: 5px solid #dff3fc;}

#container-info-page p.noMargin {margin: 0 2px; padding: 3px 0 10px 0;}
#fototop h4.spec {margin: 6px 2px 0px 2px; padding: 3px 5px; background: #def4ff; font-size: 13px; font-weight: normal; color: #666}

/* photogallery client interface */
#photogalList img.photoLeft {float: left; border: 5px solid #dff3fc; margin: 0 15px 0 0;}
#photogalList h4 {text-transform: uppercase; margin: 15px 0 0 0; padding: 0; font: normal 12px sans-serif;}
#photogalList p {margin: 0; padding: 5px 0; color: #666; font: normal 10px sans-serif}
#photogalList ul {margin: 0 0 0 110px; padding: 3px 0; line-height: 1.5; color: #666; background: #f0f0f0; width: 190px}
#photogalList li {padding-left: 30px; color: #666; list-style-type: none; list-style-image: none; background: url('/css/img/sede_kolecko.gif') 10px 2px no-repeat}
#photogalList li  a{color: #666}
#photogalList .divider {clear: both; height: 1px; margin: 5px 0 20px 0; border: none}


/* photo header */
#photoHead {width: 300px; height: 25px; line-height: 25px; background: white; border-bottom: 2px solid #4d93d0;
    margin-bottom: 20px;}
#photoHead a.pmenu {display: block; float: left; width: 150px; text-align: center;
    height: 20px; padding-top: 5px; margin: 0; background: white; font: normal 14px sans-serif;
    color:  #4d93d0;}
#photoHead a.pmenu.active {background: #4d93d0; color: white}    

/* photogallery */
#detailbigimg {background-color: black;}
#detailbigimgPANE {opacity: 1; position: relative; z-index: 400; background: white;}
#detailbigimgINNER {position: absolute; z-index: 500; cursor: pointer;}
#loadingPane {background: transparent url('/css/img/loadingAnimation.gif') no-repeat center center; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 10000}
#sipkaRight, #sipkaLeft {text-decoration: none; display: block; position: absolute; width: 30px; height: 30px; margin: 0; z-index: 600; }
#sipkaLeft {background: transparent url('/css/img/sipka-left.png') no-repeat top left;}
#sipkaRight {background: transparent url('/css/img/sipka-right.png') no-repeat top left;}
#detailbigimgBOTTOM {display: block; height: 45px; position: absolute;  z-index: 600; margin: 0; text-align: center;}
#detailbigimgBOTTOM p {margin: 5px 0 0 0; padding: 0; height: 25px; line-height: 25px; font: normal 12px sans-serif; color: #01B0FF;}
#detailbigimgBOTTOM h4 {margin: 0 0 0 0; padding: 0; height: 10px; line-height: 10px; font: normal 10px sans-serif; color: #aaa;} 

#container-top a {padding: 0 2px;}