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

/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

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

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

a.white, a.white:visited, a.white:active, a.white:link {  color: #fff; outline: none; }
a.white:hover{  text-decoration: none; }

.normal a, .normal a:visited, .normal a:active, .normal a:link, .normal img { text-decoration:none;  color: #cf3300; outline: none; font-weight:normal; font-size: .750em; }


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

/* .normal{font-family: Arial, serif; font-size: .750em; letter-spacing: 0em; font-weight:normal; text-align: center; background: #fff; margin:0; color: #5a5a5a;} */
.normal{font-family: Arial, serif; font-size: .900em; letter-spacing: 0em; font-weight:normal; text-align: center; background: #fff; margin:0; color: #000;}
.green{color:green;}
.red{color:#CF3300;}


.required{color:#AF2020; font-weight:bold; font-size:1.5em;}


#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; }

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

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

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

/* -- Cols layout -- */
.cols { overflow: hidden; height: 100%; clear: both; padding-top:2px;}
.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;
}
#search-oma {
  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:575px;

}
.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-gradient { background: url(../images/bg-gradient2.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: 240px;
	height: 50px;
  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: 240px;
	height: 50px;
	background: url(../images/logo-do2.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; }

.weekMenu {
  margin: 0 0 0 0;
  float: right;
  text-align:center;
}

.weekmenu ul, ol{
  padding: 0px 10px;
}

.weekMenu ul li, ol li {
  position: relative;
  display: block; float: left;  

}

.weekMenu ul li.first {
  margin-left:0;
}
.weekMenu li a {
  padding: 6px 11px;
  display: block; float: left;
  color: #626262; font-weight: bold;
  text-transform: uppercase;
  font-size: 1em; text-decoration: none; 
}
.weekMenu li.active a {
  padding: 5px 10px;
  color: #393939;
  border: 1px solid #d2d2d2;
  background: #dfdfdf;
}
.weekMenu li a:hover {
  color: #035094;
}

.weekMenu li ul,
.weekMenu li.active ul         { position: absolute; left: 0; top: 30px; width: 187px; height: auto; margin: 0; padding: 0; display: none; float: left; z-index: 100; }  
.weekMenu li ul li, 
.weekMenu li.active ul li      { margin: 0; padding: 0 6px; clear: both; width: 175px; height: 34px; background: url(../images/bg-submenu.png) repeat }  
.weekMenu li ul li a,
.weekMenu 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; } 
.weekMenu li ul li a:hover     { color: #393939; background-color: #f5f4f4; text-decoration: underline; }

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

.active-day{text-decoration:underline;}

/* -- Subnav column -- */
#subnav, .subnav-left, .subnav {
  margin: 55px 0 0 0;
  width: 230px;
}
#subnav li, .subnav li {
  display: block;  
  height: 50px;
  background: url(../images/ico/subnav-li.gif) 90% 20px no-repeat;
}
.subnav-left li {
  display: block;  
  height: 50px;
  background: url(../images/ico/subnav-li-left.gif) 0px 20px no-repeat;
}
#subnav li a, .subnav-left li a, .subnav li a {
  padding: 0 20px;
  display: block;
  height: 50px; line-height: 50px;
  color: #626262;
  border-bottom: 1px solid #c6c6c6;
  font-size: 1.133em; text-decoration: none; 
}
#subnav li.active a, .subnav li.active a,
#subnav li.active a:hover, .subnav li.active a:hover {
  color: #fff;
  border: none; 
  background: url(../images/subnav-active-green.gif) 0 0 no-repeat;
}
#subnav li a:hover, .subnav-left li a:hover, .subnav 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;
  text-align:left;
}
.column {
  margin: 0 0 40px 0; 
  float: right;
  width: 260px;
}
p {
  margin: 0 0 20px 0;
  line-height: 160%;
}
#content p {
/*  color: #5a5a5a; */
	color: #000;
}
.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; */
  color: #000;
  background: url(../images/list.gif) no-repeat 15px 10px; 
}

.list-container{
	padding-bottom: 20px;
}

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

/* -- 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: 960px;
  position: relative;
}

#resultsList .row.short {
  
  width: 660px;
  
}

#resultsList .row.last {
  border-bottom: 1px solid #e0e0e1;
}
#resultsList .even{
  background: url(../images/listRow_evenBg.gif) 0 100% repeat-x;
}
#resultsList .hover{
  
/*  background: #f7f7f7 url('../images/listRow_hover.gif') left bottom repeat-x; */
	background: #DCE4F2;
}
#resultsList .left {
  float: left;
  width: 560px;
  margin-left: 10px;
}
#resultsList .left-short {
  float: left;
  width: 360px;
  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, #resultsList .left-short span {
  float: left;
  display: block;
  margin: 7px 0 0 15px;
}
#resultsList ul{
  float: left;
  width: 125px;
  margin-right: 10px;
  margin-top: 5px;
}
#resultsList li{
  list-style-type: none;
  line-height: 1.65em;
}
#resultsList li a{
  
}
.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
 *    =============
 **/
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button, .more-info { cursor: pointer; }
  
button, input, select, textarea { margin: 0; }

button {  width: auto; overflow: visible; }

fieldset    { border: 0 !important; }

#login {  width: 255px; }
.lab {
  margin: 0 0 5px 0; padding: 0;
  font-weight: bold; 
  color: #3a3a3a;
  text-align:left;
}
.con {
  margin: 0 0 15px 0; padding: 0;
  width: 245px; height: 29px;
  background: #f2f2f2 url(../images/bg-input.gif) no-repeat 0 0;
  text-align:left;
}

.input {
  margin: 5px 10px;
  width: 225px; height: 19px;
  color: #3a3a3a; 
  border: none;
  background: transparent; 
}



.submit{

  margin: 0 30px 15px 40; padding: 0;
  width: 75px; height: 35px;
  background: #fff url(../images/bg-input-search.gif) no-repeat 0 0; 
}

.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 .short-select         { width: 110px !important; text-align:right; }
#registerForm .short-select .con    { width: 100px; }
#registerForm .short-select .input  { width: 95px; }

#registerForm .medium-select         { width: 130px !important; text-align:right; }
#registerForm .medium-select .con    { width: 120px; }
#registerForm .medium-select .input  { width: 115px; }

#registerForm .long          { width: 660px !important; }
#registerForm .long .con     { width: 600px; }


#registerForm .col2 { margin: 0 0 0 20px; }

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

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


input.button{border:0;}
a.button{height:15px; margin:2px 5px;}

.h-margin{margin: 0 5px;}
.v-margin{margin: 5px 0;}

.h-padding{padding: 0 5px;}
.v-padding{padding: 5px 0;}

.button.first{margin-left:0;}

.button, .button:visited, .button:link {
	background: #222; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
	a.small{font-size:11px;}
 
	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }
	.small.button, .small.button:visited 			{ font-size: 11px}
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; 
												  font-weight: bold; 
												  line-height: 1; 
												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												  }
												  
	.large.button, .large.button:visited 			{ font-size: 14px; 
													  padding: 8px 14px 9px; }
													  
	.super.button, .super.button:visited 			{ font-size: 34px; 
													  padding: 8px 14px 9px; }
	
	.pink.button, .magenta.button:visited		{ background-color: #e22092; }
	.pink.button:hover							{ background-color: #c81e82; }
	.green.button, .green.button:visited		{ background-color: #75A928; }
	.green.button:hover						    { background-color: #628D21; }
	.red.button, .red.button:visited			{ background-color: #e62727; }
	.red.button:hover							{ background-color: #cf2525; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover						{ background-color: #d45500; }
	.blue.button, .blue.button:visited		    { background-color: #2981e4; }
	.blue.button:hover							{ background-color: #2575cf; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover						{ background-color: #fc9200; }


/* -- 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: #9a9a9a;
}
.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; }

/* messages*/

.err,
.notice, 
.success    { padding: .8em; margin-bottom: 0em; border: 2px solid #ddd; }
.err      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; clear:both; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.err a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.notify-area{position:fixed; top:2%; right:2%;}

#alert
{
	overflow: hidden;
	z-index: 999;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background-color:#FFF;
	height: 0px;
	font: 20px/40px arial, sans-serif;
	opacity: .9;
}

.notice-box{ margin-bottom: 15px; overflow: hidden; }


/*
 * 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; }
#promo-headlines .btn-action-green { margin-top: 15px; float: right; }

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

/*
.tab .top { background: #D2D2D2 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; }
*/ 
.tab .top { background: #D2D2D2; }
.tab .odd { background: #ddecf9; }
.tab .tdt { padding: 13px 15px; text-align: left; font-size: 1em; background: transparent; font-weight: bold;}
/* 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%; 
} 

.prodlist { font-size:12px; margin-left: 42px;} 
.prodlist ul li {padding: 1px 1px; list-style-image:url("/images/ico/ico-correct.gif"); }

.extralist {font-size:12px; margin-left: 28px;} 
.extralist ul li {padding: 2px 1px; height: 15px; list-style-image:url("/content-images/plus.png"); }

#mask {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 9000;
	display: none;
}

* html #mask {	/* IE6 */
	position: absolute;
	width: 100%;
}
   
#boxes .window {
  position:absolute;
  width:200px;
  height:20px;
  display:none;
  z-index:9999;
  padding:0px;
/*
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); 
  */
}

.disabled{color:#ccc;}
  
#modal{ 
  position:absolute;
  width:200px;
  height:200px;
  background-color: red;
  z-index:9999;
  padding:0px;
} 
  
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:250px; 
  height:20px;
}

.clickable{ cursor:pointer;}