﻿/* @override http://192.168.1.2/assets/templates/gyno-pevaryl/css/web.css */

html {
	text-align:center;
	margin:0 auto 0 auto;
	width:100%;
	background: url(../images/bg.png) top left repeat-x;
}

body {
	text-align:center;
	margin:0 auto 0 auto;
	padding: 0px;
	font-family: Arial, Tahoma, Helvetica, Sans Serif;
	line-height: 120%;
	font-size: 13px;
	color: #fff;
	
}

html>body .clear {
	clear:both;
	height:1px;
	overflow: hidden;
}

/* zakladni formatovani textu */

h1 {
	margin:5px 0 10px 0;
	line-height:1.1em;
	_line-height: 1.2em;
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
}

h7 {
	margin:0px 0 20px 0;
	line-height:36px;
	font-size:36px;
	font-weight:bold;
	text-align:left;
	color:#fff;
}
h2 span {
	color:#006C70 !important;
}

h3 {
	margin:5px 0 10px 0;
	line-height:1.1em;
	_line-height: 1.2em;
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
}

h3 span {
	color:#006C70;
}

h2 {
	margin:10px 0 15px 0;
	line-height:26px;
	font-size:26px;
	font-weight:bold;
	text-align:left;
	color:#fff;
}

h2.article {
  margin:5px 0 10px 0;
	line-height:1.1em;
	_line-height: 1.2em;
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
}

h2.article span {
  color:#006C70;
}

h4 {
	margin:5px 0 10px 0;
	line-height:1.1em;
	_line-height: 1.2em;
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
}
h4 span {
	color:#006C70;
}

h5 {
	margin:5px 0 10px 0;
	line-height:16px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
h5 span {
	color:#006C70;
}

#content_right h4 {
  font-size:14px !important;
}

#content_right h2.article {
  font-size:14px !important;
}

hr {
  width:100%;
  height:2px;
  margin:10px 0;
  border:0;
  clear:both;
	background: url(../images/hr.gif) top left repeat-x;
}

a {color:#006C70;}
a img {border:0;}

#content_left_inner img.left {
  float:left;
  margin:0 10px 10px 0;
  border:1px solid #54ACAC;
}
#content_left_inner img.right {
  float:right;
  margin:0 0px 10px 10px;
  border:1px solid #54ACAC;
}

ul {
	margin:0;
	padding:0;
}

a.home_link {
	display:block;
	width:280px;
	height:93px;
	float:left;
	text-align:left;
	margin:40px 0 0 30px;
	position:absolute;
	z-index:1000000000;
	color:#fff;
}


/* forms */

input {
	height:22px;
	width:187px;
	padding:3px;
	float:left;
	border:1px solid #DA990D;
	border-top:1px solid #6D4C06;
	background: #fff;
}

/* zakladni layout */

#page_outer {
	width:100%;
	height:auto;
	min-height:204px;
	margin:0px auto -320px auto;
	position:relative;
  	text-align:center;
	background: url(../images/bg_main.png) top center no-repeat;
	_margin-bottom:1px;
}

#page {
	height:auto;
	width:962px;
	margin:0px auto 0 auto;
	padding:0px 0px;
	min-height:520px;
	height:auto;
	_height:520px;
	overflow:visible !important;
 	 text-align:center;
	*position:relative;
	z-index:1000;
}

#page_inner {
	height:auto;
	margin:0px auto 0 auto;
	position:relative;
	top:300px;
	overflow:visible !important;
	margin-bottom:-300px !important;
}


#top {
	margin:0px;
	padding: 0px;
	height:204px;
}

#hidden_menu {
  position:absolute;
  top:152px;
  margin-left:12px;
}

ul.mainmenu {
  display:block;
}
ul.mainmenu li {
  display:block;
  float:left;
  height:34px;
  text-align:left;
}
ul.mainmenu li a {
  display:block;
  height:34px;
  font-size:1px;
  color:#E61D81;
}
li.menuitem_1 a {
  width:262px;
  margin:0 2px 0 0;
}
li.menuitem_2 a {
  width:193px;
  margin:0 2px 0 0;
}
li.menuitem_3 a {
  width:185px;
}


#my_flash {
  width:936px;
  height:133px;
  position:relative;
  top:54px;
  left:-1px;
  _left:0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#my_flash {
  top:54px;
  left:0px;
}
}

#mainbox {
	text-align:left;
	width:936px;
	margin:0 0px 0 11px;
	*margin:0 0px 0 -1px;
	background:none;
	position:relative;
	top:-312px;
	z-index:1000 !important;
	background: url(../images/bg_mainbox.gif) 0px -60px repeat-y;
	*background: url(../images/bg_mainbox.gif) 0px -64px repeat-y;
}
#mainbox > #mainbox{
color:blue; /* Only Firefox runs this style */
}
.hp #mainbox {
	background: none;
}

#content_left {
	float:left;
	width:670px;
	*width:620px;
	height:auto;
	min-height:660px;
	overflow:visible;
	_overflow:hidden;
}

.hp #content_left {
	_position:absolute;
	_margin:0 0px 0 -310px;
	_overflow:visible;
	_width:620px;
}

#content_left_inner {
	*width:680px;
	*overflow:visible;
	_position:static;
}

#content_right {
	width:310px;
	_overflow:hidden;
	height:100%;
	min-height:725px;
	_height:755px;
	position:absolute;
	*position:relative;
	right:0;
	*left:5px;	
	_left:1px;
	_margin-left:620px;
	background: url(../images/wave.png) 0px -60px repeat-y;
	_background: url(../images/wave_ie6_content.gif) 0px -60px repeat-y;
}

.hp #content_right {
	_position:relative;
	_float:left;
	_left:625px;
	_margin-left:0px;
	*min-height:730px;
	_width:310px;
	_background: url(../images/wave.gif) 0px -60px repeat-y;
}


#footer {
	clear:both;
	height:500px;
	margin:0px auto -450px auto;
 	text-align:center;
	padding:0;
	float: left;
	width: 100%;
	position: relative;
	background: url(../images/bg_footer.png) bottom center no-repeat;
	top: -325px;
	_top:0px;
	_margin-bottom:1px;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer {
  top:1px;
}
}


/* footer */

#footer_inner {
	width:936px;
	height:140px;
	margin:0px auto 0 auto;
	padding:0;
	position: relative;
	top: 325px;
	right: 15px;
	text-align:left;
	background: none;
}

#footer_inner a {
	color:#000;
}

.footer_top {
	width:906px;
	padding:8px 15px;
	background:none;
}

ul.footer_menu {
	display:block;
	width:906px !important;
}

ul.footer_menu li {
	display:block;
	float:left;
	width:auto;
	padding:0 10px 0 5px;
}

ul.footer_menu li a {
	color:#C5227D !important;
	font-size: 11px;
}


.footer_left {
	float:left;
	width:390px;
	margin:10px 0 0 20px;
	padding:0 10px 0 0px;
	font-size:11px;
	color:#000;
	border-right:1px solid #EDABED;
}

.footer_left p {
	line-height:14px;
	margin:0;
	padding:0;
}

.footer_right {
	float:left;
	margin:10px 0 0 20px;
	font-size:11px;
	color:#000;
	line-height:14px;
}

ul.footer_links {
  margin:0 0 10px 0;
  
}
ul.footer_links a {
  margin:0 10px 0 0;
}
ul.footer_links li.footer_link {
  list-style: 0px none outside;
  margin: 0px 2px 0px 0px;
  display: inline;
}

.footer_helper {
  height:370px;
  margin:0 0 -1000px 0;
  position:relative;
  background:#fff;
  *display:none;
}



/* wide helper */

.wide {
	width:100%;
	text-align:right;
}


/* eu a langmenu */


/* hp */

.slideshow_corner {
  width:6px;
  height:6px;
  position:absolute;
	z-index:100;
	background: url(../images/slideshow_corner.png) top left no-repeat;
	_background: url(../images/slideshow_corner.gif) top left no-repeat;
}

.slideshow {
  margin:0 0 7px 0;
}


.hp_box_first {
  width:670px;
  margin:0 0 7px 0;
}
.hp_box_first_top {
  padding:13px 13px 0 13px;
	background: url(../images/hp_box_first_top.png) top left no-repeat;
	height: 120px;
}
.hp_box_first_bottom {
  height:13px;
  margin:0;
  clear:both;
	background: url(../images/hp_box_first_bottom.png) bottom left no-repeat;
}

.image_left {
	float:left;
	width:80px;
	height:100px;
	margin:0 10px 20px 0;
}
.image_left_border {
	width:80px;
	height:100px;
	position:absolute;
	z-index:10;
	background: url(../images/border.png) top left no-repeat;
	_background: url(../images/border.gif) top left no-repeat;
}

.first_image_left_border {
	width:80px;
	height:100px;
	position:absolute;
	z-index:10;
	background: url(../images/first_border.png) top left no-repeat;
	_background: url(../images/first_border.gif) top left no-repeat;
}

.image_left img {
	border:0;
	background:0;
	width:80px;
	height:100px;
}

.text_right {
  color:#fff;
}

.text_right p {
  height:63px;
  margin:0 20px 10px 0;
  padding:0;
  font-size:14px;
}

.titled_link {
	display:block;
	margin:0 0 10px 0;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;


}

.hp_box_first h3 {
  	margin:0;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#fff;
}

.hp_box_2 h3,
.hp_box_3 h3,
.hp_box_2 h3 a,
.hp_box_3 h3 a {
 	 margin:0 0 15px 0;
 	 display: inline;
	font-size:1.18em;
	line-height:1.1em;
	font-weight:bold;
	color:#006C70 !important;
	height: 27px;
	line-height:1.16em;
	&line-height: 1.22em;
	_line-height:1.38em !important;
}

.link_more {
  float:right;
  padding:0 13px 0 0;
  margin:0 25px 0px 0;
  _margin-top: -10px !important;
  font-weight:bold;
  font-size:11px;
  color:#007B80;
 background: url(../images/link_more.gif) top right no-repeat;

}



.hp_box_2 {
  float:left;
  width:326px;
  margin:0 4px 0px 0;
}
.hp_box_2_top {
  padding:13px 13px 0 13px;
  _padding:13px 5px 0 13px;
  _margin:0 0 -5px 0;
	background: url(../images/hp_box_2_top.gif) top left no-repeat;
	height: 225px;
  _height: 230px;
  _overflow:hidden;
}
.hp_box_2_bottom {
  height:13px;
  margin:0;
  clear:both;
	background: url(../images/hp_box_2_bottom.gif) bottom left no-repeat;
}

.hp_box_2 .text_right p {
	font-size:12px;
  height:155px;
  margin:0 10px 10px 0;
  position: relative;
  top: 10px;
}


.hp_box_3 {
  float:left;
  width:340px;
  margin:0 0 0px 0;
}
.hp_box_3_top {
  padding:13px 20px 0 13px;
  _margin:0 0 -5px 0;
	background: url(../images/hp_box_3_top.gif) top left no-repeat;
  height: 225px;
  _height: 230px;
  _overflow:hidden;
}
.hp_box_3_bottom {
  height:13px;
  margin:0;
  clear:both;
	background: url(../images/hp_box_3_bottom.gif) bottom left no-repeat;
}

.hp_box_3 .text_right p {
	font-size:12px;
	height:150px;
	position: relative;
	top: 10px;
}


/* pravý sloupec */

.info_box {
  margin:0 0 0 38px;
  width:272px;
  height:145px;
	background: url(../images/bg_info_box.png) top right no-repeat;
}

.info_menu {
  padding:5px 0 0 0;
}

.info_menu li {
  list-style:none;
}

.info_menu li a {
  display:block;
  height:auto;
  min-height:35px;
  _height:35px;
  padding:0px 0 0 25px;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  color:#007B80;
	background: url(../images/info_link.png) bottom left no-repeat;
}

.info_menu li a:hover {
  color:#DB1577;
}

.info_menu .info_1 {
}
.info_menu .info_2 {
  margin:0 0 0 -4px;
  _margin:0 0 0 0px;
  _position:relative;
  _left:-4px;
}
.info_menu .info_3 {
  margin:0 0 0 -6px;
  _margin:0 0 0 0px;
  _position:relative;
  _left:-6px;
}
.info_menu .info_4 {
  margin:0 0 0 -5px;
  _margin:0 0 0 0px;
  _position:relative;
  _left:-5px;
}


.why_box {
  margin:0 0 0 10px;
  padding:10px 0 0 0;
  width:300px;
  height:145px;
	background: url(../images/why_box_header.png) top right no-repeat;
}

.why_box h4 {
  padding:0 0 5px 25px;
  margin:0;
}

.why_box h2.article {
  padding:0 0 5px 25px;
  margin:0;
}

.why_summary {
  padding:10px 0 0 25px;
}

.why_summary li {
  display:block;
  height:auto;
  min-height:25px;
  _height:25px;
  padding:0px 0 0 40px;
  list-style:none;
  text-decoration:none;
  font-size:14px;
  font-weight:normal;
  color:#007B80;
	background: url(../images/summary.png) top left no-repeat;
}

.why_summary .summary_1 {
}
.why_summary .summary_2 {
  margin:0 0 0 3px;
}
.why_summary .summary_3 {
  margin:0 0 0 7px;
}
.why_summary .summary_4 {
  margin:0 0 0 11px;
}



.product_box {
  margin:0 0 0 29px;
  *margin:0 0 0 32px;
  padding:10px 0 0 0;
  text-align:center;
  width:281px;
  *width:278px;
  height:145px;
	background: transparent url(../images/product_header.png) top right no-repeat;
}

.product_box h4 {
  padding:0 0 15px 24px;
  margin:0 0 0 3px;
  text-align:left;
}

.product_box h2.article {
  padding:0 0 15px 24px;
  margin:0 0 0 3px;
  text-align:left;
}

span.product_name {
  padding:0px 0 0 20px;
  font-size:16px;
  font-weight:bold;
  color:#007B80;
}

.product_box img {
  margin:20px 0 10px 0;
}

.product_box p {
  width:230px;
  margin:10px 0 0px 40px !important;
  text-align:left;
  color:#007B80;
}

.product_box p a {
  color:#007B80;
}

.button_buy {
  width:118px;
  height:23px;
  margin:10px 10px 30px 0;
  text-align:center;
  font-size:11px;
  border:0;
  cursor:pointer;
  cursor:hand;
	background: url(../images/button_buy.gif) top left no-repeat;
}

#content_right .button_buy {
  margin:0px 0 10px 90px;
  *margin:0px 0 10px 50px;
}


/* content */

.content_top {	
	width:600px;
	padding:15px 70px 15px 15px;
	background: url(../images/content_top.png) top left no-repeat;
	height:auto;
	min-height: 683px;
  _height:710px;
}

p.perex {
  font-size:16px;
  font-weight:bold;
  color:#007B80;
}

.article {
  margin:0 0 15px 0;
 
}
.article p{
	 font-size:1.125em;
	 line-height: 1.25em;
	 width: 100%;
}
.article h3,
.article h3 a {
  font-size:26px;
}

.content_bottom {
  height:17px;
	*margin:0 0px -15px 0px;
	*position:relative;
	*top:5px;
	background: url(../images/content_bottom.png) top left no-repeat;
}

.article .text_right {
  float:left;
  width:350px;
}

.article .text_right,
.article .text_right p {
  font-size:12px !important;
}

.article ul {
	margin:5px 0 0 0;	
	/*padding-bottom: 5px;*/
}

.article ol {
	margin:5px 0 10px 20px;
	padding:0;
}

.article ul li {
	list-style:none;
	padding:0 0 0 15px;
	background: url(../images/bg_li.gif) top left no-repeat;
	line-height: 1.2em;
	margin-bottom: 5px;
	font-size: 1em;
}


ul.ol_style {
  display:block;
  margin:0px 0 0 0px;
	background: url(../images/bg_ol_style.png) top left no-repeat;
}

ul.ol_style li {
  display:block;
  height:24px;
  padding:0 0 0 30px;
  line-height:20px;
  list-style:none;
  background:none !important;
}

table {
  -moz-border-radius:7px;
  border:1px solid #92D3D2;
}

table tr {
  padding:0px;
}

table th {
  padding:3px;
  color:#007B80;
  border-bottom:1px solid #92D3D2;
  background:#87C5C5;
}

table td {
  padding:3px;
  vertical-align:top;
  color:#fff;
  border-right:1px solid #92D3D2;
  border-bottom:1px solid #92D3D2;
}


.bubble_top {
  width:559px;
  height:auto;
  padding:15px 20px 0 15px;
	font-size:14px;
  color:#007B80;
  background: url(../images/bubble_top.png) top left no-repeat;
  min-height: 135px;
}

.bubble_bottom {
  width:594px;
  height:20px;
	background: url(../images/bubble_bottom.png) top left no-repeat;
	margin-top: -5px;
}

.bubble_top ul li {
	list-style:none;
	padding:0 0 10px 15px;
	/*margin-bottom: 10px;*/
	background: url(../images/bg_li.gif) top left no-repeat;
	line-height: 1.2em;
	font-size: 1em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.bubble_top ul {
	margin-bottom:0;
}
}

/* Produkty */

.product {}
.product_left {
  float:left;
  width:220px;
  margin:0 10px 10px 0;
}
.product_right {
  float:left;
  width:300px;

  margin:-8px 10px 10px 0;
}

/* Sitemap */

ul.sitemap ul {
  margin-left: 10px;
}

ul.sitemap li.section {
  background-image: none;
  padding-left: 0px;
  font-weight: bold;
  color: #006C70;
}




