@media screen
{
	
	/* reset.css */
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
	body {line-height:1.5;}
	table {border-collapse:separate;border-spacing:0;}
	caption, th, td {text-align:left;font-weight:normal;}
	table, td, th {vertical-align:middle;}
	blockquote:before, blockquote:after, q:before, q:after {content:"";}
	blockquote, q {quotes:"" "";}
	a img {border:none;}

	/* texty.css */
	body {font-size:75%;color:#000;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
	h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
	h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
	h2 {font-size:2em;margin-bottom:0.75em;}
	h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
	h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
	h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
	h6 {font-size:1em;font-weight:bold;}
	h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
	p {margin:0 0 1.5em;}
	p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
	p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
	a:focus, a:hover {color:#000;}
	a {color:#009;text-decoration:underline;}
	blockquote {margin:1.5em;color:#666;font-style:italic;}
	strong {font-weight:bold;}
	em, dfn {font-style:italic;}
	dfn {font-weight:bold;}
	sup, sub {line-height:0;}
	abbr, acronym {border-bottom:1px dotted #666;}
	address {margin:0 0 1.5em;font-style:italic;}
	del {color:#666;}
	pre, code {margin:1.5em 0;white-space:pre;}
	pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
	li ul, li ol {margin:0 1.5em;}
	ul, ol {margin:0 1.5em 1.5em 1.5em;}
	ul {list-style-type:disc;}
	ol {list-style-type:decimal;}
	dl {margin:0 0 1.5em 0;}
	dl dt {font-weight:bold;}
	dd {margin-left:1.5em;}
	table {margin-bottom:1.4em;width:100%;}
	th {font-weight:bold;background:#C3D9FF;}
	th, td {padding:4px 10px 4px 5px;}
	tr.even td {background:#E5ECF9;}
	tfoot {font-style:italic;}
	caption {background:#eee;}


	
	
	
	/*********Obecne tagy********/
	body
	{
	background-color: #E4E4E4;
	}
	
	img
	{
		margin: 0;
		border: none;
	}
	
	img.right, img.left, img.center, img.bottom { padding: 3px; }
	
	img.right
	{
		float: right;
		margin: 5px 5px 5px 10px;
	}
	
	img.left
	{
		float: left;
		margin: 5px 10px 5px 5px;
	}
	
	img.center
	{
		float: none;
		margin: 5px auto;
	}
	
	img.no_border
	{
		border-color: transparent;
		border-style: none;
	}
	
	img.foto-det { width: 500px; }
	
	div
	{
		margin: 0;
		padding: 0;
	}
	
	a { color: #666; }
	a:hover { color: #333; }
	
	h1, h2, h3
	{
		/*color: black;*/
		margin: 15px 0 0 0;
		color: #D53733;
		clear:both;
	}
	
	h1 { font-size: 120%; }
	h2 { font-size: 110%; }
	h3 { font-size: 105%; }
	h1.right { font-size: 120%; text-align:right; margin-right:40px;}
	
	hr.cleaner
	{
		clear: both;
		visibility: hidden;
		margin: 0;
		padding: 0;
	}
	
	hr
	{
		border-color: #F60;
		border-width: 1px;
		border-style: solid;
	}
	
	dl
	{
		display: block;
		border: 0;
		margin: .6em 0;
		padding: 0;
	}
	
	dt
	{
		display: block;
		border: 0;
		margin: .6em 0;
		padding: 0;
	}
	
	dd
	{
		display: block;
		border: 0;
		margin: .6em 0 .6em 2em;
		padding: 0;
	}
	
	/*********Layout DIVs********/
	div#cover
	{
		width: 888px;
		height: auto;
		margin: 0 auto;
		padding: 0;
		background-image: url(images/body_bck.gif);
		background-repeat: repeat-y;
		background-position: center top;
		display: block;
	}
	
	img#logo
	{
		float: left;
		margin: 25px 0 0 45px;
	}
	
	div#toolbox
	{
		width: 345px;
		height: 25px;
		margin: 0 0 10px 0;
		float: right;
		text-align: right;
		text-transform: inherit;
		line-height: 25px;
	}
	
	div#toolbox p { font-weight: bold; }
	
	div#header, div#footer,div#header_vita,div#header_katalog,div#header_kontakt, div#header_gracia, div#header_odevy
	{
		width: 888px;
		margin: 0;
		padding: 0;
	}
	
	div#footer
	{
		clear: both;
		float: right;
		margin: 0;
		border-width: 0px 1px 1px 1px;
		font-size: 90%;
		_font-size: 80%;
		height: 56px;
		background-image: url(images/footer_bck.jpg);
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	div#header,div#header_vita,div#header_katalog,div#header_kontakt,div#header_ameli,div#header_ava,div#header_dea_medicinska,div#header_zoe,div#header_kosik,
	div#header_ela,div#header_eva,div#header_gracia,div#header_leona,div#header_lina,div#header_rea,div#header_toning, div#header_odevy
	{
		background-image: url(images/header_bck.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		height: 257px;
	}
	
	div#header_kontakt {background-image: url(images/header_bck_kontakt.jpg);}
	
	/*MOJE DEFINICE PRO ZMENU OBR. V ZAHLAVI by MATES*/
	div#header_katalog {background-image: url(images/header_bck_katalog.jpg);}
  div#header_vita {background-image: url(images/header_bck_vita.jpg);}
  div#header_ameli {background-image: url(images/header_bck_ameli.jpg);}
  div#header_ava {background-image: url(images/header_bck_ava.jpg);}
  div#header_dea_medicinska {background-image: url(images/header_bck_dea.jpg);}
  div#header_ela {background-image: url(images/header_bck_ela.jpg);}
  div#header_eva {background-image: url(images/header_bck_eva.jpg);}
  div#header_gracia {background-image: url(images/header_bck_gracia.jpg);}
  div#header_leona {background-image: url(images/header_bck_leona.jpg);}
  div#header_lina {background-image: url(images/header_bck_lina.jpg);}
  div#header_rea {background-image: url(images/header_bck_rea.jpg);}
  div#header_toning {background-image: url(images/header_bck_toning.jpg);}
  div#header_zoe {background-image: url(images/header_bck_zoe.jpg);}
	div#header_kosik {background-image: url(images/header_bck_kosik.jpg);}
	div#header_odevy {background-image: url(images/header_bck_odevy.jpg);}
	
	div#header h1,div#header_kontakt h1,div#header h1,div#header_vita h1, div#header_katalog h1, div#header_ameli h1,div#header_ava h1,div#header_dea_medicinska h1,div#header_zoe h1,div#header_kosik h1,
	div#header_ela h1,div#header_eva h1,div#header_gracia h1,div#header_leona h1,div#header_lina h1,div#header_rea h1,div#header_toning h1, div#header_odevy h1{ display: none; }
	
	div#footer p
	{
		/*line-height: 30px;*/
		text-transform: inherit;
		text-align: center;
		display: none;
	}
	
	/************Lokalni menu******/
	div#main_menu,div#local_menu
	{
		width: auto;
		height: 40px;
		padding: 0;
		background-color: #999999;
		margin: 0 4px;
	}
	
	div#local_menu { background-color: #CCCCCC; }
	div#local_menu p { margin: 0; }
	
	div#main_menu ul,	div#local_menu ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-position: default;
	}
	
	div#main_menu li, div#local_menu li
	{
		list-style-type: none;
		list-style-position: default;
		display: block;
		margin: 0;
		padding: 0;
		text-transform: inherit;
		float: left;
	}
	
	div#main_menu a, div#local_menu a
	{
		height: 40px;
		width: 114px;
		display: block;
		margin: 0 5px;
		padding: 0;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 0;
		float: left;
		color: white;
		line-height: 40px;
		text-align: center;
	}
	
	div#main_menu a:hover
	{
		height: 35px;
		border-width: 0 0 5px 0;
		border-style: solid;
		border-color: white;
	}
	
	div#main_menu a.selected { background-position: 0 -115px; }
	
	div#content
	{
		width: 580px;
		height: auto;
		float: right;
		margin: 2px;
	}
	
	div#content-in { padding: 5px 5px; }
	div#content-in_text { padding: 5px 15px; }
	
	div#content-in p
	{
		text-transform: inherit;
		margin: 0px 0px 10px 0px;
	}
	
	div#content-in li
	{
		margin: 1em 0.5em;
		padding: 0 0 0 15px;
		list-style-type: disc;
	}
	
	
	div#content_text
	{
		width: 250px;
		/*display: none;*/
		padding: 5px;
		float: left;
		/*background-color: #F33;*/
		height: 450px;
		margin: 5px;
	}
	
	
	
	img.tuv {margin: 0 0 0 75px; float: left;}
	/**********Tabulky**********/
	table
	{
		width: 95%;
		display: table;
		border-collapse: collapse;
		margin: 10px;
	}
	
	tr { display: table-row; }
	
	td, th
	{
		display: table-cell;
		/*border-color: #A1A1A1;
		border-width: 1px;
		border-style: solid;*/
		height: 1.5em;
		text-align: center;
		text-transform: inherit;
		padding: 5px;
	}
	
	th { background-color: #C4C4C4; }
	
	/*******Katalog seznam*********/
	/*OPTIMALIZOVAT PRO IE*/
  #lista{height:40px;
	       width:600px;
         font-size:15px;
         background-color:#E6E6E6;
         display:block;
         position: relative;
         top:-47px;
         left:-27px;
         } 
            
  .lista_podtitul{padding:6px;
                  color:grey;
                  font-weight:bold;
                  text-decoration:none;
                  position:relative;
                  top:8px;}
  
  div.product
	{
		width: 263px;
		_width: 263px;
		height: 200px;
		/*background-color: #CCC;*/
		float: left;
		margin: 5px 10px 0 0;
		padding: 2px;
	}
	
	div.product_odevy
	{
		width: 170px;
		_width: 170px;
		height: 200px;
		/*background-color: #CCC;*/
		float: left;
		margin: 30px 10px 0 0;
		padding: 2px;
	}
	
	div.product h4,div.product_odevy h4 { margin-bottom: 1px; }
	
	div.product a.btndetail
	{
		clear: both;
		display: block;
		width: 100px;
		height: 20px;
		background-color: #ccc;
		text-decoration: none;
		line-height: 20px;
		padding: 1px 5px;
	}
	
	/*stin*/
	div.img-dec
	{
		background: url('images/shadow.gif') no-repeat bottom right;
		float: left;
		margin: 5px 0 5px 0px;
		padding: 0;
		position: relative;
		overflow: hidden;
	}
	
	div.img-dec img
	{
		background-color: #fff;
		border: 1px solid #a9a9a9;
		display: block;
		margin: -5px 5px 5px -5px;
		padding: 4px;
		position: relative;
		overflow: hidden;
	}
	
	div.img-ilus
	{
		background: url('images/shadow.gif') no-repeat bottom right;
		margin: 10px 1px;
		padding: 0;
		position: relative;
	}
	
	div.img-ilus img
	{
		position: relative;
		vertical-align: bottom;
	}
	
	/****Registrace****/
	a.regbtn
	{
		width: 170px;
		line-height: 25px;
	}
	
	form.kontakt {width:500px}
	form.registrace, form.prihlaseni {width:370px;}/*370*/
	form.kontakt  label, form.registrace label, form.prihlaseni label {width:70px; font-weight:bold;display:block;}
	form.kontakt  input, form.kontakt textarea, form.registrace input , form.registrace textarea, form.prihlaseni input { width:180px;}
	
	.submitbtn {clear:both;}
	fieldset {border: 1px solid #999; padding: 3px; margin:5px;}
	legend {font-weight:bold; color:red;}
	
	.red { color: #C00; }


}