/* 

základní barvy

1. temná červená :  rgb(150,23,23) - texty
2. pastelová :      rgb(250,240,210) - pozadí
3. temná červená :  rgb(150,23,23) - doplňková barva pro texty 
-------------------------------

1. světle žlutá :   rgb(245,240,150)
2. tmavě zelená :   rgb(25,90,40)
3. světle zelená :  rgb(200,250,220)


*/

/* --------------------------- zakladni prvky stranky------------------------ */

body {
  font-family: Arial, Helvetica, Sans-Serif; 
	text-align: left;
  font-family:Arial, Helvetica, Sans-Serif;
  /*font:10px;*/
  scrolling:yes;
  scrollbar-base-color: none;
  font-size: 12px;
  text-decoration:none;
}

a{
  color:blue;
  text-decoration:underline;
}

/* toto není používáno */
#navigace_vlevo li a:hover, #leftNavig li a:active, #leftNavig li a:focus {
  text-decoration: none;
  /*font-weight:bolder;*/
  display: block;
  background: white;
  /*color: rgb(150,23,23);*/
}

.box {
margin: 0em;
padding: 0em;
border: 0px solid #000;
width: 100%;
background: white;
}

img.vpravo {
  float: right;
  margin: 0.2em 0 0.2em 0.5em;
}

img.vlevo {
float: left;
margin: 0.2em 0.5em 0.2em 0;
}

td {
  font-family: Arial, Helvetica, Sans-Serif; 
	text-align: left;
  font-family:Arial, Helvetica, Sans-Serif;
  /*font:10px;*/
  scrolling:yes;
  scrollbar-base-color: none;
  font-size: 12px;
  text-decoration:none;
}

/* ------------------ nadpisy ----------------------------------------------- */
h1,h2,h3,h4,h5,h6{
  /*color: rgb(15,40,60);*/
  font-family:Verdana, Arial, Helvetica;
  /*font-family:Verdana, Arial, lucida, sans-serif;*/
  font-weight:bolder;
}

h1 
{ 
padding:10px 0 0 0px; 
color: rgb(150,23,23); 
font:25px;
} 

h2 
{ 
padding:1px; 
margin:1px;
font:25px;
font-weight:bold;
color: rgb(150,23,23); 
}

h3 
{ 
padding:2px; /*0 0 0px;*/ 
font:20px;
color: rgb(150,23,23); 
font-weight:bolder;
}

h4 
{ 
padding:2px; /*0 0 0px;*/ 
font:15px;
color: rgb(150,23,23); 
font-weight:bolder;
}

.h4_zelena 
{ 
padding:2px; /*0 0 0px;*/ 
font:15px;
color: rgb(25,90,40); 
font-weight:bolder;
}



hr
{ 
height: 0px;
border-width: 0;
border-bottom:1px silver;
color:silver;
align:left;
width: 100%;
}

.vyrazne_pismo
{
color: rgb(150,23,23);
font-weight:bolder;
}


/*<HR size=1 width="80%" padding="0" align="left" noshade color="silver"> <!-- převést do CSS-->*/

#uvodni_stranka
{
  position:absolute; 
  top:0px; 
  left:0px; 
  width:100%;
  height:800px; 
  text-align:left;
  padding:10px 0px 0px 15px; 
  font:12px;
  background-repeat: no-repeat; 
  background-position: right 0px;
  background-image: url(../images/elektroplyn_pozadi.jpg);
  font-weight:bolder;
}


/* ------------------ hlavička stránek -------------------------------------- */

#titulek_stranky
{
  position:absolute; 
  top:0px; 
  left:0px; 
  width:100%;
  height:100px; 
  color: rgb(150,23,23); 
  text-align:right;
  padding:10px 0px 10px 0px; 
  font:15px;
  z-index:100; 
  background-repeat: no-repeat; 
  background-position: left 0px;
  background-image: url(../images/elektroplyn_logo.jpg);
  background-color: white; 
  font-weight:bolder;
}

#titulek_stranky h1 
{ 
font:35px;
font-weight:bolder;
color: rgb(150,23,23);
} 

#akce_banner
{
  position:absolute; 
  top:111px; 
  left:0px;
  /*width:100%;*/ 
  height:30px; 
  text-align:left;
  padding:5px 0px 5px 15px; 
  background-color: rgb(150,23,23); /*rgb(95,95,95)*/
}

#akce_banner a
{
  color:rgb(52,216,48);
  font:20px;
  font-weight:bolder;
  text-decoration:none;
}


#hlavicka_stranky
{
  position:absolute; 
  top:0px; 
  left:0px; 
  width:100%;
  height:100px; 
  text-align:left;
  padding:10px 0px 20px 15px; 
  font:12px;
  z-index:100; 
  background-repeat: no-repeat; 
  background-position: right 0px;
  background-image: url(../images/kontakt.jpg);
  background-color: rgb(245,240,210); 
  font-weight:bolder;
}

#hlavicka_stranky h1 
{ 
color: rgb(25,90,40); 
font:25px;
font-weight:bolder;
} 

#kotle thead
{
  height:35px;
  /*background-color: rgb(250,240,210);*/
  color: rgb(150,23,23); 
  font-weight:bolder;
}

#kotle a
{
  color: rgb(150,23,23); 
  font-weight:bolder;
}

.cenik
{
  color: rgb(25,90,40); 
  font-weight:bolder;
}

#nahradni_dily thead
{
  height:35px;
  background-color:rgb(250,240,210);
  color: rgb(150,23,23); 
  font-weight:bolder;
}

/* --------------------------- leva navigace - hlavni menu ------------------ */
#menu_vlevo{
	float:left;
	width: 180px;	
	overflow: hidden;
	margin-left: 0px; 
  margin: 0px;
}

#menu_vlevo img{
  padding: 0px 0px 0px 0px;
} 

#navigace_vlevo{ 
  padding: 0px;
}

#navigace_vlevo h2{
  font-family: Arial; 
  font-size: 1.0em; 
  text-transform: uppercase; 
  background:rgb(150,23,23);
  color: white; 
  margin: 0; 
  padding: 7px 0px 7px 20px; 
  letter-spacing: 0;
}

#navigace_vlevo h3{
  font-family: Arial; 
  font-size: 1.0em; 
  background: white;
  color: rgb(150,23,23); 
  margin: 0; 
  padding: 7px 0px 7px 10px; 
  letter-spacing: 0;
}


#navigace_vlevo ul{
	padding: 0px; 
  margin: 0px;
	list-style: none;	
}

#navigace_vlevo li{
	padding: 0px; 
  margin: 0px;   
  display: inline; 
}

#navigace_vlevo li a{
	display: block;
	padding: 5px 10px 6px 5px; 
  text-decoration:none; 
	color: white;	
	font-size: 1.0em;
	border-top: 1px solid #ebd9d4;
	margin: 0 4px 0 15px;
	letter-spacing:0;
}

#navigace_vlevo li a:hover, #leftNavig li a:active, #leftNavig li a:focus {
  text-decoration: none;
  font-weight:bolder;
  display: block;
  background: white;
  color: rgb(160,20,0);
}

#navigace_vlevo li span{}
#navigace_vlevo .uzavirka{}

/* --------------------------- prava navigace - vedlejší menu --------------- */

#menu_vpravo a{
	/*float:left;*/
  width: 180px;	
	overflow: hidden;
	background: white;
	margin-left: 0px; 
  padding: 4px 0px 4px 4px;
  text-decoration:none;
  color:black;  
  font-weight:bolder;
}

#menu_vpravo a:hover{
  background-color: rgb(150,23,23);
  color: white;
}

/*  padding: 0px; 
  margin: 0px;*/   
  /*background:yellow;/*white;*/
}

#vpravo_navigace{ padding: 0px;}

#vpravo_navigace h2{
  font-family: Arial; 
  font-size: 1.0em; 
  text-transform: uppercase; 
  background:blue;/*white;*/
  color: rgb(25,90,40);
  margin: 0; 
  padding: 5px 10px 5px 0px;
  letter-spacing: 0;
}

#vpravo_navigace li a{
	display: block;
	padding: 2px 5px 2px 5px;
  text-decoration:none; 
	background-color: white;	
	font-size: 1.0em;
}

#leftNavig li a:active, #leftNavig li a:focus {
  /*font-weight:bolder;*/ 
  display: block;
  padding: 3px 5px 3px 5px;
  background-color: rgb(25,90,40); /*rgb(245,240,210);*/
  color: white;
}



/*------------------------------- ceniky -----------------------------------*/

td.stred
{
text-align: center; 
}

td.vpravo
{
text-align: right; 
}

td.odkaz_id
{
color: rgb(150,23,23);
text-align: center;
text-decoration: none;
}


td.den
{
font:11px;
color: rgb(15,40,60);
text-align: right; 
border: solid 1px;
background: none;
padding:2px;
}

td.vikend
{
font:11px;
color: black;
text-align: right; 
border: solid 1px;
background: rgb(245,240,210);
padding:2px;
}

td.datum_header
{
font:bolder 11px;
width:60px;
color: white;
text-align: right; 
border: solid 1px;
background: rgb(25,90,40);
padding:2px;
}

td.datum
{
font:11px;
width:60px;
color: rgb(15,40,60);
text-align: right; 
border: solid 1px;
padding:2px;
}

td.cas_header
{
font:bolder 11px;
width:40px;
color: white;
text-align: center; 
border: solid 1px;
background: rgb(25,90,40);
padding:2px;
}

td.cas
{
font:11px;
width:40px;
color: rgb(15,40,60);
text-align: center; 
border: solid 1px;
padding:2px;
}

td.text_header
{
font:bolder 11px;
color: white;
text-align: left; 
border-style: solid;
border-width: 1px;
border-color:silver;
background: rgb(25,90,40);
padding:2px;
}

td.text
{
font:11px;
color: rgb(15,40,60);
font-family: Arial, Helvetica, Sans-Serif;
text-align: left; 
border-style: solid;
border-width: 1px;
background: none;
padding:2px;
}

td.text_center_header
{
font:bolder 11px;
color:white;
font-family: Arial, Helvetica, Sans-Serif;
text-align: center; 
border: solid 1px;
background: rgb(25,90,40);
padding:2px;
}

td.text_right_header
{
font:bolder 11px;
color:white;
font-family: Arial, Helvetica, Sans-Serif;
text-align: right; 
border: solid 1px;
background: rgb(25,90,40);
padding:2px;
}

td.text_center
{
font:11px;
color: rgb(15,40,60);
font-family: Arial, Helvetica, Sans-Serif;
text-align: center; 
border: solid 1px;
padding:2px;
}

td.text_right
{
font:11px;
color: rgb(15,40,60);
font-family: Arial, Helvetica, Sans-Serif;
text-align: right; 
border: solid 1px;
padding:2px;
}

/*------------------------------- fotogalerie --------------------------------*/
/* historie akcí - tabulkový seznam */
#fotogalerie table
{
  /* border: solid 1px rgb(15,40,60);*/
background: grey;
padding=0;
width=100%; /*385px*/
}

#fotogalerie td 
{
background: white;
font:12px;
font-family: Arial, Helvetica, Sans-Serif;
border: solid 0px;
padding:2px;
}

.fotogalerie_akce{
  color:rgb(25,90,40);
}

/*------------------------------- kontakt --------------------------------*/

#kontakt img
{
border: solid 1px rgb(25,90,40);
background: white;
padding=0;
float:right;
width: 500px;
}

/*------------------------------- projekty --------------------------------*/
#projekty
{
background: white;
padding=0;
/*width=100%; /*385px*/
/*font:12px;*/
}

#projekty a{
color: rgb(25,90,40);
text-decoration: underline;
}

#projekty h2
{
padding:2px; 
font:15px;
font-weight:bold;
color:rgb(15,60,40);
}

#projekty img
{
border: solid 1px rgb(25,90,40);
background: white;
padding:0;
float:right;
width: 250px;
}

/*------------------------------- historie --------------------------------*/
#historie
{
background: white;
padding:0;
width:100%; /*385px*/
font:12px;
}

#historie h2
{
padding:2px; 
font:15px;
font-weight:bold;
color:rgb(15,60,40);
}

/*------------------------------- historie --------------------------------*/
#spolek
{
background: white;
padding:0;
width:100%; /*385px*/
font:12px;
}

#spolek h2
{
padding:2px; 
font:15px;
font-weight:bold;
color:rgb(15,60,40);
}

/*#spolek img
{
border: solid 0px rgb(25,90,40);
background: white;
padding:0 10 10 0px;
float:left;
width: 120px;
}*/

/*------------------------------- obecné --------------------------------*/

obrazek_vlevo
{
border: solid 0px rgb(25,90,40);
background: white;
padding:0 10 10 0px;
float:left;
width: 120px;
}