/* CSS Document */
body{padding:0px; margin:0px; background:#DCDCDC url(../images/pozadi-alarmy.gif) 0 0 repeat-x scroll; color:#000000; font:14px/14px Arial, Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{ color:#619201; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

p a.a2{font:10px/14px Tahoma, sans-serif; color:#fff; text-decoration:underline;}
p a.a2:hover{ color:#fff; text-decoration:none;}

p a.a3{font:13px/13px Tahoma, sans-serif; color:#619201; text-decoration:underline;  }
p a.a3:hover{ color:#000; text-decoration:none;}

p a.a4{font:11px/14px Tahoma, sans-serif; color:#3cb4d2; text-decoration:underline;}
p a.a4:hover{ color:#000; text-decoration:none;}

.headline{font:10px/12px Tahoma, Geneva, sans-serif; color:#de4f15; }
.headline2{Arial, Helvetica, sans-serif; color:#E52000; font-weight:bold; border-left:2px solid #98BD32; padding-left:7px; }

#container{width:828px; margin:0 auto; padding:0; background-color:#FFFFFF; border:1px solid #DCDCDC}

/* HEADER */

#header{width:823px; height:328px;position:relative; background:url(../images/betonove-podlahy.jpg) 0 0 no-repeat; margin-top:0px}

#header span { float:left; padding:0 0 0 10px; text-transform:uppercase; font-size:12px;}
#header img#logo{position:absolute; top:0; left:186px}
#header img#hot{position:absolute; top:135px; left:574px}

#header ul.menu{position:absolute; top:7px; left:53px; width:690px; }
#header ul.menu li{float:left; height:33px; margin-right:22px; padding:10px 0 0 0; }
#header ul.menu li a{height:33px; color:#FFFFFF; }
#header ul.menu li a:hover{height:33px; }



#header ul.menu li.line{width:2px; background:url(../images/line_m.gif) 0 0 no-repeat}

#headerTopics{position: absolute; top:50px; left:5px; width:295px}
.topic{width:295px; height:90px; background: url(../images/alarmy-cenik.gif) 0 0 no-repeat; position:relative}
.topic ul.btn_more{height:16px; width:128px; position:absolute; top:67px; left:156px;}
.topic ul.btn_more li{ background:url(../images/arrow1.gif) 0 2px no-repeat; padding-left:21px}
.topic ul.btn_more li a{font:10px/12px Tahoma, Geneva, sans-serif; color:#ffffff; text-decoration:underline; text-transform:uppercase; font-weight:bold}
.topic ul.btn_more li a:hover{ color:#fff; text-decoration:underline}
.topic h3 {color:#FFFFFF;float:left;font-family:ARIAL,Tahoma,Geneva,sans-serif;font-size:17px;padding:7px 0 0 95px;text-decoration:none; text-transform:uppercase;}
.topic h3 a{color:#FFFFFF;text-decoration:none; text-decoration:underline}
.topic p {color:#1B2012;float:left;font-family:ARIAL,Tahoma,Geneva,sans-serif;font-size:13px;padding:2px 10px 0 95px;text-decoration:none; }

.topic2{width:295px; height:90px; background: url(../images/zabezpeceni-domu.gif) 0 0 no-repeat; position:relative}
.topic2 ul.btn_more{height:16px; width:108px; position:absolute; top:67px; left:176px;}
.topic2 ul.btn_more li{ background:url(../images/arrow1.gif) 0 2px no-repeat; padding-left:21px}
.topic2 ul.btn_more li a{font:10px/12px Tahoma, Geneva, sans-serif; color:#fff; text-decoration:underline; text-transform:uppercase; }
.topic2 ul.btn_more li a:hover{ color:#fff; text-decoration:underline}
.topic2 h3 {color:#FFFFFF;float:left;font-family:ARIAL,Tahoma,Geneva,sans-serif;font-size:17px;padding:7px 0 0 95px;text-decoration:none; text-transform:uppercase;}
.topic2 h3 a {color:#FFFFFF;text-decoration:none; }
.topic2 p {color:#1B2012;float:left;font-family:ARIAL,Tahoma,Geneva,sans-serif;font-size:13px;padding:2px 10px 0 95px;text-decoration:none; }

.topic3{width:295px; height:90px; background: url(../images/ezs.gif) 0 0 no-repeat; position:relative}
.topic3 ul.btn_more{height:16px; width:108px; position:absolute; top:67px; left:176px;}
.topic3 ul.btn_more li{ background:url(../images/arrow1.gif) 0 2px no-repeat; padding-left:21px}
.topic3 ul.btn_more li a{font:10px/12px Tahoma, Geneva, sans-serif; color:#fff; text-decoration:underline; text-transform:uppercase; }
.topic3 ul.btn_more li a:hover{ color:#fff; text-decoration:underline}
.topic3 h3 {color:#FFFFFF;float:left;font-family:ARIAL,Tahoma,Geneva,sans-serif;font-size:17px;padding:7px 0 0 95px;text-decoration:none; text-transform:uppercase;}
.topic3 h3 a {color:#FFFFFF;text-decoration:none; }
.topic3 p {color:#1B2012;float:left;font-family:ARIAL,Tahoma,Geneva,sans-serif;font-size:13px;padding:2px 10px 0 95px;text-decoration:none; }

#imgDescription{position: absolute; top:240px; left:310px; width:455px; height:47px}
#imgDescription img{float:left; margin:8px 12px 0 15px}
#imgDescription p{float:left; width:370px;  margin:8px 0 0 0}
#imgDescription h1 {float:left; font:21px Tahoma, Geneva, sans-serif; color:#ffffff; text-decoration:none; padding:0px 0 0 50px;}
#imgDescription h2 {float:left; font:21px Tahoma, Geneva, sans-serif; color:#ffffff; text-decoration:none; padding:10px 0 0 50px;}


/* CONTENT */


#content{width:820px; position:relative;  background-color:#ffffff ;}

#leftPan{ background-color:#F7FCFF; width:255px; position:relative; margin:20px 15px 0 5px; float:left; display:inline}
#rightPan{width:510px; position:relative; float:left;}

#news{width:265px; margin-bottom:12px; background:url(../images/b_topic_left.gif) bottom no-repeat; padding-bottom:10px}
#news h3 {
background:transparent url(../images/novinky.gif) no-repeat scroll 15px 15px;
color:#454545;
width:222px;
float:left;
font-size:14px;
font-weight:bold;
height:19px;
margin:0;
padding:15px 0 0 35px; font-family:Arial, Helvetica, sans-serif;}
#news h4 
{
color:#454545;


font-size:14px;
font-weight:bold;
height:19px;
margin:0;
padding:15px 0 0 5px; font-family:Arial, Helvetica, sans-serif;}

#news span { float:left; padding:0 0 0 0; text-transform:uppercase; font-size:12px;}
#news h2{height:38px; position:relative; background:url(../images/h_news.gif) 12px 0 no-repeat; margin-bottom:10px}
#news p{margin-bottom:15px; margin-left:14px; width:250px; font-size:13px; font-weight:normal; }
#news p a{font-size:13px; font-weight:normal; text-decoration:underline; color:#DE4F15;}

#buying{width:255px; margin-bottom:12px; background:url(../images/b_topic_left.gif) bottom no-repeat; padding-bottom:10px}
#buying h2{height:38px; position:relative; background:url(../images/h_buying.gif) 12px 0 no-repeat; margin-bottom:10px}
#buying h3 {
background:transparent url(../images/novinky.gif) no-repeat scroll 15px 15px;
color:#454545;
width:222px;
float:left;
font-size:14px;
font-weight:bold;
height:19px;
margin:0;
padding:15px 0 0 35px; font-family:Arial, Helvetica, sans-serif;}
#buying span { float:left; padding:0 0 0 0; text-transform:uppercase; font-size:12px;}
.buyingItem{margin:0 0 11px 8px; position:relative; width:235px}
.buyingItem img{float:left; margin-right:13px}
.buyingItem p{float:left; width:170px; padding-top:5px}
#buying p{ font-size:13px; font-weight:normal; float:left }
#buying p a{font-size:13px; font-weight:normal; text-decoration:underline; color:#DE4F15;}

#ad{width:255px; height:119px; background:url(../images/cementove-potery.jpg) 0 0 no-repeat}
#ad h4{height:47px; position:relative;  color:#FFFFFF; padding:15px 100px 0 7px;font-size:12px; margin-bottom:7px}
#ad img{float: left; margin: 0 4px 0 12px;}
#ad p{float:left; width:125px; padding-top:1px}

#welcome{width:510px; margin-bottom:30px; background:url(../images/h_welcome.gif) 0 0 no-repeat;}

#welcome h2 {
line-height:1.2em;
height:25px; 
color:#285F7C;
width:400px;
float:left;
font-size:21px;
font-weight:normal;
letter-spacing:-1px;
padding:5px 0 0 55px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;}
#welcome h3 {
background:url(../images/novinky.gif) 18px 9px no-repeat;
line-height:1.2em;
height:25px; 
color:#285F7C;
width:470px;

font-size:18px;
font-weight:normal;
letter-spacing:-1px;
padding:5px 0 0 35px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;}
#welcome h3 a{ 
color:#285F7C;
text-decoration:none;
}
#welcome p{margin-left:7px; font-size:14px; font-weight:normal; line-height:160%; text-align:justify; padding:0 0 7px 0}
#welcome p.headline2{margin-bottom:10px; padding-left:7px;}
#welcome span {
color:#7E7E7E;
padding:0 0 0 55px;
margin-bottom:12px;
float:left;
width:480px;
font-size:14px;
}
#rent{margin-bottom:20px; height:250px}
#rent h2{height:43px; position:relative; background:url(../images/h_rent.gif) 0 0 no-repeat; }
#sale h2{height:43px; position:relative; background:url(../images/h_sale.gif) 0 0 no-repeat; }
.adItem{width: 219px; height:89px; background:url(../images/b_featured.gif) 0 0 no-repeat}
.adItem img{float:left; margin: 16px 10px 0 0 }
.adItem .uls{float:left; width:125px; margin-bottom:8px; margin-top:18px}
.adItem .uls ul.leftUL{width:64px; margin-left:1px; float:left}
.adItem .uls ul.leftUL li{font: 10px/14px Tahoma, Geneva, sans-serif; color:#737372; height:14px }
.adItem .uls ul.rent_rightUL{width:55px; float:left}
.adItem .uls ul.rent_rightUL li{font: 10px/14px Tahoma, Geneva, sans-serif; color:#3cb4d2; height:14px; font-weight:bold }
.adItem .uls ul.sale_rightUL{width:55px; float:left}
.adItem .uls ul.sale_rightUL li{font: 10px/14px Tahoma, Geneva, sans-serif; color:#619201; height:14px; font-weight:bold }

.adItem#rent01{float:left; margin:0 7px; display:inline; width:259px}
.adItem#rent02{float:left; width:219px}

.adItem#sale01{float:left; margin:0 7px; display:inline; width:219px}
.adItem#sale02{float:left; width:219px}


.adItem ul.btn_more{height:19px; width:90px; background: url(../images/b_btn_details.gif) 0 0 no-repeat; float:left;}
.adItem ul.btn_more li{padding-left:12px; padding-top:2px}
.adItem ul.btn_more li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#4f4b42; text-decoration:none; text-transform:uppercase; }
.adItem ul.btn_more li a:hover{ color:#de4f15; }

.clear#end{height:10px}

/* FOOTER */

#footer{width:820px; height:49px; clear:both; background:#e9e9e9; margin:0 0 0 4px}
#footer p{padding: 12px 0 0 0; font:11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p span{ font:10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484;}
#footer p a{font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#848484; color:#fff}

/* CONTENTPAGE */

#content2{width:820px; height:470px;  position:relative; text-align:center}
#content2 p{padding-top:200px; font-weight:bold}
#vyhodybetonu 
{
padding:10px 0px 0px 0px;
}
.vycet {
background:transparent url(../images/cov.gif) no-repeat scroll 35px 3px;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
list-style-type:none;
padding:0 20px 10px 55px;
}
.vycet a {
color:#619201;
text-decoration:underline;

}

#planning {
display:inline;
float:left;
margin:0 20px 20px 5px;
width:240px;
}
#planning h2 {
background:transparent url(../images/alarmydobytu1.gif) no-repeat scroll 0px 3px;
color:#285F7C;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:normal;
letter-spacing:-1px;
line-height:1.2em;
margin-bottom:7px;
padding:0 0 0 27px;
text-decoration:underline;
}
#planning h2 a{
color:#285F7C;
text-decoration:underline;
}
#planning h3 {
background:transparent url(../images/alarmydobytu3.gif) no-repeat scroll 0px 3px;
color:#285F7C;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:normal;
letter-spacing:-1px;
line-height:1.2em;
margin-bottom:7px;
padding:0 0 0 27px;
text-decoration:underline;
}
#planning h3 a{
color:#285F7C;
text-decoration:underline;
}
#planning img {
margin-bottom:13px;
margin-left:2px;
}
#planning p {
margin-bottom:12px;
margin-left:4px;
line-height:150%;
}
#planning ul {
margin-left:3px;
}
#planning ul li a {
color:#C72D00;
}
#solutions {
float:left;
width:230px;
margin:0 0px 20px 5px;
}
#solutions h2 {
background:transparent url(../images/alarmydobytu2.gif) no-repeat scroll 0px 3px;
color:#285F7C;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:normal;
letter-spacing:-1px;
line-height:1.2em;
margin-bottom:7px;
padding:0 0 0 27px;
text-decoration:underline;
}
#solutions h2 a{
color:#285F7C;
text-decoration:underline;
}
#solutions h3 a{
color:#285F7C;
text-decoration:underline;
}
#solutions h3 {
background:transparent url(../images/alarmydobytu4.gif) no-repeat scroll 0px 3px;
color:#285F7C;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:normal;
letter-spacing:-1px;
line-height:1.2em;
margin-bottom:7px;
padding:0 0 0 27px;
text-decoration:underline;
}
#solutions img {
margin-bottom:13px;
margin-left:2px;
}
#solutions p {
margin-bottom:12px;
margin-left:4px;
line-height:150%;
}
#solutions ul {
margin-left:120px;
}
#solutions ul li a {
color:#C72D00;
}
#end.clear {
height:10px;
}
#footer {
height:68px;
margin:0 auto;
width:725px;
}
#footer p {
-x-system-font:none;
color:#848484;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;
padding:20px 0 0;
text-align:center;
}
#footer p span {
-x-system-font:none;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;
}
#footer p a {
-x-system-font:none;
color:#848484;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;
padding:0 3px;
text-decoration:none;
}
#footer p a:hover {
p
background:#848484 none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
#formprace {

background:#EFF5FA none repeat scroll 0 0;
border:1px dotted #8FC6F4;
margin-left:10px; margin-top:15px;
padding:10px;
width:400px;
float:left;
}
#formprace p {
padding:0px;
line-height:120%;

}
.sirka {
width:210px;
padding: 15px 10px 15px 10px;

}
.sirka a{

color:#848484;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight:normal;
text-decoration:none;
}

