/* CSS Document */

html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html, body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #111;
}

body
{
	font-size: 12px;
}

.clear
{
	clear: both;
	font-size: 0;
	height: 0;
}

.center
{
	text-align: center;
	margin: 0 auto;
}

a
{
	color: #0f5ea2;
}

/*************************************************** Typography ***************************************************/

h1, h2, h3, h4, h5
{
	color: #487546;
	padding-bottom: 5px;
	font-weight: normal;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
}

h1
{
	font-size: 24px;
	font-weight: bold;
}

h2
{
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
}

h3
{
	font-size: 16px;
	font-weight: bold;
}

h4
{
	font-size: 16px;
}

h5
{
	font-size: 14px;
	font-weight: bold;
}

h6
{
	font-size: 13px;
	font-weight: bold;
}

p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 5px;
	line-height: 1.3;
	margin: 0px;
}
p.hlinfo {
	font-size: 16px;
	font-weight: normal;
	text-align: justify;
}


/*************************************************** Layout Divs ***************************************************/
#header p.wn1, #header h1.wn2 {
	display: block;
	width: 680px;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
}
#header p.wn1 {
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;

}
#header h1.wn2 {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;

}

#main-wrapper
{
	width: 960px;
	margin: 0 auto;
}
#headerback {
background: url(http://www.ceskapohoda.cz/_objekty-css-2010/images/back-header.png) repeat-x right bottom;
}


#header
{
	height: 87px;
	padding-top:20px;
	margin-bottom: 20px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#header img {
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header p.wn1, #header p.wn2 {
	display: block;
	width: 680px;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
}
#header p.wn1 {
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;

}
#header p.wn2 {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;

}



#navigation
{
	width: 800px;
	height: 34px;
	margin-bottom: 30px;
	float: left;
}

#content-wrapper
{
	float: none;
}

#footer
{
	border-top: 1px solid #76b872;
	margin-top: 19px;
}

/*************************************************** Main Content Styles ***************************************************/

#content-wrapper ul
{
	padding: 15px 30px 20px 20px;
}

#content-wrapper ul li
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #57503b;
	padding-bottom: 8px;
	padding-left: 20px;
	background: url(../images/list-bullet.gif) left 4px no-repeat;
	list-style: none;
}

#content-wrapper img.float-left
{
	float: left;
	margin: 0 27px 0 0;
	border: 5px solid #CCCCCC;
}

#content-wrapper #content-box
{
	height: 110px;
	background: url(../images/contact-box.jpg) no-repeat;
	margin-top: 20px;
	padding: 0 25px 0 190px;
}

#content-wrapper #content-box h3
{
	color: #fff;
	padding-bottom: 0;
	padding-top: 14px;
}

#content-wrapper #content-box p
{
	color: #fff;
	padding-bottom: 10px;
}

#content-wrapper #content-box img.float-right
{
	float: right;
}

#content-wrapper p.line-separator
{
	border-bottom: 1px solid #dedede;
	width: 452px;
	padding-bottom: 15px;
	margin-bottom: 4px;
}

#content-wrapper h4
{
	padding-bottom: 0;
}

#header #sub-nav
{
	float: right;
	width: 290px;
}

#header #sub-nav ul
{
	height: 40px;
	line-height: 40px;
	margin: 0;
	display: inline;
	float: left;
	width: 290px;
}

#header #sub-nav ul li
{
	display: inline;
	float: left;
}

#header #sub-nav ul li a:link,
#header #sub-nav ul li a:visited
{
	display: inline;
	float: left;
	color: #656565;
	font-size: 10px;
	font-weight: normal;
	text-align: center;	
	padding: 0 7px 0 7px;
	text-transform: uppercase;
	background: url(../images/sub-nav-divide.gif) left 17px no-repeat;
}

#header #sub-nav ul li a.first
{
	background: none;
	padding-left: 0;
}

#header #sub-nav ul li a:hover
{
	color: #111;
}

/*************************************************** Navigation Styles ***************************************************/

#navigation ul
{
	height: 22px;
	margin: 0;
	display: inline;
	float: left;
	width: 475px;
	margin-left: 165px;
}

#navigation ul li
{
	display: inline;
	float: left;
}

#navigation ul li a:link,
#navigation ul li a:visited
{
	display: inline;
	float: left;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	text-align: center;	
	margin-right: 1px;
	text-transform: uppercase;
}

#navigation ul li a#home-link
{	
	background: url(../images/nav-home1.gif) no-repeat;
	width: 98px;
	height: 22px;
	line-height: 22px;
}

#navigation ul li a#home-link:hover
{
	background: url(../images/nav-home2.gif) no-repeat;
	height: 22px;
	line-height: 22px;
}

#navigation ul li a#about-link
{	
	background: url(../images/nav-about1.gif) no-repeat;
	width: 108px;
	height: 22px;
	line-height: 22px;
}

#navigation ul li a#about-link:hover
{
	background: url(../images/nav-about2.gif) no-repeat;
	height: 22px;
	line-height: 22px;
}

#navigation ul li a#services-link
{	
	background: url(../images/nav-services1.gif) no-repeat;
	width: 138px;
	height: 22px;
	line-height: 22px;
}

#navigation ul li a#services-link:hover
{
	background: url(../images/nav-services2.gif) no-repeat;
	height: 22px;
	line-height: 22px;
}

#navigation ul li a#contact-link
{	
	background: url(../images/nav-contact1.gif) no-repeat;
	width: 124px;
	height: 22px;
	line-height: 22px;
}

#navigation ul li a#contact-link:hover
{
	background: url(../images/nav-contact2.gif) no-repeat;
	height: 22px;
	line-height: 22px;
}

#home #navigation ul li a#home-link
{	
	background: url(../images/nav-home2.gif) no-repeat;
	height: 22px;
	line-height: 22px;
}

#contact #navigation ul li a#contact-link
{	
	background: url(../images/nav-contact2.gif) no-repeat;
	height: 22px;
	line-height: 22px;
}

/************************************************ Right Panel Styles ************************************************/

#right-panel
{
	float: right;
	width: 297px;
}

#form-header
{
	width: 297px;
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
}

#form-header h3
{
	color: #487546;
	padding: 0;
	text-align: center;
}

#form-box
{
	width: 297px;
	background: #f1f1f1 url(../images/right-panel-bg-top.gif) top no-repeat;
	min-height: 238px;
  	height: auto !important;
  	height: 238px;
	margin-top: 6px;
	padding-top: 12px;
}

#form-box-bot
{
	width: 297px;
	height: 7px;
	background: url(../images/right-panel-bg-bot.gif) no-repeat;
	font-size: 0;
}

#form-box div.product-wrapper
{
	color: #1a1a1a;
}

#form-box div.product-wrapper p
{
	font-size: 11px;
	line-height: 1.2;
	padding: 0 0 6px 0;
}

#form-box div.product-wrapper span
{
	font-size: 14px;
	font-weight: bold;
	color: #c60000;
}

#form-box div.product-wrapper .prod-photo
{
	float: left;
	width: 138px;
	text-align: center;
	padding-top: 6px;
}

#form-box div.product-wrapper .prod-description
{
	float: left;
	padding-bottom: 12px;
}

#form-box div.product-wrapper .prod-description h5 a
{
	text-decoration: none;
}

/************************************************ Contact Form Styles ************************************************/

#form-box form
{
}

#form-box fieldset
{
	padding: 9px 15px 0 15px;
}

#form-box form label
{
	display: inline;
	float: left;
	width: 65px;
	text-align: left;
	margin-bottom: 5px;
	font-size: 12px;
	color: #111;
	padding-top: 3px;
}

#form-box form input
{
	display: inline;
	float: left;
	width: 192px;
	margin-bottom: 5px;
	font-size: 12px;
	padding: 3px;
	border: 1px solid #b0b0b0;
	font-family: Arial, Helvetica, sans-serif;
}

#form-box form br
{
	clear: left;
	font-size: 0;
}

#form-box form textarea
{
	display: inline;
	float: left;
	width: 192px;
	margin-bottom: 8px;
	height: 90px;
	border: 1px solid #b0b0b0;
	font-size: 12px;
	color: #1b1b1a;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

#form-box form #submit
{
	width: 112px;
	height: 33px;
	padding: 0;
	text-align: center;
	margin-left: 156px;
	border: none;
	background: url(../images/submit-button.gif) no-repeat;
	color: #fff;
}

/*************************************************** Footer Styles ***************************************************/

#footer p
{
	text-align: center;
	color: #427d3f;
	font-size: 11px;
	height: 22px;
	line-height: 22px;
}
/* nahledy obrazku */
.clr {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
#fotonah {
	padding-top: 20px;
	padding-bottom: 20px;
}


#fotonah a {
	padding-right: 0px;
	padding-bottom: 0px;
	background: no-repeat right bottom;
	margin-right: 10px;
	display: block;
	float: left;
}
#fotonah a img {
	border: 5px solid #CCCCCC;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 61px;
	width: 94px;
}
#content-wrapper em {
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
}
#leve_menu_h {
	display: block;
	width: 250px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}
#leve_menu {
	background-color: #E5E5E5;
	padding: 10px 10px 20px;
}
#order {
	background-color: #0F5EA2;
	padding: 10px 10px 0px;
	color: #FFFFFF;
}
#order h3 {
	color: #C3D7E8;
	font-size: 15px;
	font-weight: normal;
}
#order a.buttorder {
	display: block;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 0px;
	background: url(none) no-repeat left 6px;
}
#order img {
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#order strong {
	white-space: nowrap;
}
#order em {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}


#leve_menu h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 10px;
	color: #666666;
}
#leve_menu h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px;
}
#leve_menu h3 {
	font-size: 14px;
	font-weight: bold;
}

#leve_menu a, a.vop {
	display: block;
	padding-left: 15px;
background: url(http://www.ceskapohoda.cz/_objekty-css-2010/images/oda.png) no-repeat left 4px;
}
#leve_menu a:hover, a.vop:hover {
	color: #487546;
}
#order a {
	display: block;
	padding-left: 15px;
	background: url(http://www.ceskapohoda.cz/_objekty-css-2010/images/oda.png) no-repeat left 6px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 10px;
}
#order a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#content-wrapper p {
	text-align: justify;
}
#content-wrapper #leve_menu_h p {
	text-align: left;
}
/* Cenikova tabulka */
#content-wrapper table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #B6C8B5;
	border-left-color: #B6C8B5;
}
#content-wrapper td, #content-wrapper th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #B6C8B5;
	border-bottom-color: #B6C8B5;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
}
#content-wrapper td {
	text-align: right;
}
#content-wrapper th {
	color: #000;
	background-color: #DAE3DA;
	text-align: left;
	font-weight: normal;
}
#content-wrapper th em {
	text-align: right;
	font-weight: bold;
	font-style: normal;
	display: block;
}
/* Kontakt */
#kontakt {
	background-color: #DAE3DA;
	padding: 10px;
	margin-bottom: 10px;/*	color: #FFFFFF;*/
}
#kontakt h3 {
	font-size: 18px;
	font-weight: normal;
/*	color: #DEE9DD;*/
}
#content-wrapper #kontakt p, #content-wrapper #kontakt {
	font-size: 12px;
}
#content-wrapper .upo p {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	text-align: center;
}
#content-wrapper .upo {
	background-color: #4E7F4B;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 260px;
}