/* Zakladni pravidlo pro vyresetovani zobrazeni pro vsechny prohlizece */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	border: 0;
	/* font-family: inherit;   */
	font-family: inherit; 
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* BARVY
	
	#ecebe5 - pozadi
#33b6c5 - hlavni barva prvku - světle modrá
	#e0f3f5 - vedlejsi barva prvku (svetlejsi)
	#33b6c5 - font na vedlejsi barve
	#b1b0a8	- seda

*/
body {
	background-color: #FFFFFF;
	
	/* 
	background-color: #ecebe5;
	font-family: "tahoma ce", tahoma, "helvetica ce", helvetica, "arial ce", arial, sans-serif;
	font-family: Tahoma, sans-serif;

	 */
	font-family:  "tahoma ce", tahoma, "helvetica ce", helvetica,	 arial, sans-serif;
	
}

/*
 *  ******************************************************************* ZAKLAD
 */
h1,h2,h3 {
	text-transform: uppercase;
}

a {
	text-decoration: none;
	color: #E1001A;
	/*color: #33b6c5;
	*/
}

p a:hover {
	text-decoration: underline;
}

p {
	margin-left: 20px;
}


.button_styl {
	/*color: #1e79b8;
	background: #33b6c5; */
}

/*
 *  ******************************************************************* LAYOUT
 */
#obal {
	background-color: #fff;
	
	margin: 0 auto;
	
	/*margin: 0 auto;
	width: 980px;
	border: 1px solid #C62129;
	*/
	
}

/*
 *  ******************************************************************* HLAVICKA  #B0B2B3
 */
#hlavicka {
	height: 187px;    /* 170 */
  
	
	/*
		color: #b1b0a8;
		border: 1px solid #C62129;
	*/
	text-transform: uppercase;
}

#hlavicka_obal {
       width: 980px;
       margin: 0 auto;
       overflow: auto;
}


#hlavicka h1 {
	
	/*
	* toto asi dělalo problémy
	<div id="obal">
		<div id="hlavicka">
			<!--- <h1>Svaz podnikatelů ve stavebnictví v ČR</h1> ---><h1>
			<div id="logo"><a href="#"><img src="img/logo.gif" alt="" border="0" /></a></div>
			<div id="male_menu">
			
	text-indent: -9000px;
	*/
}

#hlavicka a {
/*	color: #b1b0a8;*/
	color: #878787;
	text-decoration: none;
}

#logo {
	float: left;
	margin: 35px 0 8px 0;
	/*
	margin: 35px 0 8px 0;
	*/
	
}

/*
 *  Horni Male menu
 */
#male_menu {
	float: right;
	height: 35px;
	margin-top: 35px;
	font-size: 0.8em;
}

#male_menu a:hover { text-decoration: underline;}

/*
 *  Nastrojova lista ... interní systém, hledat --------------------------------------------------------------------
 */
#nastrojova_lista {
	background-repeat: no-repeat;
	float: right;
	width: 815px;
	/* width: 710px; */
	height: 40px;
	line-height: 40px;
	font-size: 0.9em;
	height: 40px;
	/*background-image: url('../img/nastrojova_lista.gif');*/
	
	/*
	float: right;
	border: 0px solid #C62129;
	text-align: right; 
	width: 815px;
	*/
}

#nastrojova_lista input {
	/*border: 1px #b1b0a8 solid;*/
	padding: 0.3em;
	margin: 0 10px;
	/*border: 0px solid #C62129;*/
}


form#interni_system_form {
	display: inline;
	border: 0px solid #C62129;
}

#interni_system_form input[type="submit"] {
	color: #b1b0a8;
	width: 140px; /* toto jsem musel přidat aby to fungovalo ve starších IE*/

}
	
form#hledat_form {
	display: inline;
	border: 0px solid #C62129;
}

#hledat_form input[type="submit"] {
	color: #b1b0a8;
	width: 80px;  /* toto jsem musel přidat aby to fungovalo ve starších IE*/
}

#nastrojova_lista input[type="submit"] {
	border: 0;
	background: none;
	cursor: pointer;
	text-transform: uppercase;
	border: 0px solid #C62129;
	
}




/*
 *  ******************************************************************* MENU
 
 */
#menu {
	clear: both;
	height: 87px;   /* 50 */
	width: 100%;
	/*margin-top: 5px;*/
	background: #D9D9D9;
	
	/*
	
	----
	float: right;
	height: 35px;
	margin-top: 35px;
	font-size: 0.9em;
	*/
}

#menu menu {
  width: 980px;
	margin: 0 auto;
	padding: 0;
	overflow: auto;
}

/* -- řešení seznam, stylování pomocí li nefunguje pro starší IE -- */
#menu menu li {
	list-style-type: none;
	 /*height: 52px;   40 */
	float: left;
	padding: 0.46em;
	border-right: 2px #b1b0a8 solid;      /* 3px #b1b0a8 solid;   */
	Height:56px; Width:39px; margin-top:7px;
	
}

#menu menu li:last-child {
	border: 1;
}

#menu menu li a {
	font-size: 0.8em;
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: #1A171B;
}


/* -- tabulkové řešení -- */

#menu menu table tr td {
/*	font-size: 0.9em; */
	font-size: 0.8em;
	padding: 0.7em;
	border-right: 3px #b1b0a8 solid;
	/* font-weight : bold; */
	font-weight : bold;
	height: 40px;
	
}

/* text-decoration: underline; */
#menu menu table tr td a:hover { color: #E1001A;}
/*#menu menu table tr td a:hover { color: #33b6c5;}*/
#xxmenu menu table tr td a { color: #33b6c5;}
/*
 * ******************************************************************* HLAVNI OKNO OBSAHU
 */
#obsah {
	color: #474747;
	width: 980px;
	margin: 20px auto 0;
	/*
		overflow: auto;   
	-- když to tam je, pak se v IE vykreslí posuvník
	*/
	border: 0px solid #C62129;
}

#hlavni {
	float: left;
	width: 750px;
	border: 0px solid #C62129;
}

#hlavni h2 {
	height: 40px;
	background-color: #E1001A; /*#33b6c5;*/
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	padding-left: 20px;
}

#hlavni h3 {
	color: #404040;

	padding-left: 20px;
	/* 	font-weight: bold; */
	font-size: 0.9em;
}

.jednoduchy h2 {
	margin-left: 1px;
}


/*
 *  ******************************************************************* NOVINKY NA UVODNI STRANE
 */
#obal_novinky {
	overflow: auto;
	width: 100%;
	border-bottom: 1px dashed #b1b0a8;
	margin-bottom: 20px;
	padding: 20px 0;
}

.novinky_sloupec {

	float: left;
	width: 354px;
	/*margin-bottom: 20px;*/
	

}

.novinky_sloupec.pravy {
	padding-left: 20px;

}

.novinky_sloupec.levy {
	border-right: 1px dashed #b1b0a8;
	padding-right: 20px;
}

.novinka {
	background-image: url('../img/sipka.gif');
	background-repeat: no-repeat;
	background-position: 0 25px;
	border-top: 1px dashed #b1b0a8;   /* když se novinky generují z databáze tak toto nějak nefunguje */ 
	width: 350px;
	margin-top: 20px;
	padding-top: 20px;
	border: 1px solid #C62129;  
	
}


.novinka h3 {
	font-weight: bold;
	font-size: 0.8em !important;
}

.novinka p {
	margin: 10px 0 0 20px;
	font-size: 0.75em;
}

.novinka:first-child {
	border: 0;
	margin-top: 0px;
	
	padding-top: 0;
	background-position: 0 5px;
}



/*
 *  **************** NOVINKY NA UVODNI STRANE ... tabulková varianta
 */


 #obal_novinky table tr td {
	background-image: url('../img/sipka.gif');
	background-repeat: no-repeat;
	background-position: 0 30px;
	width: 49%;
	padding-top: 10px;
	margin-top: 0px;
	border: 0px solid #C62129;  
	/*border-bottom: 1px dashed #b1b0a8;   
	border-right: 1px dashed #b1b0a8;*/
	border: 0px solid #C62129;
}

#obal_novinky table td p {
	font-size: 0.75em;
	margin-top: 10px;
}

#obal_novinky table td hr {
	border: 1px dashed #b1b0a8;   
	width: 90%;
}




/*
 *  ******************************************************************* FAQ NA UVODNI STRANE
 */
#obal_faq {
	overflow: auto;
	width: 100%;
	border-bottom: 1px dashed #b1b0a8;
	margin-bottom: 20px;
}

#obal_faq div {
	font-size: 0.8em;
	padding: 0.7em;
}

#obal_faq div table tr td {
	font-size: 1.1em;
	/*
	font-size: 1.1em;
	font-weight : bold;*/
}

#obal_faq table tr td {
	font-size: 1.1em;
	/*
	font-size: 1.1em;
	font-weight : bold;*/
}

#obal_faq h4 {
	font-size: 1.1em;
	color: #DF0024;
	text-align : center;
}


/*
 *  ******************************************************************* INTERNI SYSTEM NA UVODNI STRANE
 */
#obal_interni_system {
	overflow: auto;
	width: 100%;
	border-bottom: 1px dashed #b1b0a8;
	margin-bottom: 20px;

	border: 0px solid #C62129;
}

#obal_interni_system div {
	font-size: 12px;
	padding: 10px;
}

#obal_interni_system div table {
	background-color: #ecebe5; /*#ecebe5;*/
}

#obal_interni_system ul  {
	
	font-size: 12px;
	margin-left: 10px;
	/*list-style-type: none;
	height: 30px;
	
	*/
	
}

#obal_interni_system li  {
	
	font-size: 13px;
	margin-left: 10px;
	/*list-style-type: none;
	height: 30px;
	
	*/
	
}

#obal_interni_system hr {
	border: 1px dashed #b1b0a8;   
	
	width: 90%;

}

#obal_interni_system h2 {
	height: 40px;
	background-color: #D9D9D9;
	color: #404040;
	line-height: 40px;
	padding-left: 20px;

}

/*
 * ******************************************************************* SLOUPCOVY LAYOUT NA HLAVNI STRANE
 */
.obal_sloupce {
	overflow: auto;
	width: 100%;
}

.sloupec {
	float: left;
	width: 350px;
}

.sloupec:first-child {
	margin-right: 50px;
}

.sloupec h2 {
	margin: 0 0 20px 0;
}

/*
 *  ******************************************************************* MENU + TEXT NA PODSTRANKACH
 */
#sloupcove_menu {
	float: left;
	width: 225px;
	margin: 0px 10px 0 0;
}

#sloupcove_menu ul li {
	width: 225px;
	height: 37px;
	margin: 2px 0; background-color : #e0f3f5;
	line-height: 37px;
	background-color: #EBEBEB;  /* #e0f3f5; */
	list-style-type: none;
	
}

#sloupcove_menu ul li.aktivni {
	background-color: #999999;   /* #33b6c5; */
	background-image: url('../img/menu_zobacek.png');
	background-repeat: no-repeat;
	background-position: 0 12px;
	
}



#sloupcove_menu ul li a {
	color: #000000;  /* #33b6c5; */
	padding-left: 15px;
	text-transform: uppercase;
	font-size: 0.75em;
  display: block;
	
}

#sloupcove_menu ul li.aktivni a {
	color: #fff;
	border: 0px solid #C62129;
}


/*
#sloupcove_menu ul li:hover  { background-color: #33b6c5; background-image: url('../img/menu_zobacek.png'); background-repeat: no-repeat; background-position: 0 12px; }
#sloupcove_menu ul a:link  { color: #33b6c5; }
#sloupcove_menu ul li a:hover { color: #fff;  }



#sloupcove_menu ul a:visited { color: #33b6c5; }


*/



/* toto je jako vzor

border: 1px solid #C62129;
.menu {color: #000000; padding: 0; margin: 0; list-style-type: none; display:block}
.menu ul {margin-top: 0px; position: absolute; visibility: hidden; background-color: #A72135; margin: 0; padding: 0; list-style-type: none;}
.menu li {float: left; padding: 2px 2px 0 2px; width: 200px; white-space: nowrap;}
.menu a {padding: 2px; text-align: left; padding-left: 15px; color: #fff; background-color: rgb(141,135,81); display: block; text-decoration: none; font-weight: bold;}
.menu ul a:link {color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px;}
.menu ul a:visited {color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px;}
.menu ul a:hover {color: #4f4f4f; background-color: rgb(233,233,233);}
.menu li:hover ul, ul.menu li.hover ul { visibility: visible;}
.menu li li {float: none; border: none; padding: 0; margin: 0;}



}	
	 	
	*/
	

/*
#text {
	float: left;
	width: 515px;
	margin-bottom: 50px;
	font-size: 0.82em;
}
*/

#text {
    font-size: 0.82em;  
    margin: 0 0 50px 235px;
}

#text a { font-weight: bold;}

#text h2 {
	background: none;
	height: auto;
	line-height: 40px;
	/*
	
	color: #000;*/
		color: #474747;
	padding: 5px 0;
	margin:  5px;
	font-weight: bold;
	font-size: 1.1em;
}

/* pokus ------#text div---------- */
#text div {
	
	
	display: block;
	
	/*
	margin: 0 5px;
	color: #000;*/
		color: #474747;
	padding: 10px 0;
	
	font-weight: bold;
	font-size: 1.1em;
}


#text h3 {
	background: none;
	height: auto;
	color: #000;
		/*color: #474747;*/
	padding: 5px 0;
	margin: 0 5px;
	font-weight: bold;
	font-size: 0.8em;
}



#text li {
	margin: 5px 30px;
	
}

#text p {
	margin: 5px 10px;
	font-size: 0.82em;
}

#text div { float: right; }


/*
 * *******************************************************************  POSTRANNI SLOUPEC
 */
#postranni_sloupec {
	float: left;
	width: 220px;
	margin-left: 10px;
}

#postranni_sloupec a {
	text-transform: uppercase;
/*	color: #b1b0a8;       878787          */
	color: #000000  /*#878787;*/
}

/*
 * DOPORUCUJEME - DULEZITE
 */
#doporucujeme h2 {
	height: 40px;
	background-color: #000000;  /*#33b6c5;*/
	color: #fff; /*#fff;*/
	font-weight : bold;
	line-height: 40px;
	padding-left: 10px;
	font-size: 1em;
}

#doporucujeme a {
  display: block;
}

.polozka {
	background-image: url('../img/postranni_lista_oddelovac_new.gif');
	background-repeat: no-repeat;
	padding: 15px 0;
	padding-left: 10px;
	font-size: 0.75em;
	
	/*font-weight : bold;*/
	text-transform: uppercase;
	background-color: #EBEBEB;
}

.polozka.bez_oddelovace {
	text-transform: uppercase;
	background-image: 		none;
}

/*
 * NEPREHLEDNETE
 */
#neprehlednete {
	background-image: url('../img/neprehlednete.jpg');
	width: 220px;
	height: 154px;
}

#neprehlednete h2 {
	padding: 32px 0 12px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 0.85em;
}

#neprehlednete ul li {
	list-style-type: none;
	padding-left: 10px;
}

#neprehlednete ul li a {
	color: #fff;
	font-size: 0.8em;
}

/*
 * MAPKA
 */
#mapka {
	margin-top: 10px;
	
}

#mapka h2 {
	text-align: center;
	color: #33b6c5;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0 0 5px 0;
}
#mapka_misto {
	
	padding-left: 25px;
	border-left: 1px dashed #b1b0a8;
	border-right: 1px dashed #b1b0a8;
}

/*
#mapka .ohraniceni {
	
}
*/

/*
 * ******************************************************************* PATICKA
 */
#paticka {
	width: 980px;
	margin: 0 auto;
	color: #8f8f8f;
	/* color: #b1b0a8; */
	padding-bottom: 30px;
  overflow: auto;
}

#paticka h2 {
	
}

#paticka p {
	font-size: 0.7em;
	margin: 5px 0;
}

#paticka a {
	color: #8f8f8f;
}

#paticka a:hover {
	text-decoration: underline;
}


.dvousloupcovy {
  overflow: hidden;
 }
 
 .banner {
  clear: both;
 }

/* bez definice resetovace to funguje špatně, pokud je např. více novinek, pak se začne špatně zobrazovat patička .. leze do pravého sloupce  */
.resetovac
{
	border:  0px none;
	margin:  0px;
	padding: 0px;

	float: none;
	clear: both;

	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;

}