/* globals */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 100%;
	font-family: Arial, "Arial CE", "Helvetica CE", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	background-image: url("img/background.gif");
	background-repeat: repeat-y;
	background-position: center;
}
* {
	margin: 0px;
	padding: 0px;
}
div {
	margin: 0px;
	padding: 0px;
	border: none;
}

.left {
  float: left;
  text-align: left;
}

.right {
  float: right;
  text-align: right;
}

.center {
  margin: 0 auto 0 auto;
}

/* viewport */
#viewport {
	width: 974px;
	height: auto;/*800px;*/
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: white;
	border-left: 1px rgb(240,240,240) solid;
	border-right: 1px rgb(240,240,240) solid;
}
/* header */

#hsmenu {
/*	float: left; */
	width: 974px;
	height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: rgb(250,250,250);
/*	border-bottom: 2px rgb(200,200,200) solid; */
  line-height: 22px;	
  letter-spacing: 1px;
}

#hsmenu li
{
display: inline;
list-style-type: none;
padding-right: 4px;
}

#hsmenu a, #hsmenu a:active, #hsmenu a:link
{
color: #000;
font-size: 10px;
margin: 0 4px 0 4px;
text-decoration: underline;
}

#hsmenu a:hover
{
color: rgb(100,100,100);
text-decoration: underline;
}

#header {
	width: 974px;
	height: 250px;
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	background-image: url("img/pemapro-header.jpg");
}

/* #header {

	width: 974px;
	height: 125px;
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	background-image: url("img/pema_header.gif");
	background-repeat: repeat-x;
}
*/


#pemalogo {
  width: 145px;
  height: auto;
  margin: 32px 0 0 30px;/* 590px; */
  border: none;
}

#pemapro {
  width: auto;
  height: auto;
  margin: 16px 0 0 30px;
  border: none;
}


#hmenu {
  height: 28px;
  margin: 0 0 0px 0;
  padding: 0;
  border-bottom: 6px rgb(190,190,190) solid;
  background-color: rgb(206,206,206);
}

#htopmenu {
  float: right;
	width: auto; /*594px; 974px - 440px;*/
  height: 28px;
  margin: 0px 32px 0px 0px;
  padding: 0 0 0 0;
  text-align: center;
}

#listtopmenu {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
}

#listtopmenu li {
  float: left;
  margin: 2px 3px 0 4px;
  padding: 0;
  width: auto; /* 16em */
  display: block;
}

#listtopmenu li a, #listtopmenu li a:link
{
font-size: 12px;
background-color: rgb(250,250,250);
color: black;
text-decoration: none;
letter-spacing: 2px;
margin: 0;
padding: 3px 8px 3px 8px;
border-bottom: 6px rgb(153,153,153) solid;
display: block;
}

#listtopmenu li a:hover
{
cursor: pointer;
color: white;
background-color: rgb(255,0,51);
border-bottom: 6px rgb(80,208,190) solid;
}

#listtopmenu li a#current, #listtopmenu li a#current:link
{
color: white;
background-color: rgb(255,0,51); 
cursor: default;
font-weight: bold;
border-bottom: 6px rgb(84,162,152) solid;
}

#listtopmenu li a#current:hover
{
background: rgb(84,162,152);
border-bottom: 6px rgb(80,208,190) solid;
}

#hsubmenu {
  margin: 0px 0 0px 0;
  padding: 4px 0 0px 0;
  /* margin: 17px 0 0 0; */
  width: 974px;
  height: auto; /* 24 px*/
  background-color: rgb(250,250,250);/* rgb(240,240,240); */
/*  border-top: 2px rgb(240,240,240) solid; */
  clear: both;
}

#hsubmenu ul li {
    display: inline;
}

#listsubmenu {  
  height: auto;
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 0px;
  font-weight: normal;
  margin: 0px 0px 0px 4px; 
  padding: 0 0 0 0;
  /* clear: both; */
}

#listsubmenu li {
  margin: 0 0 0px 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}

#listsubmenu li a, #listsubmenu li a:link
{
float: left;
color: black;
font-size: 11px;
background-color: rgb(220,220,220);
margin: 4px 4px 0px 0;
padding: 4px 8px 4px 8px;
border-left: 7px rgb(255,0,51) solid;
/* border-top: 1px rgb(190,190,190) solid; */
border-right: 1px rgb(210,210,210) solid;
border-bottom: 1px rgb(210,210,210)  solid;
text-decoration: none;
width: 214px;
height: 18px;
display:block;
    background-image: url("img/button214x18.gif");
    background-repeat: repeat-x;
}

#listsubmenu li a:hover
{
color: black;
cursor: pointer;
border-left: 7px  rgb(80,208,190) solid;
/* border-top: 1px rgb(180,180,180) solid; */
background-color: rgb(230,230,230);
background-image: url("img/button214x18.gif");
    background-repeat: repeat-x;
}

#hstatus {
/*  float: left; */
  width: 974px;
  height: 23px;
  margin: 0px 0 0 0;
  color: white; /*rgb(255,255,255);*/
  background-color: rgb(80,208,190); /*rgb(80,208,190);*/ 
  background-repeat: repeat-x;
  border-bottom: 4px rgb(240,240,240) solid; /*rgb(252,252,252)*/ 
  border-top: 8px rgb(250,250,250) solid;
  clear: both;
}

#hstatus h1, #hstatus strong {
  font-weight: bold;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 24px;
	margin: 0 0 0 8px;
	color: white;/*rgb(11,124,109);*/
}

/* main */

#main {
  width: 100%; /*974px;*/
  margin: 0;
  padding: 0;
  height: 100%;
  /* border: 1px solid red; */
  /* 
  background-image: url(img/pema_main.gif);
  background-repeat: repeat-y;
  */
  background: url(img/pema_main_bkg.gif) repeat-y;
  
  
}

#break {
  clear: both;
}

#m_main {
  float: left;
  width: 690px;
  height: auto;
  margin: 0px 0 /*4px*/ 2px 0;
  /* background-color: white;/*rgb(250,250,250);*/
  
/* - vy�e�eno pozad�m  border-right: 4px rgb(150,201,201) solid; */
  clear: both;
}

#mapa{
/*  float: left; */
  width: 600px;
  height: 300px;
  margin: 10px auto 24px auto;
  /* background-color: white;/*rgb(250,250,250);*/
  
  border: 4px rgb(150,201,201) solid;
  clear: both;
}

.main_mail input, .main_mail textarea {
  border: 2px rgb(150,201,201) solid;
  margin: 4px 0 4px 0;
  font-family: Arial, "Arial CE", "Helvetica CE", sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
}

input.mail_butt {
  width: 120px;
  height: 28px;
  background-color: rgb(150,201,201);
  border-width: 2px;
  border-style: solid;
  border-top-color: rgb(186,221,221);
  border-left-color: rgb(186,221,221);
  border-right-color: rgb(0,153,153);
  border-bottom-color: rgb(0,153,153);
  /* font-weight: bold;
  color: rgb(0,153,153); */
}

#m_main h1 {
  margin: 18px 0 24px 20px;
  padding: 0 0 0 8px;
  font-size: 16px;
  letter-spacing: 1px;
  border-left: 10px rgb(255,0,51) solid;
  background-image: url(img/pema_grey_horiz.gif);
  background-repeat: repeat-y;
  clear:both;
}

#m_main h2 {
  margin: 18px 0 18px 20px;
  padding: 0 0 0 8px;
  font-size: 15px;
  letter-spacing: 1px;
  border-left: 10px rgb(80,208,190) solid;
  background-image: url(img/pema_grey_horiz.gif);
  background-repeat: repeat-y;
  clear:both;
}

#m_main h3 {
  margin: 18px 0 18px 20px;
  padding: 0 0 0 8px;
  font-size: 14px;
  letter-spacing: 1px;
  border-left: 10px rgb(190,190,190) solid;
  background-image: url(img/pema_grey_horiz.gif);
  background-repeat: repeat-y;
  clear:both;
}

#m_main h4 {
  margin: 10px 8px 8px 36px;
  padding: 0;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 1px;
  text-decoration: underline;
  clear:both;
}


#m_main p {
  margin: 10px 8px 8px 3em;
  /*padding: 0;*/
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  clear: left;
}

ul.list {
  margin: 0 0 4px 36px;
  padding: 0 0 0 0px;
  background-image: none;
  list-style-position: outside;
  list-style-type: none;
  line-height: 22px;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: bold;
}

ul.list li {
  padding: 0 0 0 24px;
  list-style-type: none;
  background-image: url(img/alistbox.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
}

ul.simplelist {
  margin: 0 0 4px 36px;
  padding: 0 0 0 0px;
  background-image: none;
  list-style-position: outside;
  list-style-type: none;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: normal;
}

p a, p a:active, p a:link, p a:visited
{
color: rgb(84,162,152);
font-size: 13px;
font-weight: bold;
margin: 0 4px 0 4px;
text-decoration: underline;
}

p a:hover
{
color: rgb(0,84,69);
font-weight: bold;
text-decoration: underline;
}

li a, li a:active, li a:link, li a:visited
{
color: rgb(84,162,152);
font-size: 13px;
/* font-weight: bold; */
margin: 0 4px 0 4px;
text-decoration: underline;
}

li a:hover
{
color: rgb(0,84,69);
/* font-weight: bold; */
text-decoration: underline;
}

/* rozcestnik */
#rtiles {
  float: none;
  /* height: 308px;*/
  margin-bottom: 30px;
  /* background-color: rgb(222,223,222); */ 
}

#rtiles ul {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 14px 20px;
  padding: 0 0 0 0px;
  list-style-type: none;
  list-style-position: outside;
}

#rtiles ul li {
  width: 208px;
/*  height: 142px; */
  height: 68px;  
/*  float: left; */
  margin: 0 8px 8px 0;
  /* padding: 6px 4px 6px 6px; */
  line-height: 18px;
  /* border: 1px rgb(103,103,103) solid; */
  background-color: rgb(103,103,103);
  background-repeat: no-repeat;
  background-position: bottom;
}

#rtiles li a, #rtiles li a:link, #rtiles li a:active, #rtiles li a:visited {
  width: 194px;
  height: 50px;
  display: block;
  color: white;
  background-color: rgb(120,120,120);
  font-size: 15px;
  font-weight: bold;
  padding: 6px 8px 6px 6px;
  margin: 0px 0px 0px 0px;
  line-height: 18px;
  text-decoration: none;
  border-top: 3px rgb(200,200,200) solid; 
  border-bottom: 2px rgb(90,90,90) solid;
}

#rtiles li a:hover {
  background-color: rgb(90,130,130);
  width: 194px;
  height: 50px;
  display: block;
  color: white;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 8px 6px 6px;
  margin: 0px 0px 0px 0px;
  line-height: 18px;
  text-decoration: none;
  border-top: 4px rgb(150,200,200) solid;
  border-bottom: 2px rgb(60,100,100) solid;
}


/* nabidka sluzeb */
#tiles {
  float: none;
  /* height: 308px;*/
  margin-bottom: 30px;
  background-color: rgb(222,223,222); 
}

#tiles ul {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 14px 20px;
  padding: 0 0 0 0px;
  list-style-type: none;
}

#tiles ul li {
  width: 208px;
/*  height: 142px; */
  height: 148px;  
  float: left;
  margin: 0 8px 8px 0;
  /* padding: 6px 4px 6px 6px; */
  line-height: 18px;
  /* border: 1px rgb(103,103,103) solid; */
  background-color: rgb(103,103,103);
  background-repeat: no-repeat;
  background-position: bottom;
}

#t-sadra {
  color: white;
/*  background-image: url(img/sdkback.jpg); */
  background-image: url(img/tile-sdk-dm.jpg);
  background-color: rgb(103,103,103);
  
}

#t-akustic {
  background-image: url(img/tile-akustic.jpg);
  
}

#t-bezp {
  background-image: url(img/tile-bezp.jpg);
  
}

#t-vysok {
  background-image: url(img/tile-vysok.jpg);
  
}

#t-podhl {
  background-image: url(img/tile-amf.jpg);
  
}

#t-podl {
  background-image: url(img/tile-suchp.jpg);
  
}

#t-puda {
  background-image: url(img/tile-podkr.jpg);  
}

#t-zatfas {
  background-image: url(img/tile-zatep.jpg);  
}

#t-podkr {
background-image: url(img/tile-zateppod.jpg); 
} 

#t-ppsvelko {
color: white;
background-color: rgb(100,100,100);
background-image: url(img/tile-ppsvelko.gif);
border: none;
}

#t-ppspopt {
color: white;
background-color: rgb(100,100,100);
background-image: url(img/tile-ppspopt.gif);
border: none;
}

#t-ppsmont {
color: white;
background-color: rgb(100,100,100);
background-image: url(img/tile-ppsmont.gif);
border: none;
}

#t-ppsrev{
color: white;
background-color: rgb(100,100,100);
background-image: url(img/tile-ppsrevi.gif);
border: none;
}

#t-ppspora {
color: white;
background-color: rgb(100,100,100);
background-image: url(img/tile-pps.jpg);
border: none;
}



#t-naklic {
background-image: url(img/tile-stklic.gif);
}

#t-hruba {
background-image: url(img/tile-sthrub.gif);
height: 1148px;
}

#t-porad {
background-image: url(img/tile-stporad.gif);
}

#t-popt {
background-image: url(img/tile-stform.gif);
}

#tiles li a, #tiles li a:link, #tiles li a:active, #tiles li a:visited {
  width: 194px;
  height: 34px;
  display: block;
  color: white;
  background-color: rgb(120,120,120);
  font-size: 15px;
  font-weight: bold;
  padding: 6px 8px 6px 6px;
  margin: 0px 0px 0px 0px;
  line-height: 18px;
  text-decoration: none;
  border-top: 3px rgb(200,200,200) solid; 
  border-bottom: 2px rgb(90,90,90) solid;
}

#tiles li a:hover {
  background-color: rgb(90,130,130);
  width: 194px;
  height: 34px;
  display: block;
  color: white;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 8px 6px 6px;
  margin: 0px 0px 0px 0px;
  line-height: 18px;
  text-decoration: none;
  border-top: 4px rgb(150,200,200) solid;
  border-bottom: 2px rgb(60,100,100) solid;
}

#t-ppspopt a, #t-ppspopt a:link, #t-ppspopt a:active, #t-ppspopt a:visited { 
  color: white;
  height: 34px;
  background-color: rgb(200,0,0) !important;
  border-top: 3px rgb(255,100,100) solid !important;
  border-bottom: 2px rgb(150,0,0) solid !important;
}

#t-ppspopt a:hover {
  color: white;
  height: 34px;
  background-color: rgb(150,0,0) !important;
  border-top: 4px rgb(255,100,100) solid !important;
  border-bottom: 2px rgb(150,0,0) solid !important;
}

/* sdk */

#sdk h1, #sdk h2 {
  clear: both; 
}

#sdk img.center {
  display: block;
  margin: 10px auto 10px auto;
  padding: 0 50px 0 0;
}

#sdk img.left {
  display: block;
  margin: 10px auto 10px 20px;
}

#sdk img.right {
  display: block;
  margin: 10px 60px 10px auto;
}

#sdk img.floatleft {
  float: left;
  display: block;
  margin: 6px 12px 6px 20px;
}

#sdk img.floatleftp {
  float: left;
  display: block;
  margin: 0px 12px 0px 0px;
}

#sdk img.floatleft3 {
  float: left;
  display: block;
  margin: 0px 3px 0px 0px;
  border: 2px rgb(200,200,200) solid;
}

#sdk img.floatright {
  float: right;
  display: block;
  margin: 6px 0px 6px 12px;
}

#sdk img.floatrightp {
  float: right;
  display: block;
  margin: 0px 0px 0px 12px;
}


#sdk p {
  font-size: 12px;
  width: 600px;/* 456px; */
  margin: 4px 0 8px 20px;
  padding: 0px 0px 0px 0px;
  text-align: justify;
  clear: both;
}
/* #sdk ol, #sdk ul */ 
ul.description
{
  float: left;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 12px 0 8px 10px;
  padding: 0px 0px 0px 0px;
  list-style-position: inside;
}

/* #sdk li { */
ul.description li
{
  background-image: none;
  background-repeat: no-repeat;
  background-position: left;
  list-style-type: none;
  list-style-image: none;
  list-style-position: inside;
}

/*-------------------------------*/

#demand label {
  /* clear: both; */
  width: 500px;
  line-height: 32px;
  color: black;
  margin: 0 0 4px 20px; /* 16px 0 0 8px; */
  border-color: rgb(255,0,0);
  background-color: rgb(240,240,240);
  background-image: none;
  clear: none;
}

#demand input {
    float: right;

}

#intumex h2 {
  /* clear: both; */
  width: 490px;
  color: white;
  margin: 0 0 0 16px; /* 16px 0 0 8px; */
  border-color: rgb(210,210,210);
  background-color: red;
  background-image: none;
  clear: none;
}

#intumex img {
  width: 192px;
  margin: 0 0 16px 10px;
  padding: 0 0 0 0;
}

#intumex p {
  font-size: 12px;
  width: 476px;/* 416px; */
  margin: 0 0 16px 16px;
  padding: 16px 16px 18px 16px;
  background-color: rgb(238,238,238);
  text-align: justify;
}

.product {
  margin-bottom: 16px; 
  clear: both;
}


/*
 * ----------------------------------------------------------------- 
 * Rodine domky 
 * -----------------------------------------------------------------
 */
 
/*
 * Formul�� 
*/

#formular h2 {
  margin: 0px 0 0px 40px;
  width: 520px;
  padding: 0 0 0 8px;
  font-size: 15px;
  letter-spacing: 1px;
  border-left: 10px rgb(255,0,0) solid;
/*  background-image: url(img/pema_grey_horiz.gif);*/
/*  background-repeat: repeat-y;*/
  background-color: #FFFFFF;
  clear:both;
  text-transform: uppercase;
/*  display: inline;*/
}

.ppsproduct {
    float: left;
    width: 520px;
    height: 32px;
    background-color: #F7F7F7;
/*    border-bottom: 1px solid #EEE;*/
}
.ppsamount {
    float: left;
    width: 120px;
    margin-top: 0px;
    background-color: #F7F7F7;
}

.ppsamount input {
    width: 60px;
    text-align: center;
}

#formular fieldset {
  width: 640px;
  margin: 8px 0 8px 20px;
  padding: 0 0 8px 0;
  background-color: rgb(254,254,254);
/*  border: 2px solid rgb(220,220,220); */
  border: 2px rgb(150,201,201) solid;
  color: rgb(0,0,0);
}

#formular fieldset legend {
background-color: rgb(254,254,254);
padding: 4px;
font-weight: bold;
color: rgb(120,170,170);
}

#formular input {
  border: 1px rgb(150,201,201) solid;
  padding: 2px;
/*  background-color: rgb(200,251,251); */
  color: rgb(0,0,0);
}

#formular select {
  border: 1px rgb(150,201,201) solid;
  color: rgb(0,0,0);
}

#formular textarea{
  border: 1px rgb(150,201,201) solid;
  color: rgb(0,0,0);
}

#formular .button {
  width: 120px;
  height: 28px;
  background-color: rgb(150,201,201);
  border-width: 2px;
  border-style: solid;
  border-top-color: rgb(186,221,221);
  border-left-color: rgb(186,221,221);
  border-right-color: rgb(0,153,153);
  border-bottom-color: rgb(0,153,153);
}

#rdmenu, .pic3 {
  margin: 0 0 42px 20px;
  width: 620px;
  height: 152px;
}

#rdmenu a {
  color: white;
  padding: 2px 0px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  background-color: rgb(153,153,153);
  text-decoration: none;
}

#rdmoderna, #rdmoderna:active, #rdmoderna:link
{
  float:left;
  display: block;
  width: 198px;
  height: 152px;
  margin: 0 0 0 0;
  background-image: url(rd/menu-pult.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  border-bottom: 8px solid rgb(153,153,153);
}

#rdmoderna:hover
{
  float:left;
  display: block;
  background-color: rgb(80,80,80);
  border-bottom: 8px solid rgb(88,88,88);
}

#rdbungalow, #rdbungalow:active, #rdbungalow:link
{
  float:left;
  display: block;
  width: 198px;
  height: 152px;
  margin: 0 0 0 5px;
  background-image: url(rd/menu-bungalow.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  border-bottom: 8px solid rgb(153,153,153);
}

#rdbungalow:hover
{
  float:left;
  display: block;
  background-color: rgb(80,80,80);
  border-bottom: 8px solid rgb(88,88,88);
}

#rdklasik, #rdklasik:active, #rdklasik:link
{
  float:left;
  display: block;
  width: 198px;
  height: 152px;
  margin: 0 0 0 5px;
  background-image: url(rd/menu-klasik.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  border-bottom: 8px solid rgb(153,153,153);
}

#rdklasik:hover
{
  float:left;
  display: block;
  background-color: rgb(80,80,80);
  border-bottom: 8px solid rgb(88,88,88);
}


/* right panel */

#mainr {
  float: left;
  width: 274px;
  height: auto;
}

#mainr h1, #mainr h2 {
  margin: 0px 0px 4px 3px; /*8px;*/
  width: 277px;
  padding: 3px 0 2px 0;
  color: rgb(49,154,148);
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  line-height: 20px;
  border-top: 1px rgb(191,249,241) solid;
  border-bottom: 1px rgb(161,219,211) solid;
  background-color: rgb(181,239,231);
  
}

#m_right {
  float: left;
  margin: 0px 0 0px 3px;
  padding: 0;
  width: 277px; /* 280 - 3 - 3 */
  color: rgb(64,64,64);
  background-color: rgb(251,251,251);
/*  border-left:  3px rgb(210,210,210) solid; */
/*   border-right: 3px rgb(246,246,246) solid; */
}

#m_right h1, #m_right h2 {
  margin: 0px 0px 0px 0px; /*8px;*/
  padding: 3px 0 2px 0; /*padding: 2px 0 0px 0; */
  color: rgb(62,0,0);/*rgb(191,107,48);*/
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  line-height: 20px;
  border-top: 1px rgb(251,221,83) solid;
  border-bottom: 1px rgb(221,191,53) solid;
  background-color: rgb(241,211,73);/*rgb(255,194,150);/*rgb(255,173,115); /*rgb(255,143,64)*/
}

#m_right p {
  /* margin: 4px 8px 8px 8px; */
  margin:0 0 4px 0;
  padding: 4px 8px 8px 8px;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 1px;
  text-align: justify;
  background-color: rgb(255,231,103);/* /*rgb(255,218,191);/*rgb(255,213,155);*/
}

#m_right a, #m_right a:active, #m_right a:link
{
color: rgb(191,107,48);;
font-size: 12px;
font-weight: bold;
margin: 0 4px 0 4px;
text-decoration: underline;
/*border: 2px rgb(0,51,255) solid;*/
}

#m_right a:hover
{
color: rgb(177,96,38);
text-decoration: underline;
}

/* right top panel*/

#m_righttop {
  float: left;
  margin: 0px 0 4px 3px;
  padding: 0;
  width: 277px; /* 280 - 3 - 3 */
  color: rgb(64,64,64);
  background-color: rgb(220,220,220); /* rgb(234,253,253); */
}

#m_righttop h1, #m_righttop h2 {
  margin: 0px 0px 0px 0px; /*8px;*/
  padding: 3px 0 2px 0;
  color: rgb(40,40,40);
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  line-height: 20px;
  border-top: 1px rgb(210,210,210) solid;
  border-bottom: 1px rgb(160,160,160) solid;
  background-color: rgb(200,200,200);/*rgb(145,246,151);/*rgb(67,238,78);*/
  
}

#m_righttop p {
  margin: 0 0 0px 0;
  padding: 4px 8px 4px 8px;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 1px;
  text-align: justify;
}

/* right bottom panel */

#m_rightbott {
  float: left;
  margin: 0px 0 0px 3px;
  padding: 0 0 0 0;
  width: 277px; /* 280 - 3 - 3 */
  color: rgb(64,64,64);
  background-color: rgb(245,255,255); /* rgb(234,253,253); */

  
}

#m_rightbott h1, #m_rightbott h2 {
  margin: 0px 0px 0px 0px; /*8px;*/
  padding: 3px 0 2px 0;
  color: rgb(155,60,0);
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  line-height: 20px;
  border-top: 1px rgb(255,170,20) solid;
  border-bottom: 1px rgb(245,150,0) solid;
  background-color: rgb(255,160,0);/*rgb(145,246,151);/*rgb(67,238,78);*/
  
}

#m_rightbott p {
  margin: 0 0 4px 0;
  padding: 4px 8px 8px 8px;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 1px;
  text-align: justify;
  background-color: rgb(255,200,30);/*rgb(185,246,189);/* rgb(133,255,141); */
}

/* rekl */
#rekl {
  float: left;
  margin: 0px 0px 0px 3px;
  padding: 20px 0 20px 0;
  width: 272px; /* 280 - 3 - 3 */
  color: rgb(64,64,64);
  background-color: rgb(251,251,251);
  border: 3px rgb(220,220,220) solid;
}

#rekl img {
  display: block;
  border: none;
  margin-left: auto;
  margin-right: auto;
}

#rekl a, #rekl a:active, #rekl a:visited, #rekl a:hover {
  border: none;
/*  width: 150px; */
  display: block;
  text-decoration: none;
  margin: 30px auto 30px auto;
}

/* na�i partne�i */

#spoluprace {
  float: left;
  margin: 4px 0px 0px 3px;
  padding: 0px 0 0px 0;
  width: 272px; /* 280 - 3 - 3 */
  color: rgb(64,64,64);
  background-color: rgb(251,251,251);
  border: 3px rgb(200,200,200) solid;
  
/*  
  background-color: rgb(251,251,251);
  border: 3px rgb(220,220,220) solid;
  */
} 

#spoluprace h1, #spoluprace h2 {
  width: 272px;
  margin:0;padding:0;
  font-weight: bold;
  line-height: 21px;
  /* background-color: rgb(220,220,220); */
  background-color: rgb(200,200,200);
  border: none;
  color: rgb(255,255,255);
}

#spoluprace img {
  display: block;
  border: none;
  margin-left: auto;
  margin-right: auto;
}
  
#spoluprace a, #spoluprace a:active, #spoluprace a:visited, #spoluprace a:hover {
  border: none;
/*  width: 150px; */
  display: block;
  text-decoration: none;
  margin: 10px auto 10px auto;
}

#spoluprace p {
  width:80%;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  margin:0 10% 10px 10%; padding:0;
  color: rgb(64,64,64);
}

/* footer */

#fsmenu {
/*	float: left; */
	width: 974px;
	height: 24px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: rgb(80,208,190);
	border-top: 4px rgb(240,240,240) solid;
	/* border-top: 4px rgb(252,252,252) solid; */
  border-bottom: 4px rgb(84,162,152) solid; 
  line-height: 22px;	
  letter-spacing: 1px;
  clear: both;
}

#fsmenu li
{
display: inline;
list-style-type: none;
padding-right: 4px;
}


#fsmenu a, #fsmenu a:active, #fsmenu a:link
{
color: rgb(216,251,251);
font-size: 10px;
margin: 0 4px 0 4px;
text-decoration: underline;
font-weight: bold;
letter-spacing: 1px;
/*border: 2px rgb(0,51,255) solid;*/
}

#fsmenu a:hover
{
color: white;
text-decoration: underline;
font-weight: bold;
letter-spacing: 1px;
}

#footer {
	width: 954px;
	height: auto;
	margin: 0px;
	padding: 10px;
	color: rgb(31,144,129);
	background-color: rgb(179,239,231); /*rgb(140,239,225);*/
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 11px;
}

#footer p {
  width: 80%;
}

#footer ul {
  width: 80%;
  list-style-type: square;
  list-style-position: outside;
  margin-left: 0px;
  padding-left: 14px;
}


#copyright {
	width: 974px;
	height: 12px;
	margin: 0px 8px 0  0;
	padding: 0px 0px 0px 0px;
	background-color: white;
	letter-spacing: 1px;
	font-size: 11px;
	clear: both;
}

#copyright a, #copyright a:active, #copyright a:visited {
  color: rgb(150,150,150);
}

#copyright a:hover {
  color: rgb(126,126,126);
}

.poptavka-p {
    float: left;
    width: 160px;
}