/* layout.css */

html, body, p, h1, h2, h3, table, div, span, strong, ul, li, img, a, hr, object, embed {

  margin: 0;padding: 0;border: 0;

}



body {
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  background-color: #FFF;
  text-align: center;
}



#line {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  height: 100px;
  border-bottom: 2px solid #0071b5;
  z-index: 1;
  
  display: none;
}



#box {
  position: relative;
  margin: 0 auto;
  width: 970px;
  height: auto;
  background-color: #FFF;
  z-index: 80;
  margin-bottom: 50px;
}



#header {
  position: relative;
  background: url('../img/header.jpg') left #6585ae no-repeat;
  width: 100%;
  height: 86px;
  margin-bottom: 2px; padding: 0;
  
  display: none;
}



#header a {
  position: absolute;
  right: 10px;
  bottom: 7px;
  color: #FFF;
  text-decoration: none;
  font: normal 1.5em 'Arial';
  text-align: right;
}



/* ********************************************** */

#menu {
  width: 970px;
  height: 28px;
  line-height: 28px;
  border-top: 2px solid #fcad1d;
  background-color: #ebebeb;
  text-align: center;
  
  display: none;
}



#menu ul {
  list-style: none;
  margin: 0 auto;
  display: none;
}



#menu li {
  position: relative;
  display: inline;
  z-index: 99;
  display: none;
}



#menu li a,#menu li span {
  color: #0071b5;
  font: bold 12px 'Trebuchet MS';
  text-decoration: none;
  margin: 0 0;
  padding: 5px 10px 5px 27px;
  display: none;
}

#menu li a:hover,#menu li span:hover { background: url('../img/menu_hover.gif') left transparent no-repeat; color: #F93; }



#menu ul li ul{
  position: absolute;
  left: 0;
  display: block;
  visibility: hidden;
  background-color: #ebebeb;
  padding: 0;
  margin-left: 30px;
  text-align: left;
  display: none;
}





#menu ul li ul li {
  padding: 0;
  width: 100px;
  min-width: 100px;
  height: 20px;
  display: list-item;
  float: none;
  text-align: left;
  padding: 0;
  margin: 0;
  display: none;
}
body[class] #menu ul li ul li { width: auto; }

#menu ul li ul li a {
  text-align: left;
  display: block;
  font: bold 0.7em 'Trebuchet MS';
  color: #F93;
  padding: 2px 5px;
  margin: 0;
  display: none;

}

#menu ul li ul li a:hover{ background-image: none; color: #0071b5;  background-color: #EEE; }



/* ********************************************** */



#content {
  position: relative;
  width: 100%;
  height: 500px;
  min-height: 500px;
  background-color: #FFF;
  border-bottom: 5px solid #CCC;
  margin-top: 30px;
  padding-bottom: 10px;
  z-index: 20;
  text-align: left;
  font: normal 11px/1em 'Trebuchet MS';
}

body[class] #content { height: auto; }


/* ********************************************** */



#footer {
  position: relative;
  clear: both;
  width: 950px;
  height: 28px;
  background-color: #CCC;
  border-top: 3px solid #FFF;
  color: #069;
  text-align: left;
  font: bold 0.7em 'Trebuchet MS';
  line-height: 28px;
  padding: 0 10px;
  
  display: none;
}



.footer_submit {
  background: url('../img/footer_submit_bg2.gif') no-repeat;
  border: 0;
  width: 30px;
  padding: 0 5px;
  cursor: pointer;
  
  display: none;
}


#footer form { display: inline; padding: 0 0 0 30px; display: none;}

#footer #company { 
  text-transform: uppercase;
  height: 20px;
  float: right;
  padding: 0 30px 3px 30px;
  display: none;
}
#footer #company b { font: bold 1.2em Arial;padding: 2px; }

#footer a#mapa_stranek { 
  height: 18px;
  text-decoration: none;
  color: #069;
  display: none;
}
#footer a#mapa_stranek:hover { color: #099; }

#footer a#poslat_odkaz { 
  height: 18px;
  text-decoration: none;
  color: #069;
  display: none;
}
#footer a#poslat_odkaz:hover { color: #099; }

#footer a#tisknout { 
  height: 18px;
  text-decoration: none;
  color: #069;
  display: none;
}
#footer a#tisknout:hover { color: #099; }

.text_input {
  border: 1px solid #CCC;
  width: 80px;
}

/* ********************************************** */

#cleaner {
  clear: both;
  width: 100%;
  height: 1px;
}



/*  uvodka  */

#message {
  width: 190px;
  height: auto;
  float: right;
  text-align: left;
}

#message h3 {
  color: #347AAB;
  font: bold 1.3em 'Trebuchet MS';
}

#message div {
  margin: 3px 0;
  border: 1px solid #9CF;
  background-color: #EBF3FE;
  font: normal 1em 'Trebuchet MS';
  color: #666;
  text-align: justify;
  width: 188px;
}

#message div p {
  border: 0;
  width: auto;
  padding: 0 10px;
  margin: 0;
  line-height: 1.3em;
  text-align: left;
}

#message div span {
  float: right;
  padding-right: 5px;
}

#message div h4 {
   font: bold 1.2em 'Trebuchet MS';
   color: #333;
   padding:0 0 0 10px;
   margin: 25px 0 5px 0;
}


#news1, #news2, #news3 {
  width: 203px;
  height: auto;
  position: absolute;
  top: 0;
  text-align: left;
  padding-right: 27px;
  border-right: 1px dashed #CCC;
}


#news1 h3, #news2 h3, #news3 h3 {
  color: #347AAB;
  font: bold 1.3em 'Trebuchet MS';
  z-index: 50;
}

#news1 h4, #news2 h4, #news3 h4 {
  color: #333;
  font: bold 1.3em 'Trebuchet MS';
  z-index: 50;
  margin: 0 0 10px 0;
}

#news1 div, #news2 div, #news3 div {
  margin: 3px 0;
  border: 1px solid #FDAF17;
  background-color: #FFF3DD;
  font: normal 1em/1.2em 'Trebuchet MS';
  color: #666;
  text-align: left;
  padding: 10px;
  width: 181px;
  height: 100px;
}

#news1 img, #news2 img, #news3 img {
  margin:  0 0 1px 0;
}

#news1 div p a, #news2 div p a, #news3 div p a {
  text-decoration: none;
  color: #666;
}

#news1 div p a:hover, #news2 div p a:hover, #news3 div p a:hover {
  text-decoration: underline;
}

#news1 div span, #news2 div span, #news3 div span  {
  float: right;
}

#news1 div span a, #news2 div span a, #news3 div span a {
  text-decoration: none;
  font-weight: bold;
  color: #666;
}

#news1 div span a:hover, #news2 div span a:hover, #news3 div span a:hover {
  color: #000;
}

#news1 { left: 0px; }

#news2 { left: 260px; }

#news3 { left: 520px; }



#big_news {
  width: 735px;
  height: auto;
  position: relative;
  top: 310px;
  left: 0;
  
}



#big_news img { float: left; padding-right: 20px; }


#big_news h1 {
  color: #347AAB;
  font: bold 1.4em 'Trebuchet MS';
  margin: 3px 0 14px 0;
  text-transform: capitalize;
}

#big_news h2 {
  color: #333;
  font: bold 1.3em 'Trebuchet MS';
  
  margin: 0 0 14px 0;
}

#big_news span {
  color: #999;
  font: bold 1em 'Trebuchet MS';
  float: right;
}
 
#big_news p { 
  padding-left: 320px;
  font: normal 1em/1.1em 'Trebuchet MS';
  color: #666;
  text-align: left;
}

#big_news span a{
  color: #666;
  text-decoration: none;
  font: bold 1em 'Trebuchet MS';
}

#big_news p a{
  color: #666;
  text-decoration: none;
}

#big_news span a:hover{
  color: #000;
  text-decoration: underline;
  font: bold 1em 'Trebuchet MS';
}

#big_news p a:hover{
  color: #666;
  text-decoration: underline;
}


/* SPOLECNOST */
/*------------------------------*/
#spolecnost h1{
  color: #0071b5;
  font: bold 2em 'Trebuchet MS';
  padding-left: 10px;
}

#spolecnost h3{
  
 font: bold 1.1em 'Trebuchet MS';
}

#spolecnost p{
  font: normal 1em 'Trebuchet MS';

  color: #666;
}


#spolecnost div.modry{
  border: 1px solid #9CF;

  background-color: #EBF3FE; 
  
  padding: 5px; 
}

#spolecnost div.vpravo{
  border: none;

  text-align: right;  
   
}

#spolecnost td.sloupec{
  width: 220px; 
  border-right: 1px dashed #CCC;
  padding-right: 25px;
  padding-left: 25px;

}

#spolecnost td.sloupec-prvni {
  width: 220px;
  border-right: 1px dashed #CCC;
  padding-right: 25px;
  padding-left: 0px;  
}

#spolecnost td.sloupec-ctvrty {
  width: 220px;
  padding-right: 0px;
  padding-left: 25px;  
}

.obr_par {
  padding-bottom: 30px;
}


.policko{
  width: 177px;
}

.policko-male{
  width: 55px;
}

.policko-stredni{
  width: 109px;
}

div .modry-nadpis{

}

/* HISTORIE */
/*------------------------------*/
#historie h1{
  color: #0071b5;
  font: bold 2em 'Trebuchet MS';
  padding-left: 10px;
}

#historie h3{
  color: #0071b5;
  padding: 10px 0 10px 0;
  font: bold 1.1em 'Trebuchet MS';
}

#historie p{
  font: normal 1em 'Trebuchet MS';

  color: #666;
}


#historie div.modry{
  border: 1px solid #9CF;

  background-color: #EBF3FE; 
  
  padding: 5px; 
}

#historie div.vpravo{
  border: none;

  text-align: right;  
   
}

#historie td.sloupec{
  width: 220px; 
  border-right: 1px dashed #CCC;
  padding-right: 25px;
  padding-left: 25px;

}

#historie td.sloupec-prvni {
  width: 220px;
  border-right: 1px dashed #CCC;
  padding-right: 25px;
  padding-left: 0px;  
}

#historie td.sloupec-ctvrty {
  width: 220px;
  padding-right: 0px;
  padding-left: 25px;  
}

#historie td.sloupec-ctvrty div.modry img{
  padding-top: 15px;
  padding-bottom: 5px;   
}

#historie td.sloupec-ctvrty div.modry{  
  text-align: center; 
}

/* KONCERN */
/*------------------------------*/
#koncern h1{
  color: #0071b5;
  font: bold 2em 'Trebuchet MS';
    padding-left: 10px;
}

#koncern h3{
  
 font: bold 1.1em 'Trebuchet MS';
}

#koncern p{
  font: normal 1em'Trebuchet MS';

  color: #666;
}

#koncern div.modry{
  border: 1px solid #9CF;

  background-color: #EBF3FE; 
  
  padding: 5px; 
}

#koncern div.vpravo{
  border: none;

  text-align: right;  
   
}

#koncern td.sloupec-prvni {
  width: 220px;  
  padding-right: 25px;
  padding-left: 0px;  
}

#koncern td.sloupec-druhy{
  width: 220px; 
  border-right: 1px dashed #CCC;
  border-left: 1px dashed #CCC;  
  padding-left: 25px;
  padding-right: 25px;

}

#koncern td.sloupec-treti{
  width: 220px; 
  border-right: 1px dashed #CCC;  
  padding-left: 25px;
  padding-right: 25px;

}

#koncern td.sloupec-ctvrty {
  width: 205px;
  padding-right: 0px;
  padding-left: 25px;  
}

#koncern td.sloupec-ctvrty img {margin-bottom: 2px;border: 0; }


/* OTHERS */

/* **************** produkty ****************** */
#content_menu {  width: 220px;  height: auto;  color: #1B6AA2;  text-align: left;  float: left;
/*border: 1px black solid;*/
}
#content_menu div{  width: 100%;  height: auto;  margin-bottom: 20px;  border: 1px solid #fcad1d;  background-color:#fff3dd;  color: #1B6AA2;  text-align: left;}
#content_menu h3 {  width: 200px;  height: 20px;  background-color: #fcad1d;  text-transform: uppercase;  font: bold 1em/2.2em 'Arial';  color: #FFF;  border: 1px solid #fcad1d;  padding: 4px 0 4px 20px;  margin-bottom: 3px;}/* kalendar */
#content_menu2 {  clear: both;  width: 220px;  height: auto;  margin-bottom: 20px;  color: #1B6AA2;  text-align: left;}
#content_menu2 div{  width: 100%;  height: auto;  margin-bottom: 20px;  border: 1px solid #ebebeb;  background-color: #FFF;  color: #1B6AA2;  text-align: left;}
#content_menu2 h3 {  width: 200px;  height: 20px;  background-color: #ebebeb;  text-transform: uppercase;  font: bold 1em/2.2em 'Arial';  color: #18699e;  border: 1px solid #ebebeb;  padding: 4px 0 4px 20px;  margin-bottom: 3px;}
/* clanky, informace */
#content_menu p,#content_menu2 p {   display: block;  color: #666;  text-decoration: none;  font: normal 1em 'Trebuchet MS';  text-transform: capitalize;  padding: 0 10px 5px 10px;}
#content_menu span,#content_menu2 span {   display: block;  color: #333;  text-decoration: none;  font: bold 1em 'Trebuchet MS';  padding: 15px 10px 0 10px;}
#content_menu a.more,#content_menu2 a.more {   display: block;  float: right;  color: #333;  text-decoration: none;  font: bold 1em 'Trebuchet MS';  text-transform: capitalize;  padding: 0 10px 5px 10px;}
#content_menu a.more:hover,#content_menu2 a.more:hover {   color: #fcad1d; }
/* menu v produktech: */
#content_menu ul,#content_menu2 ul { list-style-type: none;padding: 0 0 5px 15px; }
#content_menu li, #content_menu2 li { padding: 3px 0; }
#content_menu ul a,#content_menu2 ul a {   display: block;  color: #186aa2;  text-decoration: none;  font: bold 1.1em 'Trebuchet MS';  padding: 0;}

#content_menu ul a span, #content_menu2 ul a span{   display: inline;  padding: 0;  color: #fff3dd;  font-size: 1.2em;}
#content_menu a:hover, #content_menu2 a:hover { color: #333; }
#content_menu a:hover span,#content_menu2 a:hover span { color: #333;}
/* strankovani: */
#content_menu div div.pagging,#content_menu2 div div.pagging {  position: relative;  width: 140px;  height: 15px; /* bylo 30 */  border: 0;  }
#content_menu div .pagging a.toleft,#content_menu2 div .pagging a.toleft {  position: absolute;  top: 8px;  left: 10px;}
#content_menu div .pagging a.toright,#content_menu2 div .pagging a.toright {  position: absolute;  top: 8px;  left: 55px;}
#content_menu div .pagging span,#content_menu2 div .pagging span  {  height: 15px;  display: inline;  position: absolute;  top: 5px;  left: 30px;  padding: 0;  color: #333;  font: normal 1.2em 'Trebuchet MS';}/* hlavicka pod kterou se dal pozicuji boxy */

#content_header {  position: relative;  width: 460px;  height: auto;  padding: 0 35px;   text-align: left;  margin: 0 0 20px 220px;    color: rgb(79,79,79);  font: normal 1.1em 'Trebuchet MS'; }/* cely blok - bez hlavicky -sirsi */

#content_part {  position: relative;  height: auto;  width: 455px;  padding: 0 30px;   text-align: justify;   color: #333;  font: normal 1.1em 'Trebuchet MS'; 
/*border: 1px black solid;
sirka byla 455
padding byl 0 30
*/
}

#content_part img.article {  padding: 10px 0;  margin:  0;}
#content_part div.perex {
  text-align: left;
  font-size: 1em;
  color: #666;
  padding: 5px 0;
}

#content_text_part p.perex {
  
  font-size: 1.1em;
  color: #666;
  font-weight: bold;
  padding: 5px 0;
}
/*#content_left
 

{  position: relative;  width: 700px;  height: auto;  padding: 10px;   text-align: justify;  margin: 0 0 20px 20px;    color: #333;  font: normal 1.1em 'Trebuchet MS'; }*/
#content_header h1, #content_part h1{  font: bold 1.2em 'Trebuchet MS';  color: #069; }
h2.info{  font: bold 1.8em 'Trebuchet MS';  color: #176aa0;  padding: 0;  margin: 0;text-align:left;}
h3.info{  font: bold 1em 'Trebuchet MS';  color: #176aa0;  padding: 3px 0;  margin: 2px;text-align:left;}
span.info {  text-align: left;  display: block;  color: #176aa0;  font: bold 1em 'Trebuchet MS';}
span.autor {  text-align: right;  display: block;  color: #176aa0;  font: bold 1em 'Trebuchet MS';  }
/* prenastaveni stylu pro editor */

#editor_text {  text-align: left;  font:normal 0.9em 'Trebuchet MS';}
#editor_text h1{ font-family: 'Trebuchet MS';}

#editor_text span {  display: inline;  color: #000;  font: normal 1em 'Trebuchet MS';  font-style: normal;}
#content_header ul,#content_part ul { list-style-type: none; }
#content_header li,#content_part li { padding: 5px 0; }
#content_header li a,#content_part li a {color: #999; }
#content_header li a:hover,#content_part li a:hover {color: #333; }

#content_text_part {  clear: left;  width: 720px;line-height: 16px;  height: auto;   padding: 10px;  text-align: left;}
#content_text_part table {  padding: 0; }
#content_text_part table tr td{  padding: 0 20px 0 0;}

#content_text_part img {  padding: 10px 0;}
#content_part table {  width: 100%;}

#content_part table img {  display: block;  padding: 10px;}
#content_part a{  color: #666;}#content_part a:hover { color: #333; }#content_header_menu {  width: 100%;  height: 20px;  border: 1px solid #9CF;  text-align: center;  background: url('../img/header_content_menu_arrow.gif') 5px center #EBF3FE no-repeat;  }#content_header_menu a {  font: bold 1.1em 'Trebuchet MS';  color: #4C8ABB;  padding: 0 23px;  text-decoration: none;}#content_header_menu a:hover { color: #555; text-decoration: underline; }

/************* pravy modry sloupec *****************/
#photogallery {  position: relative;  width: 220px;  height: auto;  float: right;  text-align: center; 
/*border: 1px black solid;*/
}
#photogallery div{  width: 100%;  height: 300px;  min-height: 300px;  margin-bottom: 20px;  border: 1px solid #9CF;  background-color: #EBF3FE;}
body[class] #photogallery div {  height: auto;}
#photogallery h3 {  
  width: 200px;  
  height: 20px;  
  background-color: #1869a0;  
  text-transform: uppercase;  
  font: bold 1em/2.2em 'Arial';  
  color: #FFF;  
  border: 1px solid #1869a0;  
  padding: 4px 0 4px 20px;  
  margin-bottom: 3px;  text-align: left;
}

#photogallery h4 {  
  color: #1869a0;  
  text-transform: uppercase;  
  font: bold 1em/2.2em 'Arial';    
  padding: 4px 0 0 35px;  
  margin: 0;  
  text-align: left;
}

#photogallery span {  font-size: 1.2em;}
#photogallery img{ border: 1px solid #9CF;margin: 5px auto; }
#photogallery p{  text-align: justify;  width: 90%;  margin: 5px auto;}

/* PM objednávkový formulář */

#photogallery table,.sloupec-ctvrty table {  
  text-align: left; 
  font: bold 1.1em 'Trebuchet MS';  
  color: #333;
  padding: 5px;
}

#photogallery input.pm_form,.sloupec-ctvrty input.pm_form { 
  border: 0;  
  width: 170px;
}

#photogallery input.pm_form_small,.sloupec-ctvrty input.pm_form_small { 
  border: 0; 
  width: 80px;
}
  
input.pm_form_submit {  
  float: right;  
  border: 0;   
  background: url('../img/blue_form_arrow.gif') right center #EBF3FE no-repeat; 
  font-weight: bold;  
  font-size: 1em;  
  cursor: pointer;
  text-align: right;
  padding: 3px 15px 3px 5px;
}

/* flashova mapa */
#mapa {  z-index: 10; }

/* mailroom */
#im2 {  padding: 20px 0;  width: 650px;  height: 388px; }


#mailroom_box {
  position: relative;
}
#mailroom_box img {
  border: 1px solid #999;
}


#mailroom_box div.modry{
  position: relative;
  height: 300px;
  width: 193px;
  margin: 3px 0 0 0;
  border: 1px solid #9CF;
  background-color: #EBF3FE; 
  padding: 5px;
  text-align: left; 
}
#mailroom_box div.modry p {
  padding: 10px 15px;  
  text-align: left;
}
#mailroom_box div.modry img{
  padding: 5px 15px;
}

#mailroom_box div.modry ul {
  padding: 10px;  
  text-align: left;
  list-style-type: none;
}

#mailroom_box div.modry ul li{
  padding: 3px 0;  
}

#mailroom_box #p2s1, #mailroom_box #p2s2, #mailroom_box #p2s3, #mailroom_box #p2s4,
#mailroom_box #p2s5, #mailroom_box #p2s6-1, #mailroom_box #p2s6-2, #mailroom_box #p2s6-3, #mailroom_box #p2s6-4, #mailroom_box #p2s6-5, #mailroom_box #p2s6-6, #mailroom_box #p2s7 {
  position:absolute;
  top: 0;
  left:0;
  visibility:hidden;
  text-align: left;
}
#mailroom_box #default_text {
  position:absolute;
  top: 0;
  left:0;
  text-align: left;
}


/* mapa stranek */

ul#mapa_stranek li{
  margin: 5px 20px;
}
ul#mapa_stranek li ul li{
  margin: 2px 30px;
  padding: 0;
}
ul#mapa_stranek li ul li ul li{
  margin: 2px 40px;
  padding: 0;
}





#photogallery div#posuvnik{
  width: 74px;
  height: 20px;
  padding: 2px 7px;
  min-height: 20px;  
  margin: 0 auto;
  background-color: #EBF3FE;
  color: #1869a0;
  font-weight: bold;
  border: 0;
}
#photogallery div #posuvnik img{
  border: none;
  margin: 0px;
}