/* --------------------------- nadpisy --------------------------- */

h1, h1 a {
  font-size: 21px;
  color: #000;
  font-weight: normal;
  margin: 0;
  padding: 0;
  margin-left: 20px;
}

h1.logo {
  margin: 0;
  padding: 0;
  float: left;

}

h1.logo a
{
  display: block;
  width: 249px;
  height: 91px;
  background: transparent url(../images/loreal_logo.jpg) left top no-repeat;
  margin: 0;
  padding: 0;
  outline: none;
}

h1.vyhledavac_salonu
{
  background: transparent url(../images/h1_vyhledavac_salonu.jpg ) right 8px no-repeat;
  display: block;
  height: 38px;
  margin-bottom: 20px;
  _margin-bottom: 0px;
}

/* --------------------------- odkazy --------------------------- */

a {
  outline: none;
}

table.salony td a
{
  background-color: #93dfe3;
  border: 1px solid #8cd6da;
  padding: 0 5px 0 5px;	
  text-decoration: none;
  color: #001722;
  
}
table.salony td a:hover
{
  background-color: #7ed4d9;
}

#paticka p a
{
  color:#3FAEB5;
}

#paticka p a:hover
{
  text-decoration: none;
  color: #1F8E97;
}

/* --------------------------- seznamy --------------------------- */




/* --------------------------- formulare --------------------------- */

form {
	margin: 0;
	padding: 0;
}

table input
{
  line-height: 30px;
  border: 1px solid #e7e5e5;
  background-color: #ebebeb;
  padding: 3px 0 3px 0;
  width: 208px;
  text-indent: 4px;
}

table input.hledat
{
  background-color: #93dfe3;
  border: 1px solid #8cd6da;
  width: 100px;
  text-align: center;
  margin-left: 15px;
  cursor: pointer;
  text-indent: 0px;
  _line-height: 10px;  
}

table input.polovicni
{
  width: 90px;
}


/* --------------------------- tabulky --------------------------- */

table.formular
{
  display: block;
  float: right;
  width: 275px;
}

table.formular td
{
  font-size: 14px;
  white-space: nowrap;
  color: #616464;
}

table.formular td.upozorneni
{
  font-size: 12px;
  color: #771a1a;
  line-height: 35px;
}


table.salony
{
	border-collapse: collapse;
    font-size: small;

	width: 98%;
	_width: 95%;
}

table.salony td
{
	padding: 2px 3px 2px 3px;
	border-bottom: 1px solid #cef2f9;
}

table.header
{
	margin: 10px 0px 5px 10px;
	_margin-top: 0px;
	width: 95%;
	border-collapse: collapse;
}

table.header th
{
    font-variant: small-caps;
    font-size: small;
	color: #2a7d82;
    background-color: #b3eaed;
    line-height: 30px;
    font-size: 15px;
    text-align: left;
    padding: 0 3px 0 3px;
    font-weight: normal;
}

/* obal tabulky se scrollbarem */

.obal
{
	margin: 0px 0 0 10px;
	width: 520px;
	height: 230px;
	overflow-x: hidden;
	overflow-y: auto;
}

.obal table
{
}


/* --------------------------- paragrafy --------------------------- */

p {
	color: #3faeb5;
	text-align: right;
	margin-right: 20px;
}

#paticka p
{
  margin: 0;
  padding: 0;
}

#paticka p.levy,
#paticka p.pravy
{
  display: block;
  float: left;
  width: 200px;
  font-size: 11px;
  text-align: left;
}

#paticka p.pravy
{
  float: right;
  text-align: right;
}

p.small
{
  font-size: 11px;
}


/* --------------------------- struktura stranky --------------------------- */

body {
  margin: 0;
  padding: 0;
  background: #fff; 
  text-align: center;
  /*font-family: Myriad Pro,Tahoma;*/
  font-family: Helvetica, Arial,sans-serif;
}



#dokument {
  display: block;
  float: none;
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
}


#stranka {
  display: block;
  float: none;
  width: 800px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  position: relative;
}

#paticka
{
  display: block;
  float: none;
  width: 800px;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: left;
}


#hlavicka
{
  display: block;
  float: none;
  width: 800px;
  height: 91px;
  overflow: hidden;
}



#obsah {
  display: block;
  float: none;
  width: 800px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
}


.levy_sloupec {
  display: block;
  float: left;
  width: 249px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.levy_sloupec .flash 
{
  width: 249px;
  height: 471px;
  display: block;
  float: none;
  /*background: transparent url(../images/no_flash.jpg) left top no-repeat;*/
}




.pravy_sloupec {
  display: block;
  float: right;
  width: 550px;
  overflow: hidden;
  height: auto;
  background: transparent url(../images/stranka_bg.jpg) -250px top no-repeat;
  height: 470px;  
}


.intro
{
  display: block;
  float: none;
  width: 800px;
  /*height: 433px;*/
  height: 370px;
  margin: 0 0 10px 0;
}



/* --------------------------- pomocne objekty --------------------------- */

.cistic, .cistic_vlevo, .cistic_vpravo
{
  clear:both;
  display:block;
  width:auto;
  height:0px;
  margin: 0;
	padding: 0;
	border: none;
}

.cistic_vlevo 
{
  clear: left;
}

.cistic_vpravo
{
  clear: right;
}

.skryty_text {
  font-size: 0px !important;
  padding: 0;
  margin: 0;
  border: none;
  line-height: 0;
  letter-spacing: -99999px !important; 
  text-decoration: none !important;
  overflow: hidden !important; 
  text-indent: -9999px !important;  
  visibility: hidden;
  display: none;
  height: 0;
}

.center, #obsah .center {
  text-align: center;
}



.vlevo {
  display: block;
  float: left;
}

.vpravo {
  display: block;
  float: right;
}  
  
span.red {
  color: #771a1a;
  font-size: 0.8em;
}
  
.loreal
{
  width: 800px;
  height: 471px;
  outline: none;
}

.border {
  border: 1px solid #cbcbcb;
}





/* neautorizovane upravy :-) */

.errors
{
	color: red;
    /*font-weight: bolder;*/
}



.detail
{
	font-family:Helvetica, Arial,sans-serif;
    font-size: small;
	/*width: 100%; */
}

.detail table
{
	margin-left: auto;
	margin-right: auto;
	
}

.detail table td
{
	text-align: left;
	
}

.detail table .name
{
	text-align: right;
	padding-right: 2em;
	font-weight: bolder;
}

.detail h2
{
	color: #3faeb5;
}