/**
* CSS styles for Betonserver.cz {@link http://www.betonserver.cz}
*
* This document was developed by Deczka Webdesign, all rights reserved.
* {@link http://www.deczka.com}
*
* @author       Honza Michalicka <info@deczka.com>
* @copyright    (c) Honza Michalicka 2006 - {@link http://www.deczka.com}
* @version      1.0
*/


/*
* Zakladni layout stranky
* ------------------------------------------------------------------------------
*/

body {
	font-family: Verdana, Arial, lucida, sans-serif;
	font-size: 70%;
	line-height: 1.6em;
	color: #4E4E4E;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: #28A2E3 url(/images/page_back.jpg) repeat-x top left;
}

#page  {
	width: 850px;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	background: white;
}

#header-part {
	background: white url(/images/header.png) no-repeat top left;
	height: 100px;
	margin: 0;
	padding: 0;
	border: 0;
}

#content-part { 
    position:relative;
    margin: 0; 
    padding: 0; 
    border: 0;
}
#content {
   position:relative;
	margin: 0;
	padding: 0;
}

#footer-part {
	margin: 0;
	padding: 0 0 15px;
	border-top: 1px solid #003366;
	background: #28A2E3;
}

/*
*  Layout titulni stranky
* ------------------------------------------------------------------------------
*/
#title-main-col {
    
    float: left;
    width: 700px;
    margin: 0;
	padding: 0;
	border: 0;
}
#title-main-col-in { 
    padding: 0; 
    margin: 0;
}

#title-right-col {
	
   float: right;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
}
#title-right-col-in  { 
    padding: 0 10px 0 0;  
    margin:0; 
}

/*---------------------------------*/

#middle-col {
  
  float: right;
  width: 540px;
}
#middle-col p {padding-right:10px;clear:both;}

#left-col {
	
   float: left;
	width: 150px;
}
#left-col-in { 
    padding-left: 10px; 
}
#title-txt {
	padding: 0 10px;
}


/*
*  Layout ostatnich stranek
* ------------------------------------------------------------------------------
*/
#main-col {
	width: 620px;
	margin: 0;
	padding: 0;
	border: 0;
}
#main-col-in { 
    padding: 1em 15px 0; 
    margin:0; 
}

#side-col {
	
   float:right;
  	width: 160px;
	margin: 0;
	padding: 0;
	border: 0;
}

#side-colx {
	
   position:absolute;
   right:5px;top:50px;
	width: 160px;
	margin: 0;
	padding: 0;
	border: 0;
}
#side-col-in { 
    padding: 0 10px 0 10px; 
    margin:0; 
}



/*
* Zakladni formatovani HTML prvku
* ------------------------------------------------------------------------------
*/

h1, h2, h3, h4 { margin: 1em 0 0.5em 0; }
h1      { font-size: 180%; margin: 0 0 0.5em 0;}
h2      { font-size: 160%; margin: 1em 0 0.3em 0; }
h3      { font-size: 120% }
h4      { font-size: 110% }

a:link      { color: #DD0000; text-decoration: underline; }
a:visited   { color: #5585BB; text-decoration: underline; } /*C86666*/
a:hover     { color: #A10055; } /*9A0404*/

a:link      {color:#ec0000;text-decoration: underline;}
a:visited   {color:#a10000;text-decoration: underline;}
a:hover     {color:#00619F}

p { margin: 0.3em 0 0.6em 0;}
hr { display: none; }
q, cite { font-style: italic }
abbr, acronym { border-bottom: 1px dotted inherit; cursor: help; }
img { border: none; }
table { border-collapse: collapse; font-size: 100%; }
dt {font-size:120%; font-weight: bold; margin:10px 0 3px}

h1, h2 {
	font-family: Trebuchet MS, Arial, Verdana sans-serif; /*font-family: Georgia, Times, serif;*/
	font-weight: normal;
	color: #00356F; 
	line-height: 1.4em;
}

h1.nazev-firmy {font-size: 160%; margin: 1em 0 0.3em 0;}

/*
* Univerzalni tridy
* ------------------------------------------------------------------------------
*/

.hidden { display: none; }
.smaller { font-size: 90%;}
.cleaner { clear: both; }

.acenter { text-align: center; }
.aright { text-align: right; }

.left { float: left; }
.right { float: right; }


/*
* Navigace
* ------------------------------------------------------------------------------
*/

#navigation {
	margin: 0;
	padding: 0;
	border: 0;
	background: #ADD8FB; /*EDBD00;*/
	background: url(/images/nav_bg.jpg) repeat-x top left rgb(99,172,227);;
    height: 48px;
}

#navigation h3 { margin: 0;  padding: 0; }
#navigation ul { margin: 0;  padding: 0; }
#navigation li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	
}
#navigation a {
    background: url(/images/link_bg_0.jpg) repeat-x top left rgb(99,172,227);;
	/*font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;*/
	/*font-size: 100%;*/
	font-weight: normal;
	text-decoration: none;
	color: black;
	margin: 0;
	display: block;
	padding: 3px 12px;
	float: left;
	border-right: 1px solid #A7D0F0;
   white-space: nowrap;
}
#navigation a.current:link, #navigation a.current:visited {
	/*font-weight: bold;*/
	color: white;
	background: url(/images/link_bg_2.jpg) repeat-x top left;
}
#navigation a:hover {
	color: white;
	text-decoration:underline;
	background: url(/images/link_bg_1.jpg) repeat-x top left;
}



/*
* Logo stranky
* ------------------------------------------------------------------------------
*/

#header-part #logo {
	/*background: url(/images/betonserver_logo2.gif) no-repeat top left;*/
	float: left;
	width: 150px;
	height: 70px;
	margin: 15px 0 0 20px;
	padding: 0;
}

#header-part #logo a {
	display: block;
	width: 149px;
	height: 65px;
}
#header-part #logo a:hover { background:transparent !important }
#header-part #logo span, #header-part #slogan span  { display:none; }
#header-part #logo img { display:none; }


#header-part #lang {
	float: right;
	width: 95px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#header-part #lang a {
    float: left;
	display: block;
	width: 18px;
	height: 14px;
	margin: 10px 5.5px;
}
#lang a#lang_cz { background:url(/images/flags/cz.png) no-repeat; }
#lang a#lang_sk { background:url(/images/flags/sk.png) no-repeat; }
#lang a#lang_hu { background:url(/images/flags/hu.png) no-repeat; }

/*#header-part #lang a:hover { background:transparent !important }*/
#header-part #lang span { display:none; }

/*
* Drobky
* ------------------------------------------------------------------------------
*/

#drobky {
    font-size: 90%;
    background: black;
    color: white;
    padding: 2px 10px;
    clear: both;
}
#drobky a:link, #drobky a:visited {
    color: white;
    text-decoration: underline;
}
#drobky a:hover {
    color: red;
    background: transparent !important;
}


/*
* Copyright info
* ------------------------------------------------------------------------------
*/
#footer-part p {
	text-align: center;
	font-size: 100%;
	line-height: 1.5em;
	color: #D6EEFB;
}
#footer-part a { color: #D6EEFB; }
#footer-part a:hover { color: #003366; background-color: transparent; }



/*
* Detail firmy
* ------------------------------------------------------------------------------
*/
.mapa {
    
    float: right;
    margin: 10px;
}
.mapa img {
    border: 1px solid black;
}

.kontakty
{
 margin-top:10px;
 overflow-x:hidden;
}
.kontakty table {
	font-size: 100%;
	border: none;
	margin:0;
	line-height: 1.5em;
	background-color: white;

}
.kontakty table td,.kontakty table th {
	border: 0;
	text-align: left;
	vertical-align: top;
	padding: 2px 0 2px 0;
}
.kontakty table th {font-weight:normal;padding-right:10px;background:white;color:#4E4E4E}

.line { 
    clear: both;
    display: block;
    border: none;
    border-top: 1px solid silver; 
}
.edit {
    float:right
}



/*
* REKLAMY
* ------------------------------------------------------------------------------
*/
.txt-ad p, .fulltext p  {
    margin: 10px 0 5px;
    color: gray;
    font-size: 86%;
}
.rkl {
    margin: 10px 0 5px;
    border-bottom: 1px solid silver;
    color: silver;
    font-size: 90%;
}
.fulltext p  {
    margin: 10px 0 10px;
    border-bottom: 1px solid silver;
    color: silver;
    font-size: 90%;
}
.ad-img {
    margin: 5px 0;
    text-align: left;
}

#ms_reklama .ad-img { text-align: center; }

.ad-code {
    margin: 5px 0;
    text-align: center;
}
/*
* Kategorie
* ------------------------------------------------------------------------------
*/


select#sectionSelector {position:absolute;top:10px;right:15px; width:200px;}





.abc-nav {
    border-bottom: 1px solid silver;
    padding: 0 5px;
}
.abc-nav strong {
    padding: 2px 5px;
    border: 1px solid silver;
    border-bottom: 2px solid white;
}
.abc-nav a {
    padding: 2px 5px;
    font-weight: bold; 
    text-decoration: none;
    border-width: 1px;   
}
.abc-nav a:hover {
    text-decoration: none;  
    color: #DD0000;
    background:transparent;
}
#firmy ul {margin-top: 0;margin-bottom: 0;}


.search {
    border: 1px solid silver;
    padding: 10px 20px;
    width:540px;
    margin: 10px auto 30px 0;
    background: #EFEFEF;
}

.search h3 {margin:0}

table#place-result {
	font-size: 100%;
	border: none;
	margin: 5px 0;
	line-height: 1.5em;
	background-color: transparent;
}
#place-result th {
	background-color: silver;
	color: black;
	text-align: left;
}
#place-result td {
    border: none;
	text-align: left;
	padding: 2px 10px 2px 0;
}
#place-result .row1 {
	border-bottom: 1px solid silver;
}
#place-result .row1 td {
	padding: 2px 10px 15px 0;
}

.fld {
    width: 250px;
}
.fld:focus {
    background: #FFF2BF;
}

.full-search {
    border: 1px solid silver;
    padding: 20px;
    margin: 10px 0 30px;
    background: #EFEFEF;
}
.more-pages {
    margin: 20px 0;
    border-top: 1px solid silver;
    font-size: 110%;
    font-weight: bold;
    padding: 10px;
}

#main-search {
    padding: 0;
    margin: 20px 0;
    text-align: right;
}
#main-search .fld {
    width: 138px;
    }
#main-search .fld:focus {
    background: white;
}



.login fieldset {
    border: 1px solid silver;
    padding: 20px;
    margin: 10px 0 30px;
    background: #EFEFEF;
}
.login legend {
    padding: 2px 5px;
}
.login .fld {
    width: 200px;
    margin: 0 0 5px;
}
.login label {
	float: left;
	width: 50px;
	margin: 0 0 5px;
	clear: inherit;
}
.login .btn {
    margin: 0 0 0 50px;
}




.seznam-sekci li {
    font-size: 110%;
    font-weight: bold;
    padding: 1px 0;
}



/*
* Titulka
* ------------------------------------------------------------------------------
*/
.side-btn {
    margin: 5px 0;   
    background: url(/images/nav2_bg.jpg) repeat-x top left;
    border: 1px solid #DBAA00;
}
.side-btn a:link, .side-btn a:visited {
    background: url(/images/link2_bg_1.jpg) repeat-x top left;
    padding: 3px 3px;
    color: #383838;
    text-decoration: none;
    display: block;
    margin: 0;
}
.side-btn a:hover {
    background: url(/images/link2_bg_0.jpg) repeat-x top left;
    color: #B7650C;
}

#title-txt p {
    margin: 0;
    padding: 0;
}
#title-txt h1 {
    margin: 10px 0 0;
    font-size: 160%;
}

#middle-col div {
    float: left;
    width: 135px;
    margin-bottom:20px;
}
#middle-col div h2 {
    font-family: Arial, Verdana sans-serif;
    font-weight:bold;
    font-size: 120%;
      height: 33px; 
    margin: 0 3px;
}
#middle-col div p {
margin: 3px;
}

/*
* Ruzne ostatni tridy
* ------------------------------------------------------------------------------
*/
.box {
	background-color: #C1DAEE;
	border-top: 1px solid #92B9DA;
	border-bottom: 1px solid #92B9DA;
	padding: 0 20px;
}
.box-no {
	padding: 10px 0 10px 20px;
	margin: 0 0 20px 0;
}
.extra-box {
	border: 4px solid #9DC2E1;
	border-right: 22px solid #9DC2E1;
	border-left: 22px solid #9DC2E1;
	padding: 15px;
	margin: 0 0 20px 0;
	background-color: #F1C61D;
}




/*
* Formatovani tabulek
* ------------------------------------------------------------------------------
*/

table {
	font-size: 95%;
	border: none;
	margin: 5px 0;
	line-height: 1.5em;
	background-color: #C1DAEE;
}
th {
	background-color: #2F6593;
	color: white;
	text-align: left;
}
td {
	border-top: 1px solid #92B9DA;
	border-bottom: 1px solid #92B9DA;
	text-align: left;
	padding: 1px 15px;
}
.no-pad td {
	border: 1px solid black;
	text-align: center;
	padding: 0 3px;
}
.col1 {
	text-align: left;
	padding: 0 20px 0 10px;
}







/*
* Formatovani formularu
* ------------------------------------------------------------------------------
*/

form {margin:0;padding:0}
form fieldset {
	/*background-color: #E7EFD1;*/
	padding: 20px 20px;
	border: 1px solid silver;
	border: none;
}
form textarea, form input,  select, form button {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	/*line-height: 1.6em;*/
	margin: 0 0 0 0;
}

form textarea {
	width: 350px;
}

form label span {
	float: left;
	width: 100px;
	clear: inherit;
}


/*
* ==============================================================================
*  Errors
* ------------------------------------------------------------------------------
*/

.error-box {
	margin: 10px 0 25px;
	padding: 0 10px;
	border: 1px solid silver;
	font-weight: bold;
	color: red;
}

 Atlas mapy

.mapCol {
position:absolute;left:460px;top:25px;width:360px;_width:340px;height:370px;
}

.citySelectUl {overflow-y:scroll;height:200px;border:1px #ddd solid;margin:1em 0;padding:1em 0}

#priceSelect {width:360px;text-align:left;font-weight:bold}

.mapCol h3 {margin-top:0}
.mapCol h3.next {margin-top:1em}
#helpCol {width:210px;border-right:1px solid #ddd}

#waitingCol {text-align:center}

#waitingCol img {margin:10px}

#resultList {height:330px;overflow-y:scroll;border-top:1px #ccc solid;position:relative;}
#resultList h3 {margin:0;padding:0 0 .2em;width:100%;white-space:nowrap;overflow:hidden;text-indent:23px;font:bold 12px Arial}

#resultList a {text-decoration:none;color:rgb(5,79,174)}

#resultList span.index {position:absolute;top:6px;left:2px;width:17px;height:15px;background:url(/images/pod-cislo.png) 0 15px ;}
#resultList span.index {color:white;text-align:center;font: bold 11px Arial;text-decoration:none;}
#resultList div p {text-indent:23px;padding:.2em 0;margin:0;width:100%;}
#resultList div {border-bottom:1px #ccc solid;padding-top:.5em;position:relative;}
#resultList div, #resultList div h3, #resultList div p {background:white;_cursor:hand;cursor:pointer;}
#resultList div.active, #resultList div.active h3, #resultList div.active p {background:rgb(220,228,240)}
#resultList div.active span.index {background:url(/images/pod-cislo.png) 0 0 }
#mapka {position:relative;float:right;width: 500px; height: 300px;border:1px solid gray;margin:0 0 10px 10px}

#searchFld {width:235px;}

.company-logo img {position:absolute;top:5px;right:5px;padding:5px;background:white;border:1px solid gray;border-width:1px 1px}
.foto img {margin:5px 0;padding:15px;border:1px solid #ccc;}


.searchBox1,.searchBox2 {position:absolute;height:90px;width:280px;padding:1em;_padding-bottom:0;background:#eee;border:1px solid silver;text-align:center;line-height:2}
.searchBox1 {left:0;}
.searchBox2 {right:0;}
.searchBox1 h4,.searchBox2 h4 {margin-top:0}

.nebo {position:absolute;height:90px;width:30px;left:305px;background:url(/images/nebo.gif)}

.price {display:none}
.priceNote {color:gray;font-weight:normal}
.noPriceNote .priceNote {display:none}



/** MAPS **/


/* IE6 PNG FIX */ 
#ms_res img { behavior: url("/iepngfix.htc") } 

#adminMap table, #adminMap td {margin:0;padding:0;border:0 none}


#ms_cont_out { position: relative; }
#ms_cont {} 
.ms_paddingSides { padding-left:15px; padding-right:15px}
.ms_paddingTop {padding-top:15px}                                           

#ms_fld {width:235px}

#ms_tbl {padding:0;margin:0;border:0 none;border-width:1px 0}

#ms_tbl td#ms_maptd {border-right:1px solid #ccc}
#ms_tbl td#ms_restd {border-bottom:solid 1px #ccc;}
#ms_tbl td {border:none}
#ms_tbl  td {padding:0;margin:0;background:white}

#ms_map {width: 499px; height: 350px;}



#ms_resout
{ 
  display:block;
  width: 350px; height: 350px; overflow-y:scroll;
  vertical-align:top; 
  font-family:verdana; font-size:11px;
  position:relative;
}

.ms_Multiple {padding:20px}
.ms_Status {text-align:center;padding:160px 0 30px;background:url(http://betonserver.cz/images/loading.gif) no-repeat 50% 110px}
.ms_Manual {padding:140px 20px 0;text-align:center;font-weight:bold}
.ms_NoPlaceFound {padding:120px 20px 0;text-align:center;font-weight:bold}
.ms_Results {}
.ms_Help ul { width:155px;padding:20px;margin:5px }
.ms_Help li { margin:0 0 20px; padding:0 }



p.ms_notFoundButton {margin-top:20px; text-align:center}

#ms_res .ms_item { 
border-bottom: solid 1px #ddd ; clear : left; 
padding:3px 0 3px 3px}

#ms_res .ms_active { background:#eee}



#ms_res b { font-family:verdana; font-size:11px; margin:0;}
#ms_res b a { text-decoration: none;font-weight:normal}
#ms_res b a:hover { text-decoration: underline}
#ms_res .ms_distance { font-weight:bold; margin-right:5px}

#ms_res .ms_icon {float:left; margin:0 4px 0 0 }

.ms_line2,.ms_pricerow {padding-left:23px}

/* price select */
#ms_priceSelectCont {display:none; position:absolute;right:15px;top:0}
#ms_priceSelectbox {width:200px}
.ms_pricerow b {color:green}
span.ms_priceNote {color:#aaa}

#ms_tbl_cont {
   position:relative;margin-top:5px;border-top:solid 1px #ccc;
}
#ms_reklama {
   border-left:solid #ccc 1px;
   width:160px;
   position:absolute; overflow:hidden; top:0;right:0;padding:5px 0px;
   background:white;z-index:5;
}



.poptavky_openBtnDiv { text-align:left ;width:340px; padding:5px;margin:0 0 0 auto; display:none } 
.poptavky_checkbox { display:none; float:left; width:29px; height:29px; margin:5px 3px 3px 0; background: url(/images/checkbox.gif); }
.poptavky_checkbox_checked { background:url(/images/checkbox_checked.gif); }
.poptavky_step { display: none; border:2px solid #00356F; padding:0 10px;height:236px; position:relative;}
/*.poptavky_btnLine { position:absolute; left:10px; bottom:10px;}*/
.poptavky_step table {font-size:100%;width:100%}
#poptavky_step2 table input {margin:2px 10px;width:200px;}
#poptavky_step3 textarea { width:450px; height:130px }
#poptavky_form {height:0;display:none;}
#poptavky_form form { padding: 10px }
#poptavky_form h2 { margin:0.5em 0 }

.kategorie_text1 { padding: 0 15px} 
.kategorie_text2 { width:580px }