/* styl pro web NOVA-STAR **** zkouška layoutu */

BODY {
/*	text-align: center;*/
	min-width: 920px;
	font-family: Arial, verdana, Helvetica, sans serif;
  font-size:  12px;
	color: #3D407A;
	background-color: #F2FBFA;
}
hr, .skryt {
  display: none;
}

#obalka {
  width:  900px;
  margin: 0 auto;
  text-align: left;
	border: 1px solid #00ACA7;
	border-top: 0px solid #00ACA7;
	background-color: #FFFFFF;
}

#zahlavi {

/*	border: 1px solid #000000;*/
  height: 100px;
	background-image : url("../images/web_lista-uhlikCB_nove_logo.jpg");
/*	background-image : url("../images/web_lista3.gif");*/
	background-position : center;
	background-repeat : no-repeat;
}

/*****   stylování přepínámí jazyků   *****/
#cz {
	position: relative;
	top:	78px;
	left: 818px;
  width:  30px;
  height: 15px;
  clear:  both;
}
#cz a {
  Display:  block;
  border: 0px;
  width:  30px;
  height: 15px;
}
#cz a:hover {
	background-image : url("../images/flag_cz.gif");
	background-position : center;
	background-repeat : no-repeat;
}
#en {
	position: relative;
	top:	63px;
	left: 860px;
  width:  30px;
  height: 15px;
  clear:  both;
}
#en a {
  Display:  block;
  border: 0px;
  width:  30px;
  height: 15px;
}
#en a:hover {
	background-image : url("../images/flag_en.gif");
	background-position : center;
	background-repeat : no-repeat;
}
#cz a img,  #en a img{
  display: none;
}
/*****   KONEC   stylování přepínámí jazyků   *****/

#odkaz_eco {
  text-align: center;
}
#odkaz_eco a {
  Display:  block;
  border: 0px;
}

a {
  color:  #E87D1E; 
  text-decoration:  none;
}
a:hover {
  text-decoration:  underline;
}

/* styly pro hlavní část */
#hlavni {
  width: 690px;
  float: left;
/*	border: 1px solid #000000;*/
}
#hlavni h1, #hlavni h2, #hlavni h3, #hlavni p , .submenu {
  margin:   0px;
  padding:  5px 10px 10px 10px;
/*	border: 1px solid #00ACA7;*/
}

#vizitka {
  float: left;
  margin:   0px;
  padding:  5px 10px 10px 10px;
}
#vizitka a {
  Display:  block;
}

#news_image {
  float: left;
  margin:   0px;
  padding:  5px 10px 10px 10px;
} 

p.konec_float{
  clear:  both;
  margin:   0px;
  padding:  0px;
}

p.prodej_kod{
  font-size:  10px;
}

 #hlavni ul.seznam {
  margin:   0px;
  padding:  5px 10px 10px 25px;
/*	border: 1px solid #00ACA7;*/
}

.nadpis_seznamu {
  font-weight: bold; 
  padding:  5px 0px 5px 0px;
  margin:  0px 0px 0px -15px;
}

.oddel {
  margin:  0px 10px 10px 10px;
  display:  block;
	border-top: 1px solid #00ACA7;
}

.submenu {
  color:  #E87D1E;
  font-size:  11px;
}

#hlavni_text {
  margin:  30px 5px 10px 10px;
	text-align:  justify;
  border: 1px solid #00ACA7;
	/*	border-top: 1px solid #00ACA7;
	border-bottom: 1px solid #00ACA7;*/
	background-color: #F2FBFA;
}

p.poznamka {
  font-style:  italic;
}


/* stylování krátkých zpráv */
#zpravy {
  width: 210px;
  float: right;
/*	border: 1px solid #000000;*/
}
#zpravy h1, #zpravy h2, #zpravy h3, #zpravy p, table.tech_udaje {
  margin:   0px;
  padding:  5px 10px 10px 10px;
}
#zpravy p {
    font-size: 11px;
}

.zpravy_text {
  margin:  30px 10px 10px 5px;
	text-align:  justify;
	border: 1px solid #E87D1E;
/*	border-top: 1px solid #00ACA7;
	border-bottom: 1px solid #00ACA7;*/
	background-color: #F2FBFA;
}
/* stylování krátkých zpráv - konec*/





#zapati{
  height: 25px;
  clear:  both;
	background-color: #00ACA7;
}

#zapati p {
  margin:   0px;
  padding:  5px;
	text-align: center;
	color: #FFFFFF;
}
#zapati p a {
	color: #FFFFFF;
}


/*********************** TABULKY ******************/
table.tabulka{
/*  background-color: #3D407A;*/
/*  color:  white;*/
  font-size:  11px;
  max-width:  600px;
  font-weight: normal;
/*  border: 1px solid #00ACA7;*/
  margin:   10px;
  padding:  5px 10px 10px 10px;
  border-collapse:  collapse;
}

td {
  background-color: white;
  vertical-align: top;
	border-right: 1px solid #00ACA7;

}


table.tabulka tr, table.tabulka td {
  padding:  5px 10px 5px 10px;
/*  margin: 5px;*/
}  

.puntik{
  font-size:  15px;
  color:  #00ACA7;
}

table.tabulka .prvni_radek {
  font-size:  11px;
/*  text-transform: uppercase;*/ 
  background-color: #3D407A;
  color:  white;
  font-weight: bold;
	border-right: 1px solid #3D407A;
	border-left: 1px solid #3D407A;
}
table.tabulka .posledni_radek {
	border-bottom: 1px solid #00ACA7;
}
table.tabulka td.prvni {
  list-style-type:  circle;
  width:  170px;
  padding:  5px 10px 5px 10px;
	border-right: 1px solid #00ACA7;
	border-left: 1px solid #00ACA7;
}
/*********************** TABULKY KONEC ******************/

/*-------------------------------------------
    MENUBAR
-------------------------------------------*/


#menubar {
/*	border: 1px solid #00ACA7;*/
width: 665px;
display: block; 
float: left; 
padding: 0px 0px 10px 0px; 
/*margin: 4px 0 0 6px;*/
margin: -15px 0px 0px -1px;
list-style: none;  
/*padding: 0;*/
/*background-color: #eee;*/ 
}

#menubar a {
display: block; 
color: #F2FBFA; 
text-decoration: none; 
border-bottom: none; 
text-transform: uppercase; 
font-weight: bold; 
font-size: 11px;
background-color: #00ACA7; /*tmavá zelená*/
}

#menubar a img {
	width: 15px;
/*	height: 10px;*/
	border: none;
	vertical-align: middle;
	margin: 0 0 -3px 0;
	padding: 0 0 0 10px;
	position: relative;
}

#menubar a.trigger {
padding: 4px 10px 5px 10px;
}

#menubar li {
float: left; 
position: relative; 
background: none; 
padding: 0; 
margin: 0; 
}
/* hide from IE mac \*/
#menubar li {
position: static; 
width: auto;
}

#menubar li span {
display: block; 
font-size: 11px;
font-weight: bold; 
text-transform: uppercase; 
padding: 4px 10px 5px 10px;
color: #3D407A;
background-color: #00ACA7; /*tmavá zelená*/
}

#menubar li span.konec {
display: block; 
font-size: 11px;
padding: 4px 10px 5px 10px;
color: #00ACA7;
background-image : url("../images/konec_menu1.gif"); /* možná bude lepší nahradit pouze obrázkem rožku vpravo dole*/ 
background-position : right bottom;
background-repeat : no-repeat;
background-color: #00ACA7; /*tmavá zelená*/
}




/*--- dropdown menu secondary items ---*/

#menubar li ul, #menubar ul li  {width: 180px;}
#menubar ul li {padding: 0; margin: 0}
#menubar ul li a  {padding: 3px 5px; margin: 0 3px}
#menubar ul li span  {padding: 3px 5px; margin: 0 3px}

/* styly pro rolovací menu */
#menubar li ul {
position: absolute; 
z-index: 3;	
display: none;
background-color: #F2FBFA; 
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
  border: 1px solid #00ACA7; 
/*border-bottom: 1px solid #888;*/ 
/*border-right: 1px solid  #bababa;*/ 
padding: 6px 0; 
list-style-type: none; 
}

/* #menubar a:focus, #menubar a:active, #menubar li.hvr a {color: #444; background: #dcdcdc}*/
#menubar li:hover ul {display: block; margin: 0;}
#menubar li:hover ul a {color: #222;background-color: transparent;}

/*#menubar li a.trigger:hover  {
color: #E87D1E;
background-color: #F2FBFA;
background-image: url("../images/okraj.gif");/* přidat jednopixelový obrázek zarovnaný vlevo border-left: 1px solid #00ACA7;*/ 
/*background-position : left;
background-repeat : repeat-y;
}*/

#menubar li:hover a.trigger {
color: #E87D1E;
background-color: #F2FBFA;
background-image: url("../images/okraj.gif");/* přidat jednopixelový obrázek zarovnaný vlevo border-left: 1px solid #00ACA7;*/ 
background-position : left;
background-repeat : repeat-y;
}

#menubar ul a {
color: #00ACA7 !important; 
text-transform: none; 
font-weight: bold; 
border-bottom: 1px solid #00ACA7; 
text-align: left; 
background-image: none !important; 
outline: none; 
-moz-outline-style: none; 
}
#menubar ul span {
color: #3D407A !important; 
text-transform: none; 
font-weight: bold; 
border-bottom: 1px solid #00ACA7; 
text-align: left; 
background-image: none !important; 
outline: none; 
background-color: #F2FBFA;
-moz-outline-style: none; 
}

#menubar ul a.last {border-bottom: none;}

#menubar ul a:hover {
/*border-left: 0px solid #00ACA7;*/ 
/*background: #f2f2f2 !important;*/
color: #E87D1E !important;
}

/*-------------------------------------------
    submenu
-------------------------------------------*/



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

/*-------------------------------------------
    zpravy_popis
-------------------------------------------*/
.zpravy_popis {
width: 170px;
display: block; 
float: left; 
padding: 0px 0px 10px 0px; 
/*margin: 4px 0 0 6px;*/
    margin: -15px 0px 0px -1px;
 
list-style: none;  
/*padding: 0;*/
/*background-color: #eee;*/ 
}


.zpravy_popis li {
display: block; 
color: #3D407A; 
text-decoration: none; 
font-weight: bold; 
font-size: 11px;
text-transform: uppercase; 
background-color: #E87D1E; /*oranžová*/
border-bottom: none; 
padding: 4px 20px 5px 10px;
background-image : url("../images/konec_menu1.gif"); /* možná bude lepší nahradit pouze obrázkem rožku vpravo dole*/ 
background-position : right bottom;
background-repeat : no-repeat;
float: left; 
position: relative; 
}
/* hide from IE mac \*/
.zpravy_popis li {
position: static; 
width: auto;
}


.zpravy_popis a {
color: #F2FBFA; 
}
.zpravy_popis a:hover {
color: #3D407A; 
text-decoration: underline; 
}
/************************************************************/