body {font-family: Arial, Helvetica, sans-serif;margin:0px;padding:0px;text-align:center;background: url(../img/ui/back-page.jpg) no-repeat; background-color:#000000; }
td { color:#c7c7c7;}
img { border:0px;}
ul { color:#ffffff; margin-left:50px; padding:0px; width:500px; list-style-type:square;}
li {line-height:17px;padding:0px;margin:0px;font-weight:normal; font-size:12px;list-style-type:square;}
.clear { display: inline-block; }   
.clear:after, .container:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }

h1,h2 { color:#ffffff; font-weight:bold; font-family: Myriad pro, sans-serif;margin:0px; padding:30px 0px 10px 30px;}
h3 { color:#ffffff; font-weight:bold; font-family: Arial, Helvetica, sans-serif;margin:0px; padding:0px 0px 0px 30px;}
p { color:#ffffff; margin-left:30px; font-weight:bold; font-size:14px; line-height:17px;}
.normal { color:#ffffff; font-weight:normal; font-size:12px;}
#blackberry { width:988px; margin:0px auto; text-align:left;}
#header { height:550px; position:relative;}
#header #main-image { display:block;position:relative; top:0px;}
#header #logo { display:block; position:absolute; left:5px; top:15px;}
#header #logo3a { display:block;position:absolute; left:722px; top:15px;}

#content {}

#contenthome { height:130px; padding:0px;}
#contenthome .item { height:102px; float:left; padding:10px 2px 0px 3px;}
#contenthome .item_2 { width:155px; height:102px; float:left; padding:10px 2px 0px 3px;}

#modra { height:490px; position:relative; background-color: #000; background:url(../img/ui/pozadi-modre.jpg) no-repeat;}
#modra #telefony1 { width:244px; position:absolute; left:625px; top:120px;}
#modra #tlacitko1 { width:308px; position:absolute; left:315px; top:408px;}

#ruzova { height:360px; position:relative; background-color: #000; background:url(../img/ui/pozadi-ruzove.jpg) no-repeat;}
#ruzova #sloupec-1 { width:260px; position:relative; float:left; padding:0px 40px 0px 0px;}
#ruzova #sloupec-2 { width:265px; position:relative; float:left; padding:0px 50px 0px 0px;}
#ruzova #sloupec-3 { width:280px; position:relative; float:left; padding:0px 50px 20px 0px;}

#zelena { height:420px; position:relative; background-color: #000; background:url(../img/ui/pozadi-zelene.jpg) no-repeat;}
#zelena #tlacitko3 { width:278px; position:absolute; left:108px; top:343px;}
#zelena #sloupec-l { width:270px; position:relative; float:left; padding-top:40px;}
#zelena #sloupec-p { width:270px; position:relative; float:left; padding-top:40px;}
#zelena ul { color:#ffffff; margin-left:30px; padding:0px; width:270px; list-style-type:none;}
#zelena li, a {line-height:17px;padding:0px;margin:0px;font-weight:normal; color:#ffffff; font-size:12px;list-style-type:none;}


#paticka { height: 50px; line-height:45px; color:#CCCCCC; font-size:10px; position:relative; background-color: #000; background:url(../img/ui/pozadi-cerne.jpg) no-repeat; padding-bottom:30px;}
#paticka a {color:#CCCCCC; font-size:10px; }
#lpaticka { float:left; width:600px; padding:3px 0px 0px 30px;}
#rpaticka { float:right;padding:15px 80px 0px 0px;}