/*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:#dbb686 url("bcg.jpg") repeat top center; color:#493c3a;}	

 
#ferix {	width:100%;	position:relative; top:0px; height:auto; margin:auto; padding:0px; background: url("../pictures/bcg_ferix.png") repeat-x top center;}
img{border:0px;}

/*========================== BANNER =============================*/	
#banner{width:979px; height:368px; margin:auto; padding:0px; position:relative; background: url("../pictures/bcg_banner.png") no-repeat bottom center;}
img.logo{position:absolute; top:66px; right:129px;}
.vrch{width:979px; height:27px; text-align:center; line-height:27px; font-size:12px; color:#fff;}
.vrch a{color:#fff; text-decoration:none; padding:0 4px;}
.vrch a:hover{color:#fff; text-decoration:underline;}


/*========================== STRED =============================*/	
#stred{width:979px; height:auto; margin:auto; position:relative; top:0px; background:none;}



/*========================== LEFT  =============================*/	
#left{width:252px; height:auto; margin:auto; padding:0px; text-align:left; float:left; position:relative;}
span.red{font-size:16px; color:#d63131; font-weight:bold;}
span.brown{font-size:16px; color:#493c3a; font-weight:bold;}
span.big{font-size:36px;}

ul#menu1 li{list-style-image:url("../pictures/ul1.png"); height:24px; font-size:13px;}
ul#menu1 li.activ{list-style-image:url("../pictures/ul2.png"); height:24px;}
ul#menu1 li.activ a{text-decoration:none; color:#d63131; font-weight:bold;}
ul#menu1 li.activ a:hover{text-decoration:none; color:#d63131; font-weight:bold;}
ul#menu1 li a{text-decoration:none; color:#493c3a; font-weight:bold;}
ul#menu1 li a:hover{text-decoration:underline; color:#493c3a; font-weight:bold;}

h1{color:#493c3a; font-size:18px;}
h3{background:#493c3a; font-size:18px; line-height:28px; height:28px; color:#d3bda0; padding:3px 0 3px 10px;}
.textt{width:auto; text-align:left; position:relative; font-size:12px; line-height:22px; top:0px; padding:20px;}
.textt a{color:#d63131;  text-decoration:none; font-weight:normal;}
.textt a:hover{color:#d63131; text-decoration:underline;}
.textt a.activ{color:#d63131; text-decoration:none;}
h2{width:180px; height:24px; line-height:24px; font-size:12px; margin-top:10px; color:#DB1B4D; text-align:center; background: url("../pictures/bcg_h2.gif") no-repeat; text-decoration:none;}


tr.x1{ background:#e3d0b7; height:20px;}
tr.x2{ height:20px; padding-left:5px;}
td.xx1{width:15px; text-align:center; padding:3px;}
td.xx2{width:85px; text-align:center; font-weight:bold;}
td.xx5{width:125px; text-align:left; font-weight:bold; padding:3px;}
td.xx3{width:570px; padding-left:5px;}
td.xx4{width:570px; padding-left:5px;}

table.formular_album{width:440px; position:relative; top:0px; left:90px; font-size:12px; background:none; text-align:left; }
table.formular_pohladnice{width:440px; position:relative; top:-230px; left:90px; font-size:12px; background:none; text-align:left; }
table.formular_tricka{width:440px; position:relative; top:-130px; left:90px; font-size:12px; background:none; text-align:left; }
table.formular_mapy{width:440px; position:relative; top:-90px; left:90px; font-size:12px; background:none; text-align:left; }
table.formular_tzm{width:440px; position:relative; top:-260px; left:90px; font-size:12px; background:none; text-align:left; }
.bunka_album_nadpis{text-align:left; font-weight:bold; color:#DB1B4D; padding:0 10px 0 10px;}
.bunka_album{text-align:right; padding:0 3px 0  3px;}
.bunka_album2 input{font-size:1em; border:1px solid #D6C39B; background:#F8EDDB url("../pictures/bcg_vnutro.jpg"); color:#605D5C; float:left; position:relative; float:left; }
.bunka_album2 select{font-size:1em; border:1px solid #D6C39B; background:#F8EDDB url("../pictures/bcg_vnutro.jpg"); color:#605D5C; float:left; position:relative; float:left;}
.bunka_album2 input:focus{font-size:1em; border:1px solid #914700; background:#F8EDDB url("../pictures/bcg_vnutro.jpg"); color:#DC1C4D; float:left; position:relative; float:left; }
.bunka_album2 select:focus{font-size:1em; border:1px solid #914700; background:#F8EDDB url("../pictures/bcg_vnutro.jpg"); color:#DC1C4D; float:left; position:relative; float:left; }
.bunka_album input.image{font-size:1em; border:0px solid #6caff3; background:#FFFFFF; color:#605D5C; font-weight:bold; position:relative; left:0px; top:18px; float:left; }
.bunka_album2 textarea{font-size:1em; border:1px solid #D6C39B; background:#F8EDDB url("../pictures/bcg_vnutro.jpg"); color:#605D5C; float:left; position:relative; float:left; }
.bunka_album2 textarea:focus{font-size:1em; border:1px solid #914700; background:#F8EDDB url("../pictures/bcg_vnutro.jpg"); color:#DC1C4D; float:left; position:relative; float:left; }

table.kontakt{position:relative; left:170px; top:30px;}
table.kontakt td{padding:1px 10px;}
table.d td{padding:5px;}

table.obr{position:relative; top:30px; left:70px;}
table.obr2{position:relative; top:30px; left:0px;}
table.obr3{position:relative; top:-6px; left:30px; height:300px;}
table td.right{font-weight:bold; text-align:right;}
table td.left{text-align:left; padding-left:5px;}
table td.obr_nadpis{text-align:center; font-weight:bold; color:#DB1B4D;}

/*========================== RIGHT  =============================*/	
#right{width:727px; height:auto; margin:auto; text-align:left; float:right; position:relative; background:#d3bda0 url("../pictures/bcg_right.jpg") no-repeat top center;}



p{padding:5px;}
p.b{font-weight:bold; position:relative; left:0px; width:auto;}
p.bc{font-weight:bold; text-align:center;}
p.c{text-align:center;}
p.smallc{text-align:center; font-size:11px;}


span.green{color:#64ae13;}
span.greenb{color:#64ae13; font-weight:bold;}
span.red{color:#c70900;}
span.redb{color:#c70900; font-weight:bold;}
span.small{color:#535a65; position:relative; top:15px; right:15px; font-size:11px;}
span.small1{color:#535a65; position:relative; top:-5px; right:15px; float:right; font-size:11px;}

img.gallery{border:3px solid #676767; margin:5px;}
img.gallery:hover{border:3px solid #fff; margin:5px;}
img.kont{border:5px solid #c4e592; margin:0px 20px; float:right;}
img.kont:hover{border:5px solid #8ec744; margin:0px 20px; float:right;}




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


/*========================== PATICKA =============================*/	
#bottom{width:979px; height:60px; margin:auto; top:25px; position:relative;  background: url("../pictures/bcg_footer.jpg") top center no-repeat;}
.webdesign{position:absolute; top:-5px; right:20px;}
.copyright{position:absolute; top:28px; left:350px; font-size:11px;}
.copyright a{color:#d63131; text-decoration:none;}
.copyright a:hover{color:#d63131; text-decoration:underline;}




/*========================== FORM =============================*/	
form{position:relative; top:10px; right:0px; height:400px;}
input.text, textarea {border:1px solid #fff; padding:2px 5px; margin:0px; background:none; color:#fff;}
input.text:focus, textarea:focus {border:1px solid #fff; padding:2px 5px; margin:0px; background:none; color:#fff;}
input.text{width:180px;}
textarea { width:330px; height:100px;}
table.form{width:600px; position:relative; top:30px; left:50px;}
table.form td.p1{color:#fff; padding:3px; text-align:left;}
table.form td.p2{color:#fff; padding:3px; text-align:left;}
table.form td{color:#fff; padding:2px 5px; }