/*
Theme Name: Heart
Theme URI: http://sn.avistar.com.ua
Author: Andy
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/
 
/*
* 	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; 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
 *     ======================
 **/

ol > li {list-style: decimal;}

/* -- 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 { background:none repeat scroll 0 0 #FFFFFF; padding-right:10px; }
h1.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; }
img.alignright {float: right;}

body        { font-family: Arial, serif; font-size: .800em; 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 {
  margin: 0 0 30px 0;
  width: 100%; height: 172px;
  color: #fff;
  background: #08327c;
}
#inner {
  width: 100%; height: 100%;
  padding: 0 0 120px 0;
  background: #fff;
  min-height: 300px;
}
.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; } 
#search.bg-pruh { background: url(images/bg-pruh.gif) repeat-x 0 0; }

/* -- Logo -- */
#logo {
	position: absolute;
	left: 20px;
	top: 25px;
	width: 300px;
	height: 54px;
  line-height: 50px;
	font-weight: bold;
	font-size: 1.5em;
}
#logo span {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 300px;
	height: 54px;
	background: url(images/logo.png) 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 > ul > li.current_page_item > a, #mainMenu > ul > li.current_page_ancestor > a, #mainMenu > ul > li.current_page_parent > a, #mainMenu > ul > li.current-menu-item > 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, .subnav {
  margin: 55px 0 0 0;
  width: 230px;
}
#subnav > ul > li, .subnav > ul > li, .subnav h3 {
  display: block;  
  background: url(images/ico/subnav-li.gif) 90% 50% no-repeat;
}
#subnav > ul > li a, .subnav > ul > li a, .subnav h3 {
  padding: 0 35px;
  display: block;
  height: 55px; line-height: 55px;
  color: #626262;
  border-bottom: 1px solid #c6c6c6;
  font-size: 1.133em; text-decoration: none; 
}
#subnav > ul > li.active a,
#subnav > ul > li.active a:hover,
.subnav > ul > li.active a,
.subnav > ul > li.active a:hover, .subnav h3 {
  color: #fff;
  border: none; 
  background: url(images/btn-action.png) 0 0 no-repeat;
}
#subnav > ul > li a:hover,
.subnav > ul > li a:hover {
  color: #cf3300;
}

/* -- Navigation footer -- */
#footer ul {
  margin: 20px 0 0 25px;
  float: left;
}
#footer ul li {
  float: left;  
}
#footer li a {
  display: block;
  float: left;
  margin: 0;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  color: #3a3a3a;
}
#footer li a:hover {
  text-decoration: none;
}
/* -- 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;
  text-align: justify;
}
#content .entry-summary, #content .entry-content {
  font-size: 1.3em;
}
.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; 
}
ol.list > li {
  padding: 0;
  background: none;
}

.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: 20px 0 0 0; margin: 0 0 5px 20px;
  color: #fff; font-size: 180%; font-weight: normal;
}
#search p {
 margin: 0 0 0 20px;
  width: 550px;
}

.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 -- */
.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; }
.btn-action span { display: block; padding: 0 10px 7px 40px;	line-height: 48px; background: transparent url(images/btn-action.png) no-repeat ; }
a:hover.btn-action { background-position: right -55px; }
a:hover.btn-action span { background-position: 0 -55px; }

/* -- Btn default -- */
.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; }
.btn-default span, .btn-default input { display: block; padding: 0 10px 0 20px; margin: 0; border: none; line-height: 34px; background: transparent url(images/btn-default.gif) no-repeat; cursor: pointer; }
a:hover.btn-default, .btn-default:hover { background-position: right -34px; }
a:hover.btn-default span, .btn-default:hover input { 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 { width: 980px; height: 172px; position: relative; overflow: hidden; }
#slider-box li { list-style: none; list-style-image: none; }
#slider-box li .slide { width: 980px; height: 172px; overflow: hidden; margin: 0; position: relative; }
	
#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: 100px; margin-bottom: 30px; overflow: hidden; }
#promo-headlines strong { float: left; line-height: 80px; color: #626262; font-size: 1.667em; font-weight: normal; }
#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;  }

/* 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%; 
}