/*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:#000000 url("bcg.jpg") center top no-repeat; color:#ffffff; }
#ferix {margin:auto; width:1000px; position:relative;}
#ff {margin:auto; width:1000px; position:relative;}
* {border:0px none; margin:0px; padding:0px;}
#banner {height:100px; width:804px;	margin:30px 0px 0px 0px; text-align:center;}
#banner2 {height:100px; width:804px;	margin:330px 0px 0px 0px; text-align:center; position:relative;}


/*= = = = = = = = = = = = = MENU = = = = = = = = = = = = = = =*/	
#menu  {background:url("../pictures/bcg_menu.jpg") center no-repeat; display:block; height:37px; width:100%; overflow:none; position:absolute; top:0px; left:0px;}

#menu .m {height:37px; width:1000px; margin:auto;}
#n ul {float:left; list-style-type:none; padding:0px; margin:0px; width:100%;}
#n li {display:inline; float:left; margin:0px; padding:0px;}
#n li a {display:block; height:37px}
#n li a.sluzby {background:url("../pictures/bcg_menu_sluzby.jpg") no-repeat left top; margin:0px; padding:0px; width:118px; position:relative; left:78px;}
#n li a.portfolio {background:url("../pictures/bcg_menu_portfolio.jpg") no-repeat left top; margin:0px; padding:0px; width:151px; position:relative; left:127px;}
#n li a.kontakt {background:url("../pictures/bcg_menu_kontakt.jpg") no-repeat left top; margin:0px; padding:0px; width:155px; position:relative; left:165px;}
#n li a:hover {background-position:left bottom}

img.nadpisy{margin-left:100px;}
img.top{position:relative; top:-16px; right:40px;}
a.xx{text-decoration:none;}
img.dakujeme{position:absolute; top:20px; left:200px;}

.webmail{position:absolute; top:270px; right:20px;}


/*= = = = = = = = = = = = = SLUZBY = = = = = = = = = = = = = = =*/
#sluzby_vrch {padding:25px; }
#sluzby { background:url("../pictures/bcg_sluzby.gif") repeat; height:134px; width:754px; margin:0; padding:10px 25px; position:relative; left:100px; line-height:20px;}
.sluzby_left{position:absolute; top:20px; left:30px;}
.sluzby_middle{position:absolute; top:20px; left:300px;}
.sluzby_right{position:absolute; top:20px; left:570px;}

ul {float:left; padding-left:3px; list-style-type:none;}
ul li.sl { color:#d2d2d2; background:url("../pictures/ul.jpg") 0px 12px no-repeat; padding:4px 0px 4px 15px;}
ul li.sll { color:#d2d2d2; background:url("../pictures/ul.gif") 0px 12px no-repeat;  padding:4px 10px 4px 15px;  text-decoration:underline;}

/*= = = = = = = = = = = = = PORTFOLIO = = = = = = = = = = = = = = =*/
#portfolio_vrch {padding:25px;}
#portfolio {width:802px; height:auto; margin:0; padding:0px 10px; }
#portfolio a {text-decoration:none; }
#slider{margin-left:100px; padding:20px 10px; width:802px; height:auto; overflow:hidden;}	
#slider ul, #slider li{margin:0; padding:0; list-style:none;}
#slider li.slx{width:780px; height:480px; padding:0px;}	
#slider li.slx a{padding:1px;	text-decoration:none;}	

#prevBtn{width:28px; height:55px; position:absolute; top:830px;  left:55px;}
#nextBtn{width:28px; height:55px; position:absolute; top:830px;  left:920px; }														
#prevBtn a, #nextBtn a{display:block; width:28px; height:55px; background:url("../pictures/previous.jpg") no-repeat 0 0;	text-decoration:none;}	
#nextBtn a{background:url("../pictures/next.jpg") no-repeat 0 0;	text-decoration:none;}	
#prevBtn, #nextBtn{margin:0; padding:0; overflow:hidden; text-indent:-8000px;}

/*= = = = = = = = = = = = = KONTAKT = = = = = = = = = = = = = = =*/
#kontakt_vrch {padding:25px;}
#kontakt { background:url("../pictures/bcg_sluzby.gif") repeat; height:311px; width:754px; margin:0; padding:10px 25px; margin-left:100px; position:absolute; line-height:20px;}
.kontakt_left{position:absolute; top:30px; left:30px; width:220px; line-height:30px;}
.kontakt_middle{position:absolute; top:30px; left:280px;}
.kontakt_middle img{padding:10px 10px;}
.kontakt_right{position:absolute; top:20px; left:530px;}
.podpis{position:relative; left:70px;}


form{position:relative; top:0px;  left:1px; font-size:10px; color:#d2d2d2;}
.submit{position:relative; top:10px;  left:137px;}
input.text, textarea {color:#676767; font-size:11px; background:url("../pictures/bcg_form.gif") repeat; padding:2px; border:1px #676767 dotted;}
input.text:focus, textarea:focus {background:url("../pictures/bcg_form.gif") repeat; border:1px #676767 solid;}
input.text{width:220px;}
textarea { width:220px; height:80px; }
span.y{color:#fcd22e; font-size:13px;}

h1 {text-indent:-6666px; color:#000000;}
h2 {text-indent:-6666px}
h3 {text-indent:-6666px}
h4 {text-indent:-6666px}
p.ss {text-indent:-6666px; text-align:left; width:600px;}

/*= = = = = = = = = = = = = FOOTER = = = = = = = = = = = = = = =*/
#footer {background:url("bcg_footer.jpg") no-repeat left bottom; width:1000px; height:489px; padding:5px 0px 0px 0px;}
div.clear {clear:both; font-size:0px; height:0px; line-height:0px;}