/*Frantisek Ondrus - FERIX - Programming and Design, SEO optimalization, XHTML code - css style file */

body {width:100%; margin:0px; padding:0px; font-family: Arial; font-size:12px; margin-left:auto; margin-right:auto;	 
	 background:#bdaa7f url("bcg.jpg") repeat-x top right; color:#605D5C;}	

	 
#ferix {	width:100%;	position:relative; top:0px; height:auto; margin:auto; padding:0px; }
img{border:0px;}

span.stare{text-decoration:line-through; color:#371c01; }
/*========================== BANNER =============================*/	
#banner{width:870px; height:339px; margin:auto; padding:0px; position:relative; top:0px; background: url("../pictures/bcg_banner.jpg") right bottom no-repeat;}
img.logo{position:absolute; top:48px; right:40px;}
img.bcglogo{position:absolute; top:0px; right:20px;}
img.flash{position:absolute; top:0px; left:10px;}
table.kont{position:absolute; top:145px; right:100px; color:#c4a17a; font-size:13px; font-weight:bold;}
table.kont td{padding:5px;}
table.kont td a{color:#c4a17a;}
table.kont td a:hover{text-decoration:none;}
table.kont2{position:relative; top:15px; color:#361c0f; font-size:13px; font-weight:bold;}
table.kont2 td{padding:5px;}
table.kont2 td a{color:#361c0f;}
table.kont2 td a:hover{text-decoration:none;}

.akcia{position:absolute; top:-60px; left:-150px;}
.vt{position:absolute; top:1px; right:-310px;}

/*========================== MENU =============================*/	
#menuu{width:712px; height:58px; margin:auto; position:relative; top:10px; text-align:center; background: url("../pictures/bcg_menu.jpg") top center no-repeat;}
ul#menu{margin:0; padding:0; text-align:center; padding-top:10px;}
ul#menu li{list-style:none; display:inline; margin-right:20px; font-weight:bold; font-size:12px;}		
ul#menu li a{text-decoration:none; color:#c4a17a;}					
ul#menu li a:hover{text-decoration:none; color:#FFFFFF; }
ul#menu li a.activ{text-decoration:none; color:#FFFFFF; }


/*========================== BCG =============================*/	
#bcg {height:auto; background: url("../pictures/bcg.jpg") top center no-repeat;}


/*========================== STRED =============================*/	
#stred{width:712px; height:auto; margin:auto; position:relative; top:10px; }
#stredd{width:712px; height:auto; margin:auto; position:relative; top:10px; background:#a2805b;}
table.obrx{padding:2px;}
table.obrx td{padding:5px; text-align:center;}
img.autax{margin:0px; border:6px solid #ffffff;}
img.autax:hover{margin:0px; border:6px solid #5f4a35;}


/*========================== LEFT  =============================*/	
#left{width:466px; height:auto; margin:auto; padding:0px; text-align:left; float:left; position:relative; }
#leftt{width:466px; height:auto; margin:auto; padding:0px; text-align:center; float:left; position:relative; }
.textt{color:#361c0f; padding:10px 20px;  position:relative; font-size:13px; line-height:19px; position:relative; background:#a79974 url("../pictures/bcg_left.jpg") top left repeat-x;}
.textt a{color:#361c0f;  text-decoration:underline;}
.textt a:hover{color:#361c0f; text-decoration:none;}

p.tex{padding:10px; color:#fff;}

h1{color:#ffffff; padding:10px;  position:relative; font-size:16px; line-height:19px; background:#a2805b;}
h2{color:#361c0f; padding:8px;  position:relative; font-size:14px; line-height:17px; background:#a2805b;}
h3{color:#ffffff; padding:10px;  position:relative; font-size:14px; line-height:19px;}
hr{color:#361c0f; }

table.cennik{position:relative;}
td.jedna{background:#371c01; padding:3px 5px; text-align:center; font-size:13px; color:#fff; font-weight:bold; width:200px;}
td.dva{background:#a2805b; padding:3px 5px; text-align:center; font-size:11px; color:#fff; font-weight:bold; width:200px;}
td.tri{background:#e8ccad; padding:3px 5px; text-align:center; font-size:11px; color:#ff0b00; font-weight:bold; width:200px;}
td.tri:hover{background:#e8b67e; padding:3px 5px; text-align:center; font-size:11px; color:#ff0b00; font-weight:bold; width:200px;}
td.trii{background:#e8ccad; padding:3px 5px; text-align:center; font-size:11px; color:#371c01; font-weight:bold; width:200px;}
td.trii:hover{background:#e8b67e; padding:3px 5px; text-align:center; font-size:11px; color:#371c01; font-weight:bold; width:200px;}

p.dakujeme{font-size:17px; text-align:center; font-weight:bold; position:relative; top:25px;}
p.center{text-align:center;}
p.team{position:relative; top:10px; left:300px; font-size:10px;}
p.kk{position:relative; top:10px; left:50px;}
span.kkk{position:relative; right:10px; font-weight:bold; padding:5px;}

/*========================== RIGHT  =============================*/	
#right{width:235px; height:auto; background:#a2805b; margin:auto; padding:0px; text-align:center; float:right; position:relative;}
#rightt{width:235px; height:auto; background:#a2805b; margin:auto; padding:0px; text-align:left; float:right; position:relative; color:#ffffff;}
img.ss{position:relative; top:10px;}


/*========================== CISTIC =============================*/	
#cistic{width:712px; height:0px; clear:both; }


/*========================== PATICKA =============================*/	
#tooper{width:712px; height:58px; margin:auto; position:relative; top:20px; text-align:center; background: url("../pictures/bcg_menu.jpg") top center no-repeat;}
.copyright{position:absolute; color:#d9ceb9; top:10px; left:20px; font-size:10px; }
.copyright a{text-decoration:none; color:#d21033;}
.copyright a:hover{text-decoration:underline;}
.webdesign{position:absolute; color:#d9ceb9; top:10px; right:20px; font-size:10px; }
.webdesign a{text-decoration:none; color:#d21033;}
.webdesign a:hover{text-decoration:underline;}


/*========================== FORMULAR =============================*/	
form{position:relative; top:0px;  left:10px; font-size:12px;}
form.selling{position:relative; top:-20px;  left:200px;}
.submit{position:relative; top:0px;  left:0px;}
input.text, textarea {color:#fff; background:url("../pictures/bcg_form.gif") repeat; padding:1px; border:2px solid #5f4a35}
input.text:focus, textarea:focus {border:2px solid #fff; padding:1px;  background:url("../pictures/bcg_form.gif") repeat; }
input.text{width:150px;}
textarea { width:200px; height:80px; }
span.xx{width:200px;}



/*========================== cenniky =============================*/	
table.popis{position:relative; left:0px; top:20px;}