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

noscript {display:none;}

#middle-col {float:right; width: 520px; text-align: left;}


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: white;
}

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

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

#content-part { 
    margin: 0; 
    padding: 0; 
    border: 0;
    background: white;
}
#content {
	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: 80%;
    margin: 0;
	padding: 0;
	border: 0;
}
#title-main-col-in { 
    padding: 0; 
    margin: 0;
}

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

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


#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 {
	float: left;
	width: 620px;
	margin: 0;
	padding: 0;
	border: 0;
}
#main-col-in { 
    padding: 0 20px 0 20px; 
    margin:0; 
}

#side-col {
	float: right;
	width: 230px;
	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: 220%; margin: 1em 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:link, #navigation a:visited  {
    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;
}
#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;
	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: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#header-part #lang a {
    float: left;
	display: block;
	width: 18px;
	height: 14px;
	margin: 10px 5.5px;
}
#header-part #lang a:hover { background:transparent !important }
#header-part #lang span { display:none; }



#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: gray;
}
#footer-part a { color: gray; }
#footer-part a:hover { color: gray; background-color: transparent; }



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

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

}
.kontakty table td {
	border: 0;
	text-align: left;
	vertical-align: top;
	padding: 2px 10px 2px 0;
}

.line { 
    clear: both;
    display: block;
    border: none;
    border-top: 1px solid silver; 
}
.edit {
    float: right;
    font-size: 90%;
}
.company-logo {
    border: 1px solid silver;
    padding: 10px;
    text-align: center;
    color: silver;
    font-size: 90%;
    margin: 10px 0;
}
.company-logo img { /*width: 150px;*/}
.company-logo span {padding: 0 0 15px;}



/*
* 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
* ------------------------------------------------------------------------------
*/
.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: 20px;
    margin: 10px 0 30px;
    background: #EFEFEF;
}

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: 130px;
    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;
}

#middle-col div.middle-col-new {
	clear:both;
    margin: 0;
    padding: 0;
	width: 500px;	
}

/*
* 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 fieldset {
	/*background-color: #E7EFD1;*/
	padding: 20px 20px;
	border: 1px solid silver;
	border: none;
}
form textarea, form input, form select {
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	/*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;
}