/**
 *
 *  Template Doctor Online
 *  http://www.breezy.cz
 *  http://themeforest.net/user/BreezyNewMedia
 *
 *  Main CSS styl
 *
 *  Author: Martin Hakl, Breezy New Media (www.breezy.cz)
 *
 *
 *    I.   Basic CSS class
 *    II.  Headlines & basic tags
 *
 *    1) Layout
 *    2) Result list
 *    3) Item detail
 *    4) Input & forms
 *
 *  media: screen, projections
 *
 **/

/*
* 	Font size
*   =========
**/

/*
 *  9px  - .750em
 *  10px - .833em
 *  11px - .917em
 *  12px - 1em
 *  13px - 1.083em
 *  14px - 1.167em
 *  15px - 1.250em
 *  16px - 1.333em
 *  17px - 1.417em
 *  18px - 1.500em
 *  19px - 1.583em
 *  20px - 1.667em
 *  21px - 1.750em
 *  22px - 1.833em
 *  23px - 1.917em
 *  24px - 2.000em
 *  30px - 2.500em
 *  36px - 2.750em
*/

/*
 * I. Basic CSS class
 *    ===============
 **/
html, body, div, p, li, ul, form, fieldset, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }
.none     { display: none;}
.hidden   { visibility: hidden;}
.fl       { float: left !important;}
.fr       { float: right !important;}
.left     { text-align: left;}
.right    { text-align: right;}
.center   { text-align: center;}
.bold     { font-weight: bold;}
.italic   { font-style: italic;}
.nomargin { margin: 0 !important;}
img       { border: none;}

.clear        { clear: both;}
.clear1px     { clear: both; height: 1px; font-size: 1px; line-height: 1px; /* for IE */}
.clear5px     { clear: both; height: 5px; font-size: 5px; line-height: 5px; /* for IE */ }
.clear20px    { clear: both; height: 20px; font-size: 20px; line-height: 20px; /* for IE */ }
.w980p        { width: 980px; height: 100%; margin: 0 auto; position: relative; text-align: left; }
.w940p        { width: 940px; height: 100%; margin: 0 auto; position: relative; text-align: left; padding: 0 20px; }
#content      { width: 940px; height: 100%; margin: 0 auto; padding: 30px 0 0 0; position: relative; text-align: left; }

.clearFix     { display: block;  clear: both;  height: 0;  line-height: 0;  font-size: 0;  width: 50%; }

html, body    { overflow-x: hidden;  }

/*
 * II. Headlines & basic tags
 *     ======================
 **/

/* -- Links -- */
a, a:visited, a:active, a:link {  color: #cf3300; outline: none; }
a:hover                        {  text-decoration: none; }

/* -- Headlines -- */
h1, h2, h3 { font-weight: normal; }
h1      { font-size: 2em; color: #0063a8; margin: 0 0 25px; }
h2      { font-size: 1.833em; color: #0063a8; margin: 0 0 20px; text-align: left; }
h2.big  { font-size: 2.5em; color: #0063a8; font-weight: bold; }
h3      { font-size: 1.5em; color: #0063a8; margin: 5px 0 10px; }

#breadcrubs h1,
#resultsList h1 { margin: 0 0 1px 0; float: left; }
#resultsList h2 { margin: 0 0 10px; }

h1.line span,
h2.line span { background:none repeat scroll 0 0 #FFFFFF; padding-right:15px; }
h1.line,
h2.line { background: url(../images/bg-headlines.gif) 0 56% repeat-x; }

/* -- Images -- */
img, a img { border: none; }
.imgLeft { float: left; margin: 2px 20px 10px 0; }
.imgRight { float: right; margin: 2px 0 10px 20px; }

body        { font-family: Arial, serif; font-size: 14px; letter-spacing: 0em;  text-align: center; background: #fff; }
body>#main  { height: auto; }

/* -- Cols layout -- */
.cols { overflow: hidden; height: 100%; clear: both; }
.cols .col1 { float: left; }
.cols .col2 { float: left; }

.cols50 .col1 { float: left; width: 47% !important; }
.cols50 .col2 { float: right; width: 47% !important; }

.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { width: 33%; }
.cols3 .col3 { float: right; }

.cols4 .col1,
.cols4 .col2,
.cols4 .col3,
.cols4 .col4 { float: left; width: 25%; }

.cols2v1 .col1 { width: 64%; margin-right: 4%; }
.cols2v1 .col2 { width: 31%; }

.cols1v2 .col1 { width: 31%; margin-right: 4%; }
.cols1v2 .col2 { width: 64%; }

/*
 *  1) Layout
 *     ======
 **/

#main {
  width: 100%;
  margin: 0 auto;
  min-height: 100%;
  height: 100%;
  position: relative;
}
#header {
  width: 100%; height: 100px;
  background: #fff url(../images/bg-header.gif) repeat-x 0 0;
}
#search, #promo {
  margin: 0;
  width: 100%;;
  color: #fff;
  background: #08327c;
}
#inner {
  width: 100%; height: 100%;
  padding: 0 0 120px 0;
  background: #fff;
}
.promo-headlines {
  background: #fff url(../images/bg-inner-top.gif) 0 0 repeat-x !important;
}
#footer {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 95px;
  background: #f2f2f2 url(../images/bg-footer.gif) repeat-x 0 0;
}

/* -- Header background -- */
.bg-search { background: url(../images/bg-search.jpg) no-repeat 0 0; }
.bg-gradient { background: url(../images/bg-gradient.jpg) no-repeat 0 0; }
.bg-pruh { background: #08327c; }
.promo-pruh { background: #eee; }

/* -- Logo -- */
#logo {
	position: absolute;
	left: 20px;
	top: 25px;
	width: 300px;
	height: 50px;
  line-height: 50px;
	font-weight: bold;
	font-size: 24px;
}

#logo a {
  text-decoration: none;
}

#logo span {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 240px;
	height: 50px;
	background: url(../images/logo-do.gif) 0 0 no-repeat;
	cursor: pointer;
}

/* -- Navigation header -- */
#mainMenu {
  margin: 50px 0 0 0;
  float: right;
}
#mainMenu ul li {
  position: relative;
  display: block; float: left;
  margin: 0 5px;
  height: 40px;
}
#mainMenu li a {
  padding: 6px 11px;
  display: block; float: left;
  color: #626262; font-weight: bold;
  text-transform: uppercase;
  font-size: 1em; text-decoration: none;
}
#mainMenu li.active a {
  padding: 5px 10px;
  color: #393939;
  border: 1px solid #d2d2d2;
  background: #dfdfdf;
}
#mainMenu li a:hover {
  color: #035094;
}

#mainMenu li ul,
#mainMenu li.active ul         { position: absolute; left: 0; top: 30px; width: 187px; height: auto; margin: 0; padding: 0; display: none; float: left; z-index: 100; }
#mainMenu li ul li,
#mainMenu li.active ul li      { margin: 0; padding: 0 6px; clear: both; width: 175px; height: 34px; background: url(../images/bg-submenu.png) repeat }
#mainMenu li ul li a,
#mainMenu li.active ul li a    { padding: 0 15px 0 28px; display: block; width: 132px; height: 34px; line-height: 32px; color: #6c6c6c; font-size: 1em; font-weight: normal; text-transform: none !important; border: none; background: #e3e3e3 url(../images/bg-submenu-ico.png) 10px 12px no-repeat; }
#mainMenu li ul li a:hover     { color: #393939; background-color: #f5f4f4; text-decoration: underline; }

#mainMenu li ul li.first       { padding-top: 18px; background: url(../images/bg-submenu-first.png) 0 0 no-repeat; }
#mainMenu li ul li.last        { padding-bottom: 6px; border: none !important; }

/* -- Subnav column -- */
#subnav {
  margin: 0;
  width: 230px;
}
#subnav li {
  display: block;
  width: 230px;
}
#subnav li a {
  padding: 0 20px;
  display: block;
  width: 190px;
  height: 50px;
  line-height: 50px;
  color: #626262;
  font-size: 1.133em; text-decoration: none;
}
#subnav li a:hover {
  color: #cf3300;
}
#subnav li.current-menu-item > a,
#subnav li.current-menu-item > a:hover {
  color: #fff;
  background: url(../images/subnav-active.gif) 0 0 no-repeat;
}
#subnav li li a {
  width: 170px;
  padding: 0 20px 0 40px;
  color: #828282;
}

/* -- Footer -- */
#footer p {
  margin: 20px 0 20px 20px;
}

/* -- Author footer -- */
#author {
  margin: 20px 0 0;
  float: right;
}
#author a {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 25px;
  height: 30px;
  line-height: 30px;
  color: #3a3a3a;
}
#author a span {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 8px;
	z-index: 1;
	width: 18px;
	height: 18px;
	background: url(../images/logo-breezy.gif) 0 0 no-repeat;
	cursor: pointer;
}
#author a:hover {
  text-decoration: none;
}
#author a:hover span {
	background: url(../images/logo-breezy.gif) 0 -18px no-repeat;
}

/* -- Content -- */
#breadcrubs {
  margin: 0 0 20px 0;
}
.content {
  margin: 0 0 40px 0;
  float: left;
  width: 660px;
}
.column {
  margin: 0 0 40px 0;
  float: right;
  width: 260px;
}
p {
  margin: 0 0 20px 0;
  line-height: 160%;
}
#content p {
  color: #5a5a5a;
}
.col {
  width: 48%;
  float: left;
}
.col-3 {
  width: 33%;
  float: left;
}

.left-col {
  width: 48%;
  float: left;
}
.right-col {
  width: 48%;
  float: right;
}

pre {
  margin: 0 0 20px 0; padding: 10px 20px;
  font: 13px Arial, san-serif;
  line-height: 1.5;
  color: #232323;
  white-space:pre;
  border: 1px solid #dfdbdb;
  background: #f3f3f3;
}

q { margin: 0 0 20px 0; padding: 10px 20px; display: block; color: #706e6e; line-height: 1.6em; font-size: 1.25em; font-family: Georgia; background: #f2f2f2;}

/* -- Catalog -- */
.catalog {
  margin: 0 0 10px 0;
  float: left;
  width: 435px;
}
.catalog a {
  float: right;
  color: #fff !important;
}
.catalog a:hover {
  text-decoration: none;
}

/* Number list */
.list {
  margin: 0 0 10px 0;
  text-align: left;
}
.list li {
  margin: 0;
  padding: 0 0 0 30px;
  line-height: 220%;
  color: #5a5a5a;
  background: url(../images/list.gif) no-repeat 15px 10px;
}

.classic {
  margin: 0 0 10px 0;
}
.classic li {
  margin: 0;
  padding: 0;
  line-height: 180%;
}

/* -- Tooltip -- */
ul.links { position: absolute; top: 110px; left: 835px; float: right; margin: 0; z-index: 50; }
ul.links, ul.links li { list-style: none;}

.links li { float: left; }
.links a, .links span { display: block; float: left;}
.links a { background: 0 100% no-repeat; line-height: 44px; margin-right: 0; padding-left: 9px; text-decoration: none; display: inline; }
.links a span { background: 100% 100% no-repeat; padding-right: 9px;}
.links a span span { background: 0 0 no-repeat; font-size: .917em; height: 38px; padding: 0 2px; color: #3a3a3a;}
.links li.fr a { margin-right: 0; margin-left: 9px;}

.links-white a, a.link-white a { background-image: url(../images/tool-left.png) !important;}
.links-white a span, a.link-white span { background-image: url(../images/tool-right.png) !important;}
.links-white a span span, a.link-white span span { background-image: url(../images/tool-top.png) !important;}

/*
 * 2) Results List
 **/

#resultsList .row{
  padding: 0.9em 0 1.3em 0;
  margin-bottom: 0;
  border-top: 1px solid #e0e0e1;
  width: 660px;
  position: relative;
}
#resultsList .row.last {
  border-bottom: 1px solid #e0e0e1;
}
#resultsList .even{
  background: url(../images/listRow_evenBg.gif) 0 100% repeat-x;
}
#resultsList .hover{
  cursor: pointer;
  background: #f7f7f7 url('../images/listRow_hover.gif') left bottom repeat-x;
}
#resultsList .left {
  float: left;
  width: 440px;
  margin-left: 10px;
}
#resultsList h3 a{
  font-size: 18px;
  color: #0063a8;
}
#resultsList h3 {
  float: left;
  margin-bottom: 0.5em;
  font-weight: normal;
}
#resultsList p{
  line-height: 1.65em;
  margin-bottom: 0.35em;
}
#resultsList .left span {
  float: left;
  display: block;
  margin: 11px 0 0 15px;
}
#resultsList ul{
  float: right;
  width: 175px;
  margin-right: 10px;
}
#resultsList li{
  list-style-type: none;
  line-height: 1.65em;
}
#resultsList li a{
  color: #020202;
}
.quality {
  margin: 0 0 5px 0;
}
.quality .graph, .quality .graph span{
  position: relative;
  height: 14px;
  font-size: 1px;
  line-height: 1px;
}
.quality .graph{
  float: left;
  width: 101px;
  margin-top: 5px;
  background: url('../images/qualityGraph.gif') left bottom no-repeat;
}
.quality .graph span{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url('../images/qualityGraph.gif') left top no-repeat;
}
.quality strong{
  display: block;
  position: relative;
  width: 38px;
  height: 33px;
  color: #FFFFFF;
  text-align: center;
  line-height: 24px;
  float: left;
  margin: 0 5px -9px 30px;
  background: url('../images/blueBubble.gif') no-repeat;
}

/* -- filter - Budget, search a rate -- */
#kalkulace .budget-filter {
  float: left;
  width: 245px;
  margin: 0 65px 0 0;
}

#kalkulace .budget-filter.last { margin: 0; }

#kalkulace .budget-filter .sliderTitle       { background-position: 10px center; cursor: pointer;}
#kalkulace .budget-filter .sliderTitle.pages { background-image: url('../images/ico-pages.gif'); }
#kalkulace .budget-filter .sliderTitle.db    { background-image: url('../images/ico-database.gif'); }
#kalkulace .budget-filter .sliderTitle.lock  { background-image: url('../images/ico-lock.gif'); }
#kalkulace .budget-filter .sliderTitle.image { background-image: url('../images/ico-image.gif'); }

#filter, #profile .col{
  width: 250px;
  float: right;
}
#filter strong.filtr{
  background-image: url('../images/ico_filter.gif');
}
#filter .sliderField {
  width: 100%;
  text-align: center;
  background: #F1F1F1;
}
#filter .sliderTitle,
.budget-filter .sliderTitle {
  display: block;
  color: #0063a8;
  background: #E6E6E6 url('../images/filterArr_closed.gif') 12px center no-repeat;
  padding: 10px 20px 10px 40px;
  text-align: left;
  border-bottom: 1px solid #D9D9D9;
  cursor: pointer;
}
#filter .sliderTitle.opened{
  background-image: url('../images/filterArr_opened.gif') !important;
}
#filter .sliderField.top{
  background: #F1F1F1;
  padding-top: 0px;
}
#filter .sliderField.top .sliderTitle{
  background-position: 12px center;
}
#filter .sliderCont,
.budget-filter .sliderCont {
  padding-top: 34px;
  padding-bottom: 22px;
}
#filter .checkCont,
.budget-filter .checkCont{
  padding: 15px 0;
}
#filter .checkCont .interest,
.budget-filter .checkCont .interest {
  margin-left: 10px;
}
#filter .hidden{
  display: none;
}
#rate {
  float: left;
  width: 250px;
}
#rate .sliderCont{
  padding-top: 10px;
  padding-bottom: 22px;
}

/* -- Headlines -- */
strong.title, h2.title, h1.title{
  color: #0063a8;
  font-size: 1.5em;
  font-weight: normal;
  display: block;
  padding-left: 35px;
  margin-bottom: 0.85em;
  background: left center no-repeat;
}
h1.title{
  margin-top: 0.35em;
  font-size: 1.75em;
}
.noIco, #profile .box .title{
  padding-left: 0 !important;
}

/* slider */
#filter .ui-slider-handle,
.form-box .ui-slider-handle {
  display: block;
  position: absolute;
  top: -20px;
  cursor: pointer;
  outline-style: none;
  text-decoration: none;
  color: #ffffff !important;
  text-align: center;
  font-weight: bold;
  line-height: 22px;
  z-index: 10;
  width: 56px;
  height: 29px;
  margin-left: -28px;
  background: url('../images/slider.png') center center no-repeat;
}
#filter .ui-slider-range,
.form-box .ui-slider-range {
  height: 14px;
  background: #0063a8 url('../images/slider_top.gif') left top no-repeat;
  margin-left: 0;
  position: absolute;
  left: 0;
  top: 0;
}
#filter .slider,
.form-box .slider {
  position: relative;
  width: 225px;
  height: 14px;
  margin: 0 10px;
  background: #F8F8F8 url('../images/slider_bg.gif') left top no-repeat;
}

/* Rate */
#rate .ui-slider-handle {
  display: block;
  position: absolute;
  top: -20px;
  cursor: pointer;
  outline-style: none;
  text-decoration: none;
  color: #ffffff !important;
  text-align: center;
  font-weight: bold;
  line-height: 22px;
  z-index: 10;
  width: 56px;
  height: 29px;
  margin-left: -28px;
  background: url('../images/slider.png') center center no-repeat;
}
#rate .ui-slider-range {
  height: 14px;
  background: #0063a8 url('../images/qualitySlider.gif') left top no-repeat;
  margin-left: 0;
  position: absolute;
  left: 0;
  top: 0;
}
#rate .slider {
  position: relative;
  width: 161px;
  height: 14px;
  margin: 0 10px;
  background: #F8F8F8 url('../images/qualitySlider.gif') left bottom no-repeat;
}

/* -- filter -- */
.filter {
  line-height: 320%;
  float: right;
}
.filter a {
  margin: 0 5px;
}

/* -- paging -- */
.paging {
  margin: 30px auto 0;
}
.paging a {
  float: left;
  margin: 0 6px;
}
.paging span {
  display: block;
  float: left;
}
.numbers a {
  display: block;
  padding: 0 3px;
  margin: -2px 3px 0;
  font-size: 1.113em;
  font-weight: normal;
  color: #0063a8;
}
.numbers a:hover {
  color: #3a3a3a;
}
.numbers span {
  padding: 0 3px;
  margin: -2px 3px 0;
  font-size: 1.113em;
  color: #3a3a3a;
}

/*
 * 3) Item detail
 **/

/* -- breadcrubs -- */
#breadcrubs a         { margin-top: 10px; color: #cf3300; }
#breadcrubs a:hover   { text-decoration: none; }
.backlink             { float: left; margin: 0 20px; }

/* -- steps -- paging item */
.steps { float: right; width: 350px; }
.steps .arrow-left,
.steps .arrow-right   { margin: 0; display: block;  }
.steps .arrow-left    { float: left; }
.steps .arrow-right   { float: right; }
.arrow-left { padding: 0 0 0 20px; background: url(../images/arrow-left.gif) 0 1px no-repeat; }
.arrow-right { padding: 0 20px 0 0; background: url(../images/arrow-right.gif) 100% 2px no-repeat; }

/* -- Foto -- */
.foto {
  margin: 0 0 20px 0;
  width: 260px;
  background: #ededed;
}
.foto a {
  color: #7a7a7a;
  text-decoration: none;
}
.foto a span {
  margin: 0;
  padding: 0 0 0 10px;
  display: block;
  height: 25px;
  line-height: 22px;
  font-size: .917em;
  background: url(../images/ico/ico-plus.gif) 240px 8px no-repeat;
}
.foto a:hover span {
  color: #3a3a3a;
}

.ico span { display: block; width:16px; height: 16px; float: left; margin: 7px 10px 0; background-repeat: no-repeat; background-position: 0 0; }
.ico-send span { background-image: url(../images/ico/ico-send.gif); }
.ico-print span { background-image: url(../images/ico/ico-print.gif); }
.ico-rate span { background-image: url(../images/ico/ico-rate.gif); }
.ico-alert span { background-image: url(../images/ico/ico-alert.gif); }

.list-ico {
  margin: 40px 0 10px 0;
}
.list-ico li {
  margin: 0;  padding: 0;
  line-height: 220%;
}
.list-ico li a {
  color: #5a5a5a !important;
}

/* -- Box -- */
.sendBox {
  margin: 0 auto; padding: 20px 40px 0 40px;
  width: 450px; height: 150px;
  background: #0063a8 url(../images/bg-sendBox.jpg) 0 0 no-repeat;
}

.sendBox p {
  margin: 0 0 20px 0;
  text-align: left; line-height: 160%;
  color: #fff;
  font-size: 1em;
}

.sendBox h2 { font-size: 1.333em; margin: 0 0 15px 0; color: #fff !important; text-align: left; }

.sendBox .con {  float: left;  margin: 0 0 15px 0; padding: 0;  width: 307px; height: 29px; }
.sendBox .con.correct { background: #f2f2f2 url(../images/bg-input-sendBox.gif) no-repeat 0 0; }
.sendBox .input {  margin: 5px 10px;  width: 287px; height: 19px;  color: #7a7a7a;   border: none;  background: transparent; }


/* -- bookmarks -- */
.bookmarks                  { margin: 0 0 30px 0; position: relative; height: 34px; border-bottom: 1px #c0c0c0 solid; }
.bookmarks ul               { position: absolute; width: 930px; height: 100%; left: 10px; top: 1px; }
.bookmarks li               { float: left; }
.bookmarks li a             { font-weight: bold; outline-style: none; position: relative; display: block; float: left; height: 25px; margin: 0 5px; padding: 8px 15px 0; color: #999; text-decoration: none; line-height: 20px; color: #434141; background: url('../images/bg-bookmark-disable.gif') 0 0 repeat-x; }
.bookmarks li a:hover       { color: #0063a8; background: url('../images/bg-bookmark-disable.gif') 0 -40px repeat-x; }
.bookmarks li.active a,
.bookmarks li a.active      { height: 24px; color: #0063a8; border: 1px #c4ced6 solid; border-width: 1px 1px 0 1px; border-bottom: 1px #fff solid; background: url('../images/bg-bookmark.gif') repeat-x; }


#search h1 {
  padding: 40px 0 0 0; margin: 0 0 5px 20px;
  color: #fff; font-size: 180%; font-weight: normal;
}
#search p {
 margin: 0 0 0 20px;
  width: 600px;
}

.block { width: 40%; float: left; margin: 0 0 30px 0; padding: 0 0 0 80px; min-height: 50px; }
.block p { text-align: left; color: #7a7a7a; }
	.ico-cross   { background: url(../images/ico/ico-cross.gif) 15px 50% no-repeat; }
	.ico-heart   { background: url(../images/ico/ico-heart.gif) 15px 50% no-repeat;}
	.ico-image   { background: url(../images/ico/ico-image.png) 15px 50% no-repeat; }
	.ico-mail    { background: url(../images/ico/ico-mail.png) 15px 50% no-repeat;}
	.ico-comp    { background: url(../images/ico/ico-comp.png) 15px 50% no-repeat; }
	.ico-pages   { background: url(../images/ico/ico-pages.png) 15px 50% no-repeat;}
	.ico-spanner { background: url(../images/ico/ico-spanner.png) 15px 50% no-repeat;}
	.ico-quest   { background: url(../images/ico/ico-quest.png) 15px 50% no-repeat;}
	.ico-news    { background: url(../images/ico/ico-news.png) 15px 50% no-repeat;}

.inner {
  margin: 0 0 20px 0; padding: 0 20px;
  height: 50px; line-height: 50px;
  border: 1px solid #dfdbdb;
  background: #f3f3f3;
}

.profile-img        { margin: 0 0 10px 0; border-bottom: 1px #d7d8d8 solid; border-right: 1px #e8e8e8 solid; float: right; background: #f5f5f5 url('../images/bg-profile.gif') repeat-x; }
.profile-img a      { position: relative; display: block; width: 140px; padding: 10px 10px 40px 10px; text-align: center; background: url('../images/bg-profile-linkedin.gif') 100px 95% no-repeat; }
.profile-img .arrow { position: absolute; width: 8px; height: 26px; top: 40px; left: -8px; background: url('../images/bg-profile-arrow.gif') no-repeat; }

.profile-text       { float: right; width: 150px; margin-left: 20px; padding-top: 8px; }

.breezy { margin-left: 10px; }


/*
 * 4) Input & forms
 *    =============
 **/

fieldset    { border: 0 !important; }

#login {  width: 255px; }
.lab {
  margin: 0 0 5px 0; padding: 0;
  font-weight: bold;
  color: #3a3a3a;
}
.con {
  margin: 0 0 15px 0; padding: 0;
  width: 245px; height: 29px;
  background: #f2f2f2 url(../images/bg-input.gif) no-repeat 0 0;
}
.input {
  margin: 5px 10px;
  width: 225px; height: 19px;
  color: #3a3a3a;
  border: none;
  background: transparent;
}
.error .lab { color: #cf3300 !important; }

/* error message */
ul.form-message { margin: 0 35px 20px 0; }
ul.form-message li { line-height: 25px; height: 25px; padding-left: 30px;  background: 5px 4px no-repeat; }
ul.form-message li.error {  color: #cf3300;  background-image: url(../images/ico/ico-error.gif); }
ul.form-message li.correct {  color: #33b200;  background-image: url(../images/ico/ico-correct.gif); }


.con-textarea {
  margin: 0 0 15px 0; padding: 0;
  width: 245px; height: 150px;
  background: #f2f2f2 url(../images/bg-textarea.gif) no-repeat 0 0;
}
.textarea {
  position: relative;
  margin: 5px 10px;
  width: 225px; height: 140px;   line-height: 140%;
  color: #3a3a3a;
  font-family: Arial, serif; font-size: 110%;
  border: none;
  background: transparent;
}

/* -- searchForm -- */
#searchForm {
  padding: 45px 20px 0;
}
#searchForm .con-search {
  position: relative;
  margin: 0 30px 15px 0; padding: 0;
  width: 435px; height: 35px;
  background: #fff url(../images/bg-input-search.gif) no-repeat 0 0;
}
#searchForm .input {
  position: relative;
  margin: 6px 10px 0;
  height: 21px;
  color: #3a3a3a;
  border: none;
  background: transparent;
}

#searchForm .select-search .input { width: 313px; }
#searchForm .con-search .input    { width: 415px; }

#searchForm .select-search {
  position: relative;
  margin: 0 30px 15px 0; padding: 0;
  width: 333px; height: 33px;
  background: #fff url(../images/bg-select-search.gif) no-repeat 0 0;
}

/* -- registerForm -- */
#registerForm .cols3         { width: 230px !important; }
#registerForm .cols3 .con    { width: 200px; }
#registerForm .cols3 .input  { width: 180px; }
#registerForm .short         { width: 130px !important; }
#registerForm .short .con    { width: 100px; }
#registerForm .short .input  { width: 80px; }

#registerForm .clearfix {  float: left; }
#registerForm .btn-default { margin: 0 100px 0 !important; }

/* -- Budget and Contact -- */
.form-box {
  padding: 20px;
  overflow: hidden;
  background: #F1F1F1;
}
.contact-form form { display: block; float: left; width: 540px; }

#left_interest_list {
	float: left;
	width: 540px;
}
#right_interest_list {
	float: right;
	width: 240px;
}
.interest {
	height: 25px;
	line-height: normal;
}
.interest label {
	padding-left: 10px;
}
.interest.hover label {
	color: #ffffff;
	cursor: pointer;
}
.interest.checked label {
	color: #33cc33 !important;
}
.form-box .lab span,
.form-box .lab.error {
  color: #cf3300 !important;
}
.form-box .input {
	width: 212px !important;
}
.form-box .input input{
	width: 198px !important;
}
.form-box .col {
  width: 225px !important;
}
.form-box .con-textarea-long {
  margin: 0 0 20px 0; padding: 0;
  width: 560px; height: 150px;
  background: #f2f2f2 url(../images/bg-textarea-long.gif) no-repeat 0 0;
}
.form-box .textarea-long {
  position: relative;
  margin: 5px 10px;
  width: 540px; height: 140px; line-height: 140%;
  color: #3a3a3a;
  font-family: Arial, serif; font-size: 110%;
  border: none;
  background: transparent;
}

.checked {
  font-weight: bold; color: #000;
}


/*
 * 5)  Butttons
 *     ========
 **/

/* -- Action -- */
#content .btn-action { display: block; margin: 0 10px 0 0; padding-right: 20px;	height: 55px; color: #fff; font-size: 1.5em; text-decoration: none; background: transparent url(../images/btn-action.png) no-repeat scroll top right; }
#content .btn-action span { display: block; padding: 0 10px 7px 40px;	line-height: 48px; background: transparent url(../images/btn-action.png) no-repeat ; }
#content a:hover.btn-action { background-position: right -55px; }
#content a:hover.btn-action span { background-position: 0 -55px; }

/* -- Btn default -- */
#content .btn-default { display: block; float: left; margin: 0 10px 0 0; padding-right: 10px;	height: 34px; color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: none; background: transparent url(../images/btn-default.gif) no-repeat scroll top right; }
#content .btn-default span { display: block; padding: 0 10px 0 20px;	line-height: 34px; background: transparent url(../images/btn-default.gif) no-repeat; }
#content a:hover.btn-default { background-position: right -34px; }
#content a:hover.btn-default span { background-position: 0 -34px; }


/* -- Objednat se -- */
.btn-order {
  position: relative;
  display: block;
  margin: 0;
	width: 121px;
  height: 31px;
  line-height: 31px;
	font-size: 120%;
  font-weight: bold;
  text-align: center;
  color: #3a3a3a;
}
.btn-order span {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 121px;
	height: 31px;
	background: url(../images/btn-order.gif) 0 -31px no-repeat;
	cursor: pointer;
}
a:hover.btn-order span {
	background: url(../images/btn-order.gif) 0 0 no-repeat;
}
/* -- Odeslat -- */
.btn-odeslat {
  position: relative;
  display: block;
  margin: 0;
	width: 121px;
  height: 31px;
  line-height: 31px;
	font-size: 120%;
  font-weight: bold;
  text-align: center;
  color: #3a3a3a;
}
.btn-odeslat span {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 121px;
	height: 31px;
	background: url(../images/btn-odeslat.gif) 0 0 no-repeat;
	cursor: pointer;
}
a:hover.btn-odelsat span {
	background: url(../images/btn-odeslat.gif) 0 -31px no-repeat;
}


/* -- Search -- red, grey */
a.btn-search {
  position: relative;
  display: block;
  margin: 2px 0 0 0;
  width: 110px;
  height: 31px;
  line-height: 31px;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  color: #fff !important;
}
a.btn-search span {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 110px;
	height: 31px;
	cursor: pointer;
}

/* -- color -- red, grey */
a.red span          { background: url(../images/btn-search.gif) 0 -0px no-repeat; }
a:hover.red span    { background: url(../images/btn-search.gif) 0 -31px no-repeat; }
a.grey span         {	background: url(../images/btn-search.gif) 0 -62px no-repeat; }
a:hover.grey span   {	background: url(../images/btn-search.gif) 0 -93px no-repeat; }

/* -- Button buget -- */
.btn-kalkulace {
  position: relative;
  display: block;
  margin: 10px 0 0 0;
	width: 195px;
  height: 31px;
  line-height: 31px;
	font-size: 120%;
  font-weight: bold;
  text-align: center;
  color: #3a3a3a;
}
.btn-kalkulace span {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 195px;
	height: 31px;
	background: url(../images/btn-kalkulace.gif) 0 0 no-repeat;
	cursor: pointer;
}
a:hover.btn-kalkulace span {
	background: url(../images/btn-kalkulace.gif) 0 -31px no-repeat;
}

/* -- Autocomplete -- */
#suggest{
  width: 435px;
  position: absolute;
  left: 0;
  top: 200px;
  z-index: 100;
  padding-top: 39px;
  background: url('../images/suggest-top.png') left top no-repeat;
}
#suggest .middle{
  width: 100%;
  background: url('../images/suggest-middle.png') left top repeat-y;
}
#suggest ul{
  margin: 0 6px;
  border-top: 1px solid #BECBD1;
}
#suggest li{
  display: block;
  cursor: pointer;
  color: #003860;
  font-weight: bold;
  list-style-type: none;
  text-align: left;
  padding: 5px 27px;
  border-bottom: 1px solid #BECBD1;
  position: relative;
}
#suggest li.ac_over{
  background: #FFFFFF;
  color: #030303;
}
#suggest .bottom{
  display: block;
	width: 100%;
	height: 23px;
	font-size: 1px;
	background: url('../images/suggest-bottom.png') left bottom no-repeat;
}

#slider {
    width: 930px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 0;
    height: auto;
    width: 930px;
}

/*  Table result list */
table.list{
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 1.25em 0;
}
table.list tr.hover{
  background: #F4F4F4
}
table.list td{
  line-height: 1.65em;
  padding: 0.5em 1em;
  color: #4B4E53;
  border-bottom: 1px solid #EBEBEB;
}
table.list h2{
  margin: 0; padding: 0;
  font-size: 1em;
  line-height: 1.65em;
}
table.list .price td {
  text-align: left;
  font-weight: bold; color: #0063a8;
  background: #EBEBEB;
}

.note {
	font-size: .9em; font-style: italic; color: #919191;
}

/* Col with help */
#helpCol{
  float: left;
  position: relative;
  width: 260px !important;width /**/: 290px;
  left: -1px;
  border-left: 1px solid #AAB8C3;
  padding-left: 30px;
}
#helpCol strong.title{
  font-size: 21px;
}
#helpCol p{
  padding-left: 17px;
}
#helpCol p.ico{
  background: url('../images/ico/ico_i.gif') 3px 0.55em no-repeat;
}
#helpCol p{
  margin-bottom: 1.25em;
}

.maps .desc,
.foto .desc{
  padding: 0.5em 1.25em;
  background: #ededed;
  margin: 0 !important;
  margin-bottom: 1.25em;
}
.maps .desc *,
.foto .desc * {
  color: #003D69;  text-decoration: none;
}

.important { padding: 10px 20px; border: 1px solid #d6d6d6; background: #f2f2f2;}

.ico-arrow { padding-left: 35px; background: #f3f3f3 url(../images/ico/ico-arrow.gif) 10px 13px no-repeat;}

.promo     { margin-bottom: 20px; }
.promo h2  { margin: 0 20px 5px 80px; font-size: 1em; font-weight: bold; color: #000; }
.promo p   { margin: 0 20px 20px 80px; }


/*
 * Slider homepage
 * ===============
 **/

/*

#slider-container { background:red; width: 980px; position: relative; overflow: hidden; }
 .slide-box li { list-style: none; list-style-image: none; }
.slide-box li .slide { width: 980px; padding: 30px 0 40px 0;  overflow: hidden; margin: 0; position: relative; }
.slide-box h1, .slide-box h2, .slide-box h3,
.slide-box h4, .slide-box h5, .slide-box h6
{ padding: 0; line-height: 50px }
.slide-box .slide p { width: 100%; color: #ddecf9; }

#slide-pager { position: absolute;	bottom: 8px; left: 20px; margin:0;	z-index: 30; }
#slide-pager a, #slide-pager a:visited { float: left; margin-right: 2px; width: 17px;	height: 13px;	overflow: hidden;	background: transparent url("../images/slide-pager.png") no-repeat 0 0;	text-decoration: none;	text-indent: -1234px; }
#slide-pager a:hover { background-position: -17px 0; }
#slide-pager a.activeSlide {	background-position: -17px 0; }

#promo-headlines { height: 140px; width: 100%; padding: 30px 0; margin-bottom: 40px; overflow: hidden; }
#promo-headlines strong.strong-title { float: left; line-height: 80px; color: #626262; font-size: 1.667em; font-weight: normal; line-height: 50px; }
#promo-headlines p { line-height: 26px; }
#promo-headlines .btn-action { margin-top: 15px; float: right; }

*/

/* Table */
.tab { width: 100%; margin-bottom: 20px; border-collapse: collapse; }
.tab th, .tab td{ padding: 13px 15px; text-align: left; font-size: 1em; background: transparent; }
.tab th { color: #052b4d; }

.tab .top { background: #cae7ff url(../images/bg-table-th.gif) 0 0 no-repeat; }
.tab .odd { background: #ddecf9 url(../images/bg-table-td-odd.gif) 0 0 no-repeat; }

/* FAQ */
#faq li { position: relative; margin: 0 0 15px 0; padding: 0 0 0 30px;  }
#faq li span { position: absolute; top: 0; left: 0px; display: block; width: 19px; height: 19px; background: url(../images/ico/ico-faq.gif) 0 -19px no-repeat;  }
#faq li h3 { color: #075d9f; font-size: 1em; font-weight:bold; margin-bottom: 2px;  }
#faq li div { margin-bottom: 5px; display: none;  }
#faq li div  p { margin-bottom: 0; }
#faq li.active span { background: url(../images/ico/ico-faq.gif) 0 0 no-repeat;  }

/* Main blue stripe + actual promo stripe */
.bg-pruh .w980p, .promo-pruh .w980p {
  width: 940px;
  padding: 40px 20px 30px 20px;
}

.bg-pruh h1, .bg-pruh h2, .bg-pruh h3,
.bg-pruh h4, .bg-pruh h5, .bg-pruh h6 {
  color: #fff;
}

.bg-pruh p, .bg-pruh ul, .bg-pruh ol {
  color: #ddecf9;
}

.promo-pruh {
  color: #828282;
}

.promo-pruh h1, .promo-pruh h2, .promo-pruh h3,
.promo-pruh h4, .promo-pruh h5, .promo-pruh h6, .promo-pruh strong.strong-title {
  color: #626262;
  font-size: 1.667em;
  font-weight: normal;
  line-height: 50px;
  margin-bottom: 0;
}
/* Google map */
#google-map { margin: 60px 0 20px; border: 1px solid #cccccc; width: 290px; height: 200px;  }

.ref {
  float: left;
  margin: 0 15px 20px 0;
  width: 290px; height: 260px;
  border: 5px solid #f3f3f3; background: #f3f3f3;
}
.ref.new {
  width: 930px !important;
}
.ref.last{
  margin-right: 0;
}
.ref h3 {
  margin: 5px 2px 0;
  font-size: 110%;
}