/* CSS Style - Design By: Martin Ondrejmiška - IT PROFI Servis s.r.o. (1.10.2009) */
 

/* Reset
------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, 
center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; 
font-size: 100%; vertical-align: baseline; background: transparent; } body { 
line-height: 1; } ol, blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }



/* Obecné
------------------------------------------------------------------- */
html {
	font-size: 62.5%; 
	min-height: 100%;
} 

body {         
    background-color: #7dbbe0;
	color: #112;
	font: normal 13px arial;
	padding-bottom: 1px; 
}
.red
{
    color: Red;
}
.green
{
    color: Red;
}


/*                                                            Nadpisi
------------------------------------------------------------------- */
h1
{
   display: inline;
   font-size: 24px;
   color: #2c90cc; 
}
h2
{
   display: inline;
   font-size: 17px;
   color: #2c90cc; 
}
h3
{
   display: inline;
   font-size: 14px;
   color: #2c90cc; 
}
#obsah p
{
    padding-top: 6px;
    padding-bottom: 10px;
    color: #555;
}

/* Linky
------------------------------------------------------------------- */ 
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #003366;
	text-decoration: underline;
}

 
/* L a y o u t 
------------------------------------------------------------------- */
 
/****** Hlavný DIV */  
#main 
{
    width: 950px; 
    margin-left: auto;
    margin-right: auto;
}
#main_back
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
#main_back #back
{
    float: left;
    width: 100%;
    background: #7dbbe0 url(img/main_body_back.png) top center repeat-y;
}
#main div.inner_main
{
    width: 100%;
    float: left;
    background-color: White;
}
#main div.inner
{
    width: 100%;
    float: left;
}
#main div.half
{
    width: 50%;
    float:left;
}
 
/****** Hlavička */ 
#header
{
    width: 100%;
    height: 185px;
    float: left; 
    background: #fff url(img/header.jpg) no-repeat top left;
}
#header .menu
{
   margin-top: 143px;
   margin-left: 25px;
   display: inline;
   float: left;
   width: 897px;
   height: 38px;
}
/* MENU */
#header .menu ul
{  
    list-style-type: none;  
    padding: 0px;
    margin: 0px;
}
#header .menu ul li
{
   float: left; 
   text-align: center;
   margin: 0px;
   background-color: inherit;
} 
#header .menu ul a
{
   color: #2c90cc;
   font-size: 15px;
   margin: 0px;
   padding: 10px 20px 10px 20px;
   font-weight: bolder;
   text-decoration: none;
   display: block;
}
#header .menu ul a:hover
{
   background-color: #2c90cc;
   color: White;
}     
#header .menu ul a:hover
{ 
   text-decoration: none;
}
#header .menu ul a.select
{
   background-color: #2c90cc;
   color: White;
}   


 
/****** Lavý blok */ 
#left_blok
{ 
  float:left;   
  width:170px;  
  height: 100%;  
  padding: 5px;
} 
 
/****** Pravý blok */
#right_blok
{  
  float: right;  
  width:170px; 
  height: 100%; 
  padding: 5px;
}  

.blokNadpis
{
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 9px;
  width: 150px;
  height: 30px;
  background-image: url(img/blokNadpis.png);
  background-repeat: no-repeat;
  
  font-size: 13px;
  color: #2c90cc;
  
}
/****** Stredný blok */ 
#middle_blok
{   
  float:left; 
  width: 590px; 
  height: 100%;
  background-image: url(img/blok_middle.png);
  background-repeat: repeat-y;
  background-position: top left;
}
#middle_blok div.in
{  
  float: left;
  width: 560px;  
  padding: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
} 
#middle_blok div.middle_blok_in
{  
  float: left;
  width: 560px;  
  padding: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: url(img/uvod_middle.png);
  background-repeat: repeat-y;
  background-position: top left;
} 
#middle_blok div.top
{
    float: left;
    width: 100%;
    height: 10px;
  background-image: url(img/blok_middle_top.png);
  background-repeat: no-repeat;
  background-position: top left;
}
#middle_blok div.middle_blok_top
{
    float: left;
    width: 100%;
    height: 10px;
  background-image: url(img/uvod_middle_top.png);
  background-repeat: no-repeat;
  background-position: top left;
}
#middle_blok div.bottom
{
    float: left;
    width: 100%;
    height: 10px;
  background-image: url(img/blok_middle_bottom.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}
#middle_blok div.middle_blok_bottom
{
    float: left;
    width: 100%;
    height: 10px;
  background-image: url(img/uvod_middle_bottom.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

/****** PATA */
#pata
{
   float: left;
   width: 920px;  
   height: 50px;
   background-image: url(img/pata.png);
   background-position: top center;
   padding-left: 40px;
   padding-right: 40px;
   padding-top: 10px;
   font-size: 11px;
   color: #000;
} 
#pata a
{
   font-size: 11px;
   color: #000;
}
#pata a:hover
{
   font-size: 11px;
   color: #444;
}













/******* Podstránky všeobecne */
ul.clear
{
  list-style-type: none;
}


div.inner_row
{
    width: 100%;
    float: left;
} 
div.inner_row div.nazov
{
    margin-left: 5px;
    width: 130px;
    float: left; 
    color: #999;  
}
div.inner_row div.text
{  
    float: left;
    color: #333; 
    font-weight: bolder; 
}
div.inner_row div.text input, div.inner_row div.text textarea
{  
    border: solid 1px Silver;
    font-family: Arial;
    color: #333;
}













/* REALSYS */

div.right_obec
{
    float: right;
    text-align: right;
    margin-top: -15px;
}
.CMBSmall
{
	background-color: white;
	color: black;
	font-weight: normal;
	text-align:center;	
	font-size: 8pt;
	font-family: Tahoma;
}





 






.makler_font_a
{
    color: #708090;
    font-weight: bolder;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
}
.makler_font_b
{
    color: black;
    font-weight: normal;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
} 
.makler_font_c
{
    color: black;
    font-weight: bolder;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
} 
.tbl_makleri_up
{
    border-top: solid 3px #F0F0F0;
    height: 5px;
}

.tbl_makleri_left
{
    width: 170px;
    border-right: solid 3px #F0F0F0;
}

.tbl_makler_b
{
   background-image: url(img/makler_back.png);
   background-repeat: no-repeat;
   background-position: top left;
}
.makler_up
{
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    color: White;
    font-weight: bolder;
    background-image: url(img/detail_back.jpg);
    background-repeat: repeat-y;
}




div.makler_list
{
    margin: 5px;
    float: left;
    width: 270px;
    height: 275px;
    font-size: 13px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    color: #000;
    font-weight: bolder;
}
div.makler_list img
{
    max-width: 230px;
    padding: 5px;
    max-height: 160px;
    height: expression(this.height >= this.width && this.height > 160 ? 160 : true);
    width: expression(this.height < this.width && this.width > 230 ? 230 : true);
}
div.makler_list a
{
    color: #990000;
}



.makler_left
{
    width: 230px;
    font-size: 13px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    color: #660000;
    font-weight: bolder;
}
.makler_right
{
    font-size: 11px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    color: Black;
}




.Zak_Img
{
    border: solid 3px red;
}













/* Stare */

.spat_detail
{
    color: #777;
    font-weight: bold;
    font-size: 11px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
}
.spat_detail:hover
{
    color: #000;
    font-weight: bold;
    font-size: 11px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
}
.tlac_hladat
{
    color: Black;
    font-size: 10px;
} 


.pagerhref 
{
  padding: 10px 0 0 0;   
}



.pagerhref a 
{
  padding: 2px 5px 2px 5px;   
}






/*  ----- Z A K A Z K Y ------  */
/* FILTER */
div.filter_a
{
    width: 55px;
    margin-left: 3px;
    float: left;
    color: #555;
    height: 22;
    line-height: 22px;
    font-weight: bold;
    font-size: 11px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
}
div.filter_b
{
    width: 126px;
    float: left;  
}
div.filter_c
{
    width: 106px;
    float: left;  
}
div.filter_d
{
    width: 335px;
    margin-left: 3px;
    height: 22;
    line-height: 20px;
    float: left;  
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    color: Black;
    font-weight: bolder;
    font-size: 11px;
}
div.filter_b select, div.filter_b input
{
    border: solid 1px #dadada;
    font-weight: bold;
    font-size: 11px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; 
    height: 20px;    
    color: Gray;
}
div.filter_c select, div.filter_c input
{
    border: solid 1px #dadada;
    font-weight: bold;
    font-size: 11px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; 
    height: 20px;      
    color: Gray;
    border: solid 1px silver;
}
div.filter input.input_small
{
    height: 15px;
}
div.filter_ram
{
    margin-top: 5px;
    float: left;
    width: 100%;
    text-align: center;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    color: Black;
    font-weight: bolder;
    font-size: 11px;
    border: solid 1px silver;
}


div.zakazka
{ 
    padding-top: 5px; 
    padding-bottom: 5px;
    float: left; 
    border-top: solid 1px #d2deff;
    width: 560px;
}
div.zakazka div.inner2
{ 
    float: left; width: 100%; background-image: url(img/rezervovane.jpg); background-repeat: no-repeat; background-position: top left;
}
div.zakazka div.inner1
{ 
    float: left; width: 100%;
}
  
/* Fotka */
div.zakazka div.fotka
{  
    float: left; 
    height: 70px;
    width: 95px; 
}
div.zakazka div.fotka img.small
{
    max-height: 70px;
    max-width: 90px;
    height: expression(this.height >= this.width && this.height > 70 ? 70 : true);
    width: expression(this.height < this.width && this.width > 90 ? 90 : true);
}
div.fotka_big
{
    float: left; 
    width: 240px;
    height: 180px;  
    padding: 5px;
}
div.fotka_big img
{
    max-height: 180px;
    max-width: 240px;
    height: expression(this.height >= this.width && this.height > 180 ? 180 : true);
    width: expression(this.height < this.width && this.width > 240 ? 240 : true);
}

 
/* A */
div.zakazka div.a
{  
    float: left; 
    height: 30px;
    width: 330px;
    padding-left: 3px; 
}
div.zakazka div.a a
{  
    color: #003366;
    font-size: 14px;
    font-weight: bolder;
}
div.zakazka div.a span.zobrazene
{  
    color: #999;
    font-size: 11px; 
}
div.zakazka div.a h1
{  
    color: #003366;
    font-size: 11px; 
    display: inline;
}

 
/* B */
div.zakazka div.b
{  
    float: right; 
    height: 50px;
    width: 130px;
    text-align: right;
}
div.zakazka div.b h2, div.zakazka div.b h3
{  
    color: #333;
    font-size: 11px;  
    display: inline;
} 
 

/* C */
div.zakazka div.c
{  
    float: left;
    margin-top: 10px;
    border: solid 0px yellow;
    width: 100%;
    text-align: right;
    color: #991d1f;
    font-size: 11px; 
} 

 
/* D */
div.zakazka div.d
{   
    padding-left: 3px;
    float: left;  
    width: 330px;    
}
div.zakazka div.d a
{    
    color: #666;
    font-size: 12px; 
}









/*  ----- D E T A I L ------  */
#zakazka_detail
{
    color: Black;
}




/* -- LAVA -- */
#zakazka_detail div.left
{
    width: 100%;
    float: left;
} 
#zakazka_detail div.left h1
{
    font-size: 24px;
    color: #003366;
    font-weight: normal;
}
#zakazka_detail div.left span.zobrazene
{
    float: right;
    color: #999; 
}
#zakazka_detail div.left p
{
    margin-top: 10px;
    color: #444;
    text-align: justify;
}
#zakazka_detail div.left div.nazov
{
    width: 80px;
    float: left; 
    color: #336699; 
}
#zakazka_detail div.left div.text
{  
    float: left; 
    width: 180px;
    color: #003366; 
    font-weight: bolder;
}
#zakazka_detail div.left div.rk_nazov
{
    width: 80px;
    float: left; 
    color: #999; 
}
#zakazka_detail div.left div.rk_text
{  
    float: left; 
    width: 180px;
    color: #333; 
    font-weight: bolder;
}
#zakazka_detail div.left div.rk_text .DarkRed
{   
    color: #990000;  
}
#zakazka_detail div.left div.vlastnost
{
    width: 50%;
    float: left; 
    color: #000;  
}
#zakazka_detail div.left div.hodnota
{  
    width: 50%;
    float: left;
    color: #666;  
}
#zakazka_detail div.left #charakteristiky div.inner
{ 
    margin-top: 5px;
    padding-top: 3px; 
    border-top: solid 1px #ededed;
}
#zakazka_detail div.detail_left
{
    float: left;
    padding: 5px; 
    width: 240px; 
}
#zakazka_detail div.detail_right
{
    float: left;
    padding-left: 3px;
    padding-top: 5px;
    width: 260px;
}

#zakazka_detail div.detail_leftB
{
    float: left;
    padding: 5px; 
    width: 270px;  
}

#zakazka_detail div.detail_rightB
{
    float: left;
    padding: 5px;
    width: 270px;   
}




/* -- PRAVA -- */
#zakazka_detail div.right
{ 
    width: 100%;
    float: left; 
} 
#zakazka_detail div.fotka
{
    float: left;
    padding: 2px;
    background-color: #e5e5e5;
} 
#zakazka_detail div.fotka:hover
{ 
    background-color: #3399FF;
} 
#zakazka_detail div.right div.nazov
{
    margin-left: 5px;
    width: 70px;
    float: left; 
    color: #777;   
}
#zakazka_detail div.right div.text
{  
    float: right; 
    width: 195px;
    color: #999; 
    font-weight: bolder;  
}
#zakazka_detail div.right div.text input, #zakazka_detail div.right div.text textarea
{  
    border: solid 1px silver;
    font-size: 11px;
    color: #333;     
    font-family: Arial;
}


/* Kontakt */
#kontakt
{
    color: #333;     
    font-family: Arial;
}
#kontakt div.nazov
{
    margin-left: 5px;
    width: 140px;
    float: left; 
    color: #999;   
    text-align: right;
}
#kontakt div.text
{  
    float: right; 
    width: 515px;
    color: #333; 
    font-weight: bolder;  
}
#kontakt div.text input, #kontakt div.text textarea
{  
    border: solid 1px silver;
    color: #333;     
    font-family: Arial;
}

/* FLASH intro */
div.flash
{
   width: 790px;
    margin-left: auto;
    margin-right: auto; 
}

/* Bannery lavé */
div.bannery_lave
{
 text-align: center;
}
div.bannery_lave img
{ 
 margin-top: 10px;   
}

/* Bannery pravé */
div.bannery_prave
{
 text-align: center;
 margin-top: 20px;   
}
div.bannery_prave img
{ 
 margin-top: 10px;   
}

img.imgDetail
{
     max-height: 70px;
     max-width: 120px;
    height: expression(this.height >= this.width && this.height > 70 ? 70 : true);
    width: expression(this.height < this.width && this.width > 120 ? 120 : true);
    
}



.filter .inner_blank
{
    float: left;
    width: 100%;
    height: 10px;
}
.filter .nazov
{ 
    width: 60px;
    margin-left: 3px;
    float: left;
    color: #555;
    height: 22;
    line-height: 22px;
    font-weight: bold;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;    
}
.filter .hodnota
{
    width: 102px;
    float: left; 
} 
.filter .hodnota select, .filter .hodnota input
{
    border: solid 1px #dadada;
    font-weight: bold;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; 
    height: 20px;      
    color: Gray;
    border: solid 1px silver;
}
.filter .hodnota input.input_small
{
    height: 15px;
}

div.uvod_text
{
    text-align: center;
}
.uvod_text h2
{
    font-size: 20px;
    text-align: center;
    font-family: Verdana;
    color: Black;
}
.big
{
    font-size: 15px;
}