/* PROFILEK.cz - page template */

/* neviditelne */
.hidden                     { display:none; }
#goTo                       { display:none; }

/* LINKY */ 
a, a:visited 				{ color:#be2e21; font-weight:normal; text-decoration:underline; }
a:hover, a:focus, a:active	{ color:#000000; font-weight:normal; }
a img 						{ border:none; }

/* BLOCKS */
html, body 					{ height:100%; }
body						{ margin:0; padding:0; text-align:center; overflow:-moz-scrollbars-vertical; background:#000000; }
body>#page 					{ height:auto; }
#page 						{ position:relative; top:0; left:0; width:980px; margin:0 auto; padding:0; min-height:100%; height:100%; background:#ffffff; }
#content					{ width:970px; margin:0; padding:15px 0 0 10px; text-align:left; min-height:300px; background:#ffffff; }
#footer 					{ width:980px; height:167px; margin:0 auto; padding:0; color:#58595a; font-size:11px; font-weight:normal;
							  background:#000000 url("../images/backgr_footer.jpg") top center no-repeat; }
#advertisment				{ position:absolute; top:0; left:0; width:980px; height:100px; margin:0 auto; padding:0px 0 0 0; background:#ffffff; color:#000000; text-align:center; }

.cleaner 					{ display:hidden; clear:both; height:1px; font-size:1px; line-height:1px; margin:0; padding:0; }
.cleaner hr					{ display:none; }

/* HEAD */ 
#head 						{ position:relative; top:0; left:0; width:980px; height:267px; margin:0 auto; padding:0; 
							  background:#000000 url("../images/backgr_header.jpg") left bottom no-repeat; border-top:1px solid #ffffff }
#head div#h1 					{ position:absolute; top:100px; left:0; margin:0; padding:0; }
#head div#h1 a 					{ position:relative; width:370px; height:137px; margin:0; padding:30px 0 0 30px; display:block; overflow:hidden; cursor:pointer; }
#head div#h1 a:hover			{ color:#ffffff; }
#head div#h1 a span 			{ position:absolute; top:0; left:0; z-index:2; width:400px; height:167px; margin:0; padding:0; background: url("../images/logo_PROFILEK.jpg") no-repeat; }

#pagePerex					{ position:relative; top:130px; left:420px; width:450px; height:115px; margin:0; padding:0; }
#pagePerex a#fcb            { position: relative; left: 380px; top: -130px }
#pagePerex p				{ margin:0; padding:0; font-size:14px; font-weight:bold; line-height:30px; color:#ffffff; clear:both; }
#pagePerex ul 				{ margin:10px 0 0 20px; padding:0; list-style-type:none; height:74px; }
#pagePerex ul li 			{ display:inline; padding:0; text-align:left; }
#pagePerex ul li a, 
#pagePerex ul li a:visited 	{ display:block; position:relative; width:168px; height:74px; margin:0 10px 0 0; padding:0; color:#ffffff; text-decoration:underline; 
							  font-size:14px; font-weight:bold; text-align:center; float:left; overflow:hidden;line-height:74px; background: url("../images/top_button.gif") left top no-repeat;;  }
#pagePerex ul li a:hover 	{ background: url("../images/top_button.gif") left bottom no-repeat;  }

/* MAIN MENU */
#navigation                 { display:none; position:absolute; top:267px; left:0; width:100%; height:50px; margin:0; padding:0; border:1px solid #ffff11 }

/* --- TEXT columns  --- */
#content #leftColumn		{ display:block; position:relative; top:0; left:0; width:640px; height:auto; margin:0; padding:0 0 10px 0; float:left; }
#content #rightColumn		{ display:block; position:relative; top:0; right:0; width:330px; height:auto; margin:0; padding:40px 0 0 0; float:right; background:#ffffff;   }

/* LEVY SLOUPEC */
#content #leftColumn h2         { font-size:20px; line-height:32px; color:#010101; font-weight:bold; margin:0; padding:0 10px 10px 10px; }
#content #leftColumn h2 span    { font-size:20px; color:#999999; font-weight:normal;  padding:0; }
#content #leftColumn h1#obr     { font-size:20px; line-height:32px; color:#010101; font-weight:bold; margin:0; padding:0 10px 0px 10px; }
#content #leftColumn h1#obr span{ font-size:15px; color:#999999; font-weight:normal;  padding:0; }
#content #leftColumn h1         { font-size:16px; line-height:32px; color:#010101; font-weight:bold; margin:0; padding:0 10px 0px 10px; }
#content #leftColumn h3         { font-size:16px; line-height:20px; color:#be2e21; font-weight:bold; margin:0; padding:0 10px 10px 0; }
#content #leftColumn p          { font-size:13px; line-height:20px; color:#666666; font-weight:normal; margin:0; padding:5px 10px 0 0; margin-left: 10px}
#content #leftColumn p strong   { font-size:13px; line-height:20px; font-weight: bold; margin:0; }

/* KONTAKT - Ondrej Kubat */
#content #leftColumn #helpPage h3 { font-size:16px; line-height:20px; color:#be2e21; font-weight:bold; margin-left:10px; margin-top: 10px; padding:0; }
#content #leftColumn #helpPage p  { font-size:13px; line-height:20px; color:#444444; font-weight:normal; margin-left: 10px; margin-top: 10px; padding:0; }
#content #leftColumn #helpPage ol { color:#444444; font-weight:normal; }


.topList                    { display:block; float:right; font-size:14px; line-height:20px; color:#010101; font-weight:normal; margin:-30px 30px 0 0; padding:0; }
.topList a                  { color:#000000; font-weight:bold; margin:0; padding:0; text-decoration:none;}
.topList a:hover            { color:#be2e21; text-decoration:underline; }

/* INDEX pictures */
#content #leftColumn .box   { display:block; width:141px; height:150px; border:0px solid #000000; margin:0 5px 25px 0; padding:5px; text-align:center; float:left; }
#content #leftColumn .box p { margin:0; padding:0; text-align:center; font-size:14px; line-height:14px; font-weight:bold; color:#006600;}
.box img                    { border:4px solid #000000; padding:1px; width:115px; height:117px;}
.box img:hover              { border:4px solid #006600; }
.box a                      { color:#006600; text-decoration:underline; }
.box a:hover                { color:#000000; }

/* --- PODSTRANY  --- */
#pages #content #leftColumn		{ display:block; position:relative; top:0; left:0; width:480px; height:auto; margin:0; padding:0; float:left; }
#pages #content #rightColumn	{ display:block; position:relative; top:0; right:0; width:480px; height:auto; margin:0; padding:40px 0 0 0; float:right; background:#ffffff;   }
#pages #content #rightColumn #advertisment2		{ position:relative; top:0; right:15px; float:right; width:220px; height:700px; margin:0; padding:0; background:transparent; color:#666666; text-align:right; }

#pages .topList					{ display:block; float:right; font-size:14px; line-height:20px; color:#010101; font-weight:normal; margin:0 30px 0 0; padding:0; }
#pages .topList a				{ color:#000000; font-weight:bold; margin:0; padding:0; text-decoration:none;}
#pages .topList a:hover			{ color:#be2e21; text-decoration:underline; }

#detail							{ display:block; position:relative; top:0; left:0; width:440px; height:auto; margin:0; padding:20px 0 10px 20px; float:left; 
								  background: url("../images/backgr_detail-body.jpg") no-repeat;}
#detailEnd						{ display:block; position:relative; top:0; left:0; width:460px; height:15px; margin:0 0 20px 0; padding:0; float:left; 
								  background: url("../images/backgr_detail-body.jpg") left bottom no-repeat; }
#detail	img						{ border:4px solid #000000; margin:0 0 5px 0; }
#detail	img:hover				{ border:4px solid #555555; }
#content #leftColumn #detail p	{ font-size:14px; line-height:15px; color:#000000; font-weight:normal; margin:0; padding:0 50px 10px 0; }
#content #leftColumn #detail strong	{ font-size:14px; line-height:22px; color:#000000; font-weight:bold; margin:0; padding:0; }


/* Detail */

#detail form p {
  clear: both;
  padding: 0 0 10px;
}

#detail form p label {
  float: left;
  width: 100px;
  padding: 3px 5px 0 0;
  text-align: right;
  font-weight: bold;
}

#detail form p input, #detail form textarea {
  width: 225px;
  padding: 3px;
  border: 1px solid #ccc;
}

#detail form p input.submit {
  width: 178px;
  padding: 3px;
  border: none;
  background: #000;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  color: #fff;
}

#err {
  margin-top: 10px;
  margin-bottom: 20px;
}

#err {
    font-size: 1.2em;
    color: maroon;
    font-weight: bold;
}



#content form  				{ width:395px; margin:0 0 10px 0; padding:0; float:left; }	
#content form textarea 		{ width:395px; height:100px; border:1px solid #abadb3; font-size:13px; color:#666666; margin:0; padding:5px 10px 5px 10px; font-family:"Courier New", Courier, monospace; } 

#detail	.facebook			{ font-size:14px; line-height:15px; color:#3256a4; font-weight:normal; margin:0 0 0 2px; padding:0 0 0 20px; background: url("../images/icona_FB.gif") no-repeat;}
#detail	.facebook:hover		{ color:#000000; }

/* MENU VPRAVO */ 
#rightColumn #menuRight		{ width:250px; margin:0; padding:0; float:left; }
#rightColumn ul				{ margin:0; padding:0 15px 50px 20px; list-style-type:none; }
#rightColumn ul li			{ text-align:left; padding:0; color:#010101; font-size:14px; font-weight:bold; line-height:32px;  }
#rightColumn ul li a		{ color:#be2e21; text-decoration:underline; overflow:hidden; font-weight:bold; }
#rightColumn ul li a:hover	{ color:#000000; }

#rightColumn ul	ul			{ margin:0; padding:0; }
#rightColumn li li a		{ margin:0; padding:0 0 0 10px; text-decoration:none; background: url("../images/red_linka.gif") left bottom repeat-x; }
#rightColumn li li a:hover	{ background: url("../images/black_linka.gif") left bottom repeat-x; }
#rightColumn ul li span		{ font-weight:normal; padding:0 0 0 5px; color:#666666; }



#fontad { color: #333333; margin-top: 25px; margin-bottom: 25px}
/* TAGS */
#tags 						{ width:180px; font-size:16px; line-height:32px; color:#000000; font-weight:bold; margin:0; padding:0 115px 20px 20px; float:left; }
#tags p						{ font-size:11px; line-height:24px; color:#666666; font-weight:normal; margin:0; padding:0; }
#tags p a					{ padding:0 7px 0 0; color:#666666; }
#tags p a:hover				{ color:#000000; }
#tags .big					{ font-size:12px; font-weight:bold; }
#tags .bigger				{ font-size:14px; font-weight:normal; }
#tags .biggest				{ font-size:18px; font-weight:bold; }

/* ABOUT TEXT - Ondrej Kubat */
#aboutText                  { width:180px; font-size:16px; line-height:32px; color:#000000; font-weight:bold; margin:0; padding:0 115px 20px 20px; float:left; }
#aboutText p                { font-size:11px; line-height:20px; color:#666666; font-weight:normal; margin:0; padding:0; }
#aboutText h2               { font-size:16px; font-weight: bold; color: #000000; margin:0; padding: 0; }

/* FOOTER */
#footer .text				{ display:block; position:relative; top:40px; left:80px; margin:0; padding:0; width:auto; height:auto; text-align:right; float:left; }
#footer .text p				{ font-size:14px; line-height:24px; color:#ffffff; font-weight:normal; margin:0; padding:0; }
#footer .text img			{ display:block; margin:3px 0 0 100px; float:left; }
#footer a 					{ color:#ffffff; text-decoration:underline; font-weight:normal; }
#footer a:hover				{ color:#be2e21; }