/*
EVA CSS - media screen,projection
*/



/* General */

body {
	_text-align:center; /* IE quirk mode box hack */
	background: #B7D1B8 url(../layout/body_bg.gif) repeat-x top;
	font-size:75%;
	margin:0;
	padding:0;
}

body, input, textarea, li, select {
	font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	color:#005C47;
}
img {
/*	border:1px dotted #B6D1B8; */
	padding:2px;
	margin:10px 10px 10px 10px;
	float:right;
}
a {
	color: #FE8401;
}
a:hover {
	color:blue;
}
a img{
	border: 0px;
}
em {
	color:#C86800;
}

.invisible, hr {
	display:none;
}
input, select, textarea{
	font-size: 0.9em;
	padding-left: 2px;
}

h1 {
	color:#015D48;
	text-transform: uppercase;
	font-size: 1.4em;
	margin:0px 0 25px 15px;
}
h2 {
	margin:30px 0 5px 15px;
	font-size:1.2em;
	color:#C86800;
	background: url(../layout/h4_bg.gif) no-repeat left bottom;
	padding-bottom: 3px;
}
h2.high {
	margin:20px 0 10px 15px;
	color:#015D48;
	background: transparent;
	font-size:1.3em;
}
h3 {
	margin:30px 0 5px 15px;
	font-size:1.2em;
	color:#C86800;
	background: url(../layout/h4_bg.gif) no-repeat left bottom;
	padding-bottom: 3px;
}
h4 {
	margin:30px 0 5px 15px;
	font-size:1.2em;
	color:#C86800;
	background: url(../layout/h4_bg.gif) no-repeat left bottom;
	padding-bottom: 3px;

}
.ram img{
	border: 1px solid #FE8401;
}
form h4{
	margin-bottom:20px;
}
.submenu li {
	list-style-type: square;
	color:#FE8401;
}
p, table {
	margin:0px 15px 20px 15px; 
}
ul {
	margin-top:10px;
	margin-bottom:10px;
}
table th {
	text-align: left;
	padding-right:5px;
	font-weight: normal;
	vertical-align: top;
}


.leftcol {
	float: left;
	width: 48%;
}
.rightcol {
	float: right;
	width: 48%;
}
.goup {

padding-left:7px;
background: url(../layout/goup.gif) no-repeat left bottom;
text-decoration: none;
border-bottom: 1px solid #FE8401;

}



/* Layout */

#container {
	_text-align:left; /* IE quirk mode box hack */
	position:relative;
	width:972px;
	margin:0px auto auto auto;
}
#leftshadow {
	width:10px;
	height:290px;
	position:absolute;
	top:0px;
	left:-10px;
	background: url(../layout/shadow_left.gif) no-repeat top
}
#rightshadow {
	width:10px;
	height:290px;
	position:absolute;
	top:0px;
	right:-10px;
	background: url(../layout/shadow_right.gif) no-repeat top
}
#body {
	position:relative;
	top:0;
	left:0;
	width:972px;
	background-color:white;
	padding:228px 0px 0px 0px; 

}
#header-noimg {
	position: absolute;
	top:27px;
	left:7px;
	width:955px;
	height:82px;
	background-color:#08614D ;
}
#header-noimg h1 {
	padding-top:22px;
	margin:0;
	display: block;
	position: absolute;
	width: 160px;
	height: 40px
	top: 0;
	left: 520px;
	color: white;
	font-size: 35px;
}
#header-noimg h1 span {
	position: absolute;
	display: block;
	top:25px;
	right:0;
	width:80px;
	height:20px;
	font-size: 12px;
}
#header-noimg h1 span span {
	position: absolute;
	display: block;
	top:17px;
	right:0;
	width:80px;
	height:20px;
	padding-top:1px;
	border-top: 1px solid #7BAAA0;
}
#header {
	position: absolute;
	top:27px;
	left:7px;
	width:960px;
	height:64px;
	background-image: url(../layout/header.gif);
	background-color: #418676;
	background-repeat: no-repeat;
}
#header-hitbox {
	position: absolute;
	top:91px;
	left:727px;
	width:240px;
	height:129px;
	background: #EEF3EB url(../layout/photo3.jpg) no-repeat;
	
}

#slogan-noimg {
	position: absolute;
	top:93px;
	left:7px;
	width:720px;
	height:129px;
}
#slogan-noimg p {
	margin:0;
	padding-top:60px;
	text-align: center;
	color: #015D48;
	text-transform: uppercase;
	font-size: 1.3em;
	letter-spacing: -1px;
}
#slogan-noimg p span {
	color:#FEB401;
}

#slogan {
	position: absolute;
	top:90px;
	left:7px;
	width:720px;
	height:129px;
	background-image: url(../layout/photo.jpg);
	background-repeat: no-repeat;
	border-top:1px solid #FEB401;
}
#feedback {
	display: none;
	position: absolute;
}
#feedback p {
	color: #005C47;
	margin: 10px 5px 5px 105px;
	font-size: 11px;
}
#feedback p a {
	display:block;
	position:absolute;
	width: 109px;
	height: 28px;
	top:84px;
	left:113px;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-size:9px;
	text-decoration: none;
}
#mainmenu {
	position: absolute;
	display: block;
	top:42px;
	left:7px;
	width: 720px;
	height: 48px;
	margin:0;
	padding:0;
	z-index:2;
}
#mainmenu li {
	display:block;
	list-style-type: none;
	height: 48px;
	float:right;
	background: url(../layout/menu_separator.gif) no-repeat right bottom;
	text-transform: uppercase;
	color:white;
	font-size:10px;
}
#mainmenu li a {
	display:block;
	padding:25px 34px 0 34px;
	color:white;
	text-decoration: none;
}
#mainmenu li a:hover {
	text-decoration: underline;
}
#marketing{
	margin:0;
	padding:0;
	position: absolute;
	display: block;
	right:10px;
	top:7px;
	color: #015D48 ;
	font-size: 0.95em;
}
#marketing a {
	text-decoration: none;
	color:#FE8401;
	padding:0	6px 0 6px;
}
#marketing a:hover {
	text-decoration: underline;
}
#marketing_left{
	margin:0;
	padding:0;
	position: absolute;
	display: block;
	left:30px;
	top:7px;
	color: #015D48 ;
	font-size: 0.95em;
}
#marketing_eshop{
	margin:0;
	padding:0;
	position: absolute;
	display: block;
	right:5px;
	top:27px;
	color: #015D48 ;
	font-size: 0px;
	line-height:0px;
}
#marketing_eshop a img{
	border: 0px;
	margin: 0px;
	padding:0px;
	_margin-left: 2px;
}
#hlavni{
	background: white; padding-top: 128px;
}
.ie7 #hlavni{
	padding-top: 0px;
}
#footer {
	display: block;
	width: 972px;
	height: 89px;
	background: #518F7E url(../layout/footer.gif) no-repeat bottom;
	position: relative;
	clear: both;
	font-size: 11px;
	color: white;
}
#footer a {
	color:#FEB401;
	text-decoration: none;

}
#footer #navrcholu {
	top:-999999px;
	left:20px;
	width:14px;
	height:14px;
	z-index: -1; position: absolute
}

#footer #navrcholu img {
	margin:0;
	padding:0;
}
#footer a{
	color: white;
}
#footer_odkazy{
	width: 480px; padding: 5px 10px;
}

#footer_doporucujeme{
	padding: 0px 10px;
}

.box, .boxhover {
	display: block;
	width: 190px;
	height:132px;
	border-right: 1px dotted #B6D1B8;
	border-bottom: 1px dotted #B6D1B8;
	float: left;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-position: 0 30px;
	position: relative;
	top: -6px;
	z-index: 99;
	_left: -1px;
}


.box a, .boxhover a {
	text-decoration: none;
} 
.box p a, .boxhover p a {
	margin: 0;
	_cursor: hand;
	padding-top: 8px;
	display: block;
	width: 188px;
	height: 22px;
	background: #418676 url(../layout/caption_green.gif) no-repeat 0px 30px;
	text-transform: uppercase;
	font-size: 12px;
	text-indent: 8px;
	/*color:#005C47;*/
	color: white;
	text-align: center;
	_height: 30px;
}
.ie6 .box p a,.ie6 .boxhover p a{
	height: 22px;
}
.box p, .boxhover p{
	margin: 0px;
	padding: 0px;
	width: 190px;
	height: 132px;
	background-position: 0 30px;
	background-repeat: no-repeat;
	font-weight: bold;
}

#callmebox *{
margin:0;

}
#callmebox {
	background: url(../layout/caption_olive.gif) no-repeat;
	margin:2px 9px 0 auto;
	padding:5px 0 0 4px; 
	_margin-right:4px;
	width:169px;
	height:30px;
	float:right;

}
.callmebtn {
	width:70px !important;
	background: #FE8401 url(../layout/button_bg_scalable.gif) repeat-x center center;
	border: 1px white solid;
	color: white;
}

 
/*.box p{
	margin:120px 5px 6px 5px;
	padding:0 0 0 8px;
	background: url(../layout/dot.gif) no-repeat 0px 6px;
}*/
/*.box p a{
	display: block;
	width: 108px;
	height: 35px;
	margin: 10px 10px 0px 20px;
	background: url(../layout/button_bg.gif) no-repeat ;
	color: #FE8401;
	text-decoration: none;
	text-align: center;
	padding-top:12px;
	text-transform: uppercase;
	font-size: 9px;
}*/
.box p#skincare, .boxhover p#skincare {
	background-image: url(../layout/plet.jpg);
}
.box p#toothpaste, .boxhover p#toothpaste {
	background-image: url(../layout/usta.jpg);
}
.box p#hearcare, .boxhover p#hearcare {
	background-image: url(../layout/vlasy.jpg);
}
.box p#shampoo, .boxhover p#shampoo {
	background-image: url(../layout/sampony.jpg);
}
.box p#freebuying, .boxhover p#freebuying {
	background-image: url(../layout/volne.jpg);
}

/*#sub .box, #sub .boxhover, #sub .box a, #sub .boxhover a {
	background: none !important;
	height:132px;
}*/
#leftbox {
	margin-left:7px;
	_margin-left:4px;
}
#rightbox {
	border-right:none;
}



/*#sub .box p{
	margin:10px 5px 3px 5px !important;
}*/


#novinky {
	width:231px;
	float: left;
	margin:7px;
	_margin-left:4px;
	_position: relative;
	_left:-1px;
	color:#015D48;
	background-color: #F9F2E2;
}
#novinky h3 {
	margin:0 0 10px 0;
	display: block;
	width: 231px;
	height: 22px;
	padding-top:8px;
	text-transform: uppercase;
	font-size: 12px;
	text-indent: 8px;
	color:white;
	background: #FEB401 url(../layout/caption_orange.gif) no-repeat left;
}
#novinky h4 {
	margin:0 6px 5px 6px;
	font-size: 1.1em;
	border:none;
	background: none; 
	width:90%;
	color:#005C47;
}
#novinky .datestamp {
	margin:0 6px 0 6px;
	font-size: 0.85em;
}
#novinky p {
	margin:0 6px 20px 6px;
	padding-bottom: 6px;
	border-bottom:1px dotted #AEC5B3;
	font-size: 0.9em;
}
#novinky p a{
	color:#FE8401;
	text-decoration: none;
}
#novinky p a:hover{
	text-decoration: underline;
}
#kontaktform {
	/*width: 177px;*/
	float: right;
	margin:7px;
	_margin-right:4px;
	_position: relative;
	_left:1px;
	color:#015D48;
	background-color: #F9F2E2;	
	text-align: center;
}
#kontaktform h3 {
	margin:0 0 10px 0;
	display: block;
	/*width: 177px;*/
	height: 22px;
	padding-top:8px;
	text-transform: uppercase;
	font-size: 12px;
	text-indent: 8px;
	color:white;
	background: #FEB401 url(../layout/caption_orange.gif) repeat left;
}
#kontaktform form{
	text-align:right;
	vertical-align: top;
}
#kontaktform input, #kontaktform textarea {

	font-size:0.9em;
	border: 1px orange solid;
	padding-left:2px;
	width:99%;
	height:16px
	border: 1px #FEB401 solid;
	background-color:white;

}
#kontaktform label{
	font-size: 10px;
}
#kontaktform table {
	margin:3px;
	width: 80%;
	margin: 0px auto;
}

#kontaktform table th {
	padding: 4px 1px 6px 1px;
	font-weight: normal;
	vertical-align: top;
	text-align: right;
	border-bottom:1px dotted #AEC5B3;
	width:50px;
	text-align: left;
}
#kontaktform table td {
	text-align: right;
	border-bottom:1px dotted #AEC5B3;
	padding: 4px 1px 6px 1px;
}
.orangebutton {
	
	border: none !important;
	padding:1px 0 0 0;
	text-align: center;
	margin:0;
	display: block;
	width:107px !important;
	height:33px !important;
	background:#FE8401 url(../layout/button_bg_orange.gif) no-repeat top left ;
	color: white;
	text-transform: uppercase;
	font-size:9px;
	cursor:pointer;
	_cursor:hand;
}
.orangebutton2 {
	
	border: none !important;
	padding:1px 0 0 0 !important;
	text-align: center;
	margin:0;
	width:210px !important;
	height:35px !important;
	background:#FE8401 url(../layout/button_bg_orange2.gif) no-repeat top left ;
	color: white;
	text-transform: uppercase;
	font-size:9px;
	cursor:pointer;
	_cursor:hand;
}
.resetbutton {
	
	border: none !important;
	padding:1px 0 0 0;
	text-align: center;
	margin:0;
	width:108px !important;
	height:35px !important;
	background:#FFFFFF url(../layout/button_bg.gif) no-repeat top left ;
	color: #FE8401;
	text-transform: uppercase;
	font-size:9px;
	cursor:pointer;
	_cursor:hand;
}
#links {
	clear:both;
	margin:0 7px 0 7px;
	border-top:1px dotted #AEC5B3;
}
#links p {
	margin:5px 0 2px 0;
}
#links a {
 text-decoration: none;
}
#links img {
	border:none;
	float: none;
	margin:0;
}


 /* navigace */

#mainmenu, #mainmenu *{
	margin: 0;
	padding: 0;
	list-style: none;
}
#mainmenu a.submenuIsOn{
	text-decoration: underline;
	border-collapse: collapse;
}
 
#mainmenu ul{
	border: 1px #005C47 solid;
	margin: 0;
	position:absolute;
	left:0px;
	top:47px;	
	display: none;
	z-index:100;
	width: 120px;
	background:#418676;
}
#mainmenu ul li{
	float:none !important;
	height:20px;
	margin:0px !important;
	padding: 0px !important;
	background:none;
}
#mainmenu ul li a{
float:none !important;
margin:6px !important;
padding:0px !important;
width:auto;



}
#mainmenu ul a:hover{
	text-decoration: underline;
}
#mainmenu li:hover ul, #mainmenu li.hover ul{
	display: block;
}

##prodmenu{
	position: absolute; z-index:5
}
#prodmenu div ul, #prodmenu div ul *{
	margin: 0;
	padding: 0;
	list-style: none;
}
#prodmenu div ul a.submenuIsOn{
	text-decoration: underline;
	border-collapse: collapse;
}

#prodmenu div ul{
	border: 1px #005C47 solid;
	margin: 0;
	position:absolute;
	left:0px;
	top:29px;	
	display: none;
	width: 186px;
	background:#418676;
	z-index:2;
}
#prodmenu div ul li{
	float:none !important;
	height:auto;
	margin:0px !important;
	padding: 4px 0px !important;
	background:none;
}
#prodmenu div ul li a{
float:none !important;
margin:6px !important;
padding:0px !important;
height:auto !important;
width:auto;
color:white;

}
#prodmenu div ul a:hover{
	text-decoration: underline;
}
#prodmenu div:hover ul, #prodmenu div.boxhover ul{
	display: block;
}

#soutez div p{
margin-top:0;
margin-bottom:5px;
}
#soutez div p input, #soutez div p select, #soutez div p textarea{
margin-top:0px;
margin-bottom:10px;
}
#soutez h4 {
	margin-top:6px;
	margin-bottom:8px;
	
}
#editor_env {
	text-align:left;
}
#editor_env img {
	margin:0 !important;
	padding:0 !important;
}
.cleaner{
  clear:both;
}
img.hp{
  margin:0px 0px;
  padding:0px;
  border:0px;
  float:none;
}
ul.vtextu li{
  margin:0.3em 0px 0.3em 0px;
}

/* style pro uvodni stranu*/
h1#uvod{
	font-size: 9pt; font-variant: normal;text-transform: none;
}
div#uvod_pudr{
	float: right; text-align: center; width: 250px; margin-top: -45px
}
div#uvod_pudr h2{
	text-align: right; margin: 0px 15px;
}
div#uvod_pudr strong{
	color: orange; font-size: 8pt;
}
div#uvod_pudr a img{
	border:0px;
}
div#uvod_sit_prodejen{
	text-align: center;
}
div#uvod_sit_prodejen img{
	float: none;
}
img.uvod_tlacitko{
	margin: 5px 10px; border: 0px; float: right; clear: right;
}
h2#uvod_nadpisnovinky{
	font-size: 9pt; text-transform: none; width: 500px; padding: 15px 0px;margin:0px 15px 20px 15px; border-bottom: 1px solid #E8E6E7;
}
p#uvod_novinky{
	line-height: 16pt; text-align: justify
}
p#uvod_novinky strong.vyrazny{
	color: orange;
}