/* JwD Consulting */

html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, div, hr, input, fieldset, button { margin: 0; padding: 0; }

/* Global settings */
.blind, .skips,
hr { display: none !important; }
fieldset,
a img  { border: 0; }
  
  /* Clearfix */  
  .cf { min-height: 1%; _height: 1%; }
  .cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }
  
  /* Links */
  a:link, a:visited { color: #ada69f; text-decoration: underline; }
  a:hover, a:active { color: #202020; }
  a:link span, a:visited span { cursor: hand; cursor: pointer; }
    
  /* Headings */
  h1  {  }
  h2  {  }
 
/* Layout */
body	{ text-align: center; font: normal 73%/1.3 Arial, Tahoma, sans-serif; background-color: #fff; color: #787878; }
#page	{ width: 1000px; margin: 0 auto; text-align: left; position: relative; padding-top: 407px; background-color: #f8f8f8; }

/* Flash header */
.flash	{ position: absolute; left: 0; top: 0; }

/* Menu */
#menu	{ position: absolute; left: 0; top: 369px; height: 38px; line-height: 38px; border-bottom: 1px #cfcfcf solid; background: transparent url(images/bg-menu.png) repeat 0 0; width: 100%; margin: 0 !important;  }
#menu li	{ list-style-type: none; display: inline; padding-left: 0 !important; background: none !important; }
#menu li a:link, #menu li a:visited	{ color: #fff; text-transform: uppercase; font-size: 90%; text-decoration: none; font-weight: bold; padding-right: 8px; background: transparent url(images/bg-menu-separator.gif) no-repeat 100% 50%; padding-left: 7px; } 
#menu li.last a:link, #menu li.last a:visited	{ background: none; }
#menu li.first, #menu li.first	{ padding-left: 15px; background: transparent url(images/bg-menu-arrow.gif) no-repeat 0 50%; margin-left: 13px; }
#menu li a:hover, #menu li a:active, #menu li.active a:link, #menu li.active a:visited	{ color: #a6c5d8; }

/* Maincontent */
#maincontent	{ background: #f8f8f8 url(images/bg-maincontent.gif) no-repeat 100% 0; }
#maincontent p	{ margin-bottom: 11px; }
#maincontent #welcome	{ width: 465px; float: left; position: relative; left: 28px; padding-top: 25px; }
#maincontent #welcome h2	{ width: 243px; height: 23px; clear: both; position: relative; overflow: hidden; margin-bottom: 18px; }
#maincontent #welcome h2 span	{ position: absolute; left: 0; top: 0; width: 243px; height: 23px; background: transparent url(images/heading-welcome.gif) no-repeat 0 0; }
#maincontent #testemonials	{ width: 460px; float: right; position: relative; right: 27px; margin-bottom: 20px; }
#maincontent #testemonials .in	{ background: #cdbeb4 url(images/bg-testemonials-bottom.gif) no-repeat 0 100%; margin-top: 12px; position: relative; padding-bottom: 35px; }
	/* Homepage mode */
	.homepage #maincontent #testemonials .in	{ margin-top: 65px; margin-bottom: 15px; }
#maincontent #testemonials .in h3	{ font-size: 130%; color: #4c4c4c; background: transparent url(images/heading-testemonials-separator.gif) repeat-x 0 100%; width: 320px; clear: both; position: relative; left: 130px; top: 5px; margin-bottom: 7px; }
#maincontent #testemonials .in h3 span	{ display: block; width: 100%; padding-bottom: 5px; background: transparent url(images/testemonials-arrow.gif) no-repeat 0 5px; padding-left: 10px; } 
#maincontent #testemonials .in h3 span span	{ color: #fff; font-size: 80%; display: block; width: auto; padding-bottom: 0; background: none; padding-left: 0; }
#maincontent #testemonials .in .speech	{ color: #444; font-style: italic; width: 320px; clear: both; position: relative; left: 130px; font-size: 95%; min-height: 95px; top: 5px; }
#maincontent #testemonials .img	{ position: absolute; left: 9px; top: 9px;  } 
#maincontent #testemonials .all	{ position: absolute; bottom: 0; right: 0; margin-bottom: 4px; }
#maincontent #testemonials .all a:link, #maincontent #testemonials .all a:visited	{ color: #434343; padding-right: 10px; background: transparent url(images/boxes-arrow.gif) no-repeat 100% 50%; }
#maincontent #testemonials .all a:hover, #maincontent #testemonials .all a:active	{ color: #1c1c1c; }
#maincontent #testemonials.team h2  { text-transform: uppercase; color: #7b7168; font-size: 20px; padding: 10px 0 0 10px; background: none; }
#maincontent #testemonials.team .image  { width: 80px; float: left; margin-right: 10px; position: relative; left: 10px; }
#maincontent #testemonials.team .text { width: 260px; float: right; color: #444; font-size: 11px; position: relative; right: 10px; }
#maincontent #testemonials.team .text h3  { left: 0; width: 100% !important; color: #4c4c4c; }
#maincontent #testemonials.team .text h3 a:link, #maincontent #testemonials.team .text h3 a:visited {  color: #4c4c4c; text-decoration: none; }
#maincontent #testemonials.team .text p { color: #444 !important; }

/* Work offer link */
.work-offer a:link, .work-offer a:visited	{ display: block; width: 467px; height: 58px; position: relative; text-decoration: none; }
.work-offer a:link span, .work-offer a:visited span	{ position: absolute; left: 0; top: 0; width: 467px; height: 58px; background: transparent url(images/btn-nabidka-prace.gif) no-repeat 0 0; }
.work-offer a:hover span, .work-offer a:active span	{ background-position: 0 100%; }

/* Promo boxes */
.promo-boxes	{ padding-top: 15px; border-top: 1px dotted #aaa; }
.promo-boxes a:link, .promo-boxes a:visited	{ display: block; width: 183px; height: 41px; float: left; margin-right: 11px; position: relative; text-decoration: none; }
.promo-boxes a:link span, .promo-boxes a:visited span	{ position: absolute; left: 0; top: 0; width: 183px; height: 41px; }
.promo-boxes a:link.uchazec span, .promo-boxes a:visited.uchazec span	{ background: transparent url(images/btn-pro-uchazece.gif) no-repeat 0 0; }
.promo-boxes a:hover.uchazec span, .promo-boxes a:active.uchazec span	{ background-position: 0 100%; }
.promo-boxes a:link.partner span, .promo-boxes a:visited.partner span	{ background: transparent url(images/btn-pro-partnery.gif) no-repeat 0 0; }
.promo-boxes a:hover.partner span, .promo-boxes a:active.partner span	{ background-position: 0 100%; }

/* Subpage */
.subpage .logo a:link, .subpage .logo a:visited	{ position: absolute; left: 44px; top: 37px; width: 337px; height: 140px; overflow: hidden; text-indent: -1000px; background: transparent url(images/jwd-subpage-logo.gif) no-repeat 0 0; outline: 0; }
.subpage #page	{ padding-top: 247px; background: #f8f8f8 url(images/subpage-header.jpg) no-repeat 0 0; }
.subpage #menu	{ top: 208px; }
.subpage #maincontent	{ background: transparent url(images/bg-subpage-maincontent.jpg) no-repeat 0 0; }
.subpage #content	{ width: 475px; float: left; position: relative; left: 25px; padding-top: 15px; padding-bottom: 25px; }
.subpage #content .options { padding: 10px 0 10px 0; border-bottom: #AFAFAF dotted 1px; border-top: #AFAFAF dotted 1px; margin-left: 0; }
.subpage #content .item    { padding-bottom: 10px; border-bottom: #AFAFAF dotted 1px; margin-bottom: 25px; }
.subpage #content .item .back  { text-align: right; }
.subpage #content .item .back a:link, .subpage #content .item .back a:visited    { padding-left: 20px; background: transparent url(images/ico-top.gif) no-repeat 0 50%; }
.subpage h1	{ font-size: 25px; text-transform: uppercase; letter-spacing: -2px; color: #ada69f; margin-bottom: 12px; }
.subpage h2	{ font-size: 15px; text-transform: uppercase; letter-spacing: -1px; color: #6d6d6d; margin-bottom: 7px; clear: both; background: transparent url(images/boxes-arrow.gif) no-repeat 0 50%; padding-left: 7px; }
.subpage h2 span	{ color: #ada69f; }
.subpage h3	{ color: #7b7168; margin-bottom: 2px; text-transform: uppercase; }
.subpage p	{ color: #787878; }
.subpage ul	{ margin-left: 15px; margin-bottom: 7px; }
.subpage li	{ list-style-type: none; padding-left: 12px; background: transparent url(images/li.gif) no-repeat 0 5px; margin-bottom: 5px; }
.subpage p.styl1	{ font-weight: bold; color: #3b3b3b; }
.subpage #content img	{ border: 1px #d3d3d3 solid; margin-bottom: 12px; }
.subpage #sidebar	{ width: 378px; float: right; position: relative; right: 85px; padding-top: 15px; }
.subpage #sidebar #testemonials	{ float: none; width: 378px; right: 0px; }
.subpage #sidebar #testemonials .in	{ margin-top: 50px; }
.subpage #sidebar #testemonials .in h3	{ width: 240px; }
.subpage #sidebar #testemonials .in h3 span	{ display: block; background-position: 0 5px; }
.subpage #sidebar #testemonials .in .speech	{ width: 240px; }
.subpage #sidebar ul	{ margin-bottom: 20px; }

/* Small note */
.note { clear: both; float: none; width: 100%; font-size: 85%; }

div.kontakt {clear: both;}
div.kontakt p.foto {float: left; margin-right: 10px;}

/* Form */
form p	{ width: 185px; overflow: hidden; float: left; margin-right: 8px; position: relative; }
form p.last	{ margin-right: 0; }
form p.txt	{ width: 378px; clear: both; }
form p.file	{ width: 100%; clear: both; padding: 5px 0 5px 0; border-bottom: #e6e6e6 1px solid; border-top: #e6e6e6 1px solid; }
form p.file input	{ background-color: transparent; border: 0; width: auto; height: auto; background-color: #e6e6e6; }
form p.file label	{ display: inline !important; }
form p.txt textarea	{ width: 366px; _width: 378px; height: 45px; background-color: #e6e6e6; color: #8c8c8c; padding: 2px 5px 2px 5px; border: 1px #e6e6e6 solid; font-family: Arial, Tahoma, sans-serif; font-size: 100%; }
form p.submit	{ clear: both; }
form p.submit input	{ display: block; width: 81px; height: 21px; line-height: 21px; border: 0; background: #ada69f url(images/btn-submit.gif) no-repeat 0 0; color: #fff; text-transform: uppercase; font-size: 95%; font-weight: bold; text-align: left; text-indent: 5px; cursor: hand; cursor: pointer; }
form span.pf_ph	{ display: block; width: 81px; _width: 91px; height: 15px; _height: 19px; line-height: 15px; background-color: #e6e6e6; color: #8c8c8c; padding: 2px 5px 2px 5px; border: 1px #e6e6e6 solid; float: left; } 
form span.pf_ph_cont	{ position: absolute; left: 0; top: 0; width: 185px; height: 19px; z-index: 1; } 
form span.pf_ph_cont strong span	{ display: block; width: 91px; height: 21px; line-height: 21px; border: 0; background-color: #ada69f; color: #fff; text-transform: uppercase; font-size: 95%; font-weight: bold; text-align: left; text-indent: 5px; cursor: hand; cursor: pointer; float: right; }
form p input	{ width: 181px; _width: 185px; height: 15px; _height: 21px; background-color: #e6e6e6; color: #8c8c8c; padding: 2px 5px 2px 5px; border: 1px #e6e6e6 solid; }
form p input:focus	{ border-color: #9c9b9b; }

/* Footer */
#footer	{ width: 100%; clear: both; background-color: #afafaf; color: #d6d6d6; height: 34px; line-height: 34px; font-size: 90%; }
#footer a:link, #footer a:visited	{ color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 90%; }
#footer a:hover, #footer a:active	{ text-decoration: underline; }
#footer .left	{ width: 40%; float: left; position: relative; left: 24px; }
#footer .right	{ width: 40%; float: right; text-align: right; position: relative; right: 24px; }