/* 
	Description: CSS template for Profiporadce.cz. This template contains all styling.
	Author: Martin Louzecky, www.louzecky.cz
	Version: 1.0.0
*/

/* TEST package 
  body div { border: 1px solid;}
*/


/* Forum - zvyrazneni moderatoru */
.redakce2


 { background-color: #D3EAF5}
 

html, body {
	font-family: "Arial CE", Arial, Verdana, Tahoma, lucida, sans-serif; 
	font-size: 0.9em;
	margin:0; 
	padding:0; 
	background: #E7E7E7 url(textura-top.jpg) left top repeat-x; 
}
h1, h2, h3, h4, form, input {	
	margin:0; 
	padding:0;
} 
img {
	border:0; 
}
.hidden, del, #logo a span {
	display:none;
}
a, a:visited {
	color: #2688BB;
	text-decoration: underline
}
a:hover, a:active {
	color: #000;
	text-decoration: underline
}

.strankovani {
	padding:0 20px 15px 20px !important;
}
.strankovani .vpred {	
	text-align:right;
	float:right;	
}
.strankovani a {
	display:block;
	width:150px;
	float:left;
}


/* layout --------------------------------- */


#main {
	width: 758px; 
	min-height: 700px; 
	_height: 700px; 
	margin:0 auto; 
	padding:0;
	background: url(textura.gif) left top repeat-y; 
}
#head {
	width: 758px; 
	height: 107px; 
	margin:0 auto; 
	padding:0;
	background: url(textura-top.gif) left bottom no-repeat; 
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}

h1#logo {
	position: relative;
	margin: 0 0 0 10px;
	z-index:5;
	width: 239px;
	height: 97px;
	background: url(logo.gif) left bottom no-repeat; 
}
.logo   { 
	position: relative; 
	top: 0; 
	left: 0;	 
	width: 239px; 
	height:96px; 
	z-index:5;
	display:block; 
}

#zapati {
	width: 758px;
	height: 40px; 	
	margin:0 auto;
	padding: 0;
	background: url(bottom.gif) left top no-repeat; 
}
#zapati p {
	text-align: center;
	position:relative;
	top:-14px;
	width:495px;
	margin:0 0 0 250px;
	font-size: 90%;	
	padding-top:3px;
	color: #C7C3C5;
}
#zapati p a {
	color: #C7C3C5;
	text-decoration:underline
}
#zapati p a:hover {
	color: #C7C3C5;
	text-decoration:none
}

#levy {
	width: 239px;
	float: left;
	margin:0;
	padding:0 0 0 10px;	
}
.dark {
	background-color: #504E4F;
	margin:0 0 10px 0;
	width: 238px;
	border-right: 1px solid #504E4F;
}

#obsah {
	width: 498px;
	margin:0 0 30px 0;
	float: left;
}



/* formatovani ------------------------------------------------------------------ */

.aktualita {
	margin:0;
	padding:18px 20px 15px 20px;
	font-size:90%;
	color:#FFFFFF;
	background: url(left-textura.jpg) left bottom no-repeat; 
}
.aktualita h2 {
	text-align: left;
	font-size:1.2em;
	font-weight:bold;
	color: #fff;
	margin: 0;
}
.aktualita p {
	margin:0;
	padding:0;
}
p.datum {
	color:#2688BB;
	padding:0;
	margin:3px 0 3px 0;
}
.aktualita h2 a, .aktualita h2 a:visited {
	color: #fff;
	text-decoration: underline
}
.aktualita h2 a:hover, .aktualita h2 a:active {
	color: #fff;
	text-decoration: none
}





#levy h1 {
	text-align: left;
	font-size:1.3em;
	font-weight:bold;
	color: #2688BB;
	margin: 0;
	padding:5px 0 0 20px;
}
.left-link {
	padding:13px 0 15px 20px;
	margin:0;
}
.projekty-tl a {
	padding:0 0 5px 0;
	margin:0;
}
.reklama p {
	padding:0 0 0 19px;
	margin:0;
	font-size:9px;
	text-align:left;
	color: #B9B9B9;
	
}
.reklama img {
	border:1px solid #E9E9E9
	
}




.clanek {
	margin:0;
	padding:15px 20px 20px 20px;
	background: url(right-textura.jpg) right bottom no-repeat; 
}
.clanek-telo {
	margin:0;
	padding:15px 20px 20px 20px;

	background: url(righttop-textura.jpg) right top no-repeat; 
}
.clanek h1, .clanek-telo h1 {
	text-align: left;
	font-size:1.4em;
	font-weight:bold;
	color: #01669A;
	padding: 0 0 2px 0;
	margin: 0;
	clear: left
}
.clanek h2, .clanek-telo h2 {
	text-align: left;
	font-size:1.3em;
	font-weight:bold;
	color: #585657;
	padding: 0;
	margin: 0;
}
.clanek h3, .clanek-telo h3 {
	text-align: left;
	font-size:1em;
	font-weight:bold;
	color: #1187C4;
	padding: 0;
	margin: 0;
}
.clanek p {
	padding:0;
	margin:0;
	display:inline
}
.clanek p.datum, .clanek-telo p.datum {
	color:#AFB1B2;
	font-weight:bold;
	font-size:90%;
	padding:0;
	display:block;
	margin:3px 0 3px 0;
}




.karta {
	margin:0;
	padding:0;
	background: #107BB1 url(modra-textura.jpg) right top repeat-x; 
}
.txt-karta {
	margin:0;
	padding:0 20px 20px 20px;
	color: #fff;
}
.img-karta {
	margin:0;
	padding:0;
	width:180px;
	height:204px;
	float:right;
	background: url(karta.jpg) right top no-repeat; 
	color: #fff;
}
.karta  h2 {
	text-align: left;
	font-size:1.3em;
	font-weight:bold;
	color: #fff;
	margin: 0;
	padding:20px 0 0 0;
}
.karta a, .karta a:visited {
	color: #fff;
	text-decoration: underline
}
.karta a:hover, .karta a:active {
	color: #fff;
	text-decoration: none
}
.vice-kp {
	font-size:130%;
	font-weight:bold;
	position:relative;
	margin: 145px 0 0 25px
}





#drob-navigace {
	text-align: left;
	font-size:12px;
	color: #AFB1B2;
	padding: 3px 0 10px 20px;
	margin: 0;
}
#drob-navigace p {
	padding: 0;
	margin: 0;
}

#drob-navigace a, #drob-navigace a:visited {
	color: #AFB1B2;
	text-decoration: underline
}
#drob-navigace a:hover, #drob-navigace a:active {
	color: #2688BB;
	text-decoration: underline
}



.ramecek {
	background: url(left-textura2.jpg) left top no-repeat; 
	padding: 7px 5px 3px 7px;
	=padding: 7px 5px 0 7px;
	margin: 8px 0 12px 0;
}
.ramecek strong {
	font-size: 110%;
}
.ramecek p {
	margin:0;
	padding: 0 0 6px 0;
}
.dat {
	font-size: 90%;
	color: #727272;
}
h4 {
	font-size: 120%;
	padding:  0 0 4px 0;
	margin:0;
	color: #2688BB
}




/* menu --------------------------------- */



#menu {

	margin:0 0 0 249px;	
	position: absolute;
	top:0;
	_top:-2px;
	width: 498px
}
.menu
{
padding: 0;
margin: 0;
}

.menu a
{
text-decoration: none;
color: white;
font-size:12px;
display: block;
text-align:right;
}

.menu ul, .menu li
{
list-style-type: none;
margin: 0;
padding:0 10px 0 0;
_padding:0;

}

ul.uroven1 li.polozka1 
{
float: left;
position: relative;
font-weight: normal;
background: black;
height: 1em;
margin:0;
padding-right:10px;
background: url(stin.jpg) right bottom no-repeat; 
width:79px;
height:76px;
cursor:pointer;


}

ul.uroven1 li.polozka1 a
{
display:block;
position: relative;
padding: 44px 0px 19px 0;
width:89px;
}

.link0 {

font-weight: normal;
margin:0;
padding-right:10px;


display:block;
position: absolute;
padding: 44px 0px 19px 0;
color:white !important;
text-decoration:none !important;

}
li.polozka1 {

padding: 0 20px 0 0 !important;
_padding: 0 10px 0 0 !important;
margin:0;
width:79px !important;
}




ul.uroven2
{
position: absolute;
left: -40px;
top: 76px;
width: 130px;
background: #01669A;
visibility: hidden;
margin: 0 10px 0 0px;
z-index:777
}

ul.uroven2 li.polozka2 a
{
font-weight: normal;
text-align: right;
padding: 3px 10px 3px 0px;
margin: 0;
width: 130px;
color:white;
border-bottom: 1px solid #115b7e;
text-decoration:none;
z-index:777;
position:relative;
}

ul.uroven2 li.polozka2 a:hover
{
background: #504E4F;
color:white;
border-bottom: 1px solid #626061;
padding: 3px 10px 3px 0px;
margin: 0;
text-decoration:none;
z-index:777;
position:relative;
}


.menu a:hover
{
text-decoration: none;

}

ul.uroven1 li.polozka1
{
behavior: url(hover.htc);


}

ul.uroven1 li.polozka1:hover,
ul.uroven1 li.polozka1Hover
{
background: url(stin.jpg) right top no-repeat; 


}

ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
}




/* forum ------------------------------------------------------------------- */

.frumhlavi {
	background-color: #E4E4E4;
	color: #2688BB;
	font-weight: bold;
	text-align: center;
	font-size: 11px
}
.frumhlram {

	width: 100%
}
.frumvnram {
	background-color: #cccccc;
}
.frumodskoky {

	font-size: 11px;
	font-weight: normal;
	height: 36px;

}
.frumodskoky p {
	=padding:0 0 10px 0
}
.frumz {
	background-color: #ffffff;
	color: #2b3953;
	font-size: 12px;
	font-weight: normal
}


.frumzneg {
	background-color: #F7F7F7;
	color: #2b3953;
	font-size: 12px;
	font-weight: normal
}
.frumzmiddle {
	color: #2b3953;
	font-size: 11px;
	font-weight: normal
}
.frumzsmall {
	color: #2b3953;
	font-size: 11px;
	font-weight: normal
}
blockquote {
	margin:5px 0 0 0;
	padding:5px;
	background-color: #EFEFEF
}

.frumzsmallng {
	color: #2b3953;
	font-size: 11px;
	font-weight: normal
}
.frumzsmallred {
	color: #DBC004;
	font-size: 11px;
	font-weight: bold
}
.frumzsmallp {
	color: #cccccc;
	font-size: 11px;
	font-weight: normal
}
.frumznews {
	color: #2b3953;
	font-size: 11px;
	font-weight: normal;
}
.frumznewsnazev {
  color: #2688BB;
	font-size: 11px;
	font-weight: bolder;
}


/* formulare --------------------------------- */


form {
	background-color: none;
	
}
.button-log {
	background-color: #01669A;
	border: 1px solid #01669A;
	color: white;
	font-weight:bold;
	font-size: 11px;
	margin:0;
	padding:1px;
}
.form-log {
	background-color: white;
	border: 1px solid #01669A;
	color: black;
	font-weight:normal;
	padding: 2px;
	font-size: 11px;
	width:80px;
}
#login  {
	padding-top:10px
}
.button, .tl {
	background-color: #01669A;
	border: 1px solid #01669A;
	color: white;
	font-weight:bold;
	font-size: 11px;
	margin:0;
	padding:1px;
}
.form, textarea, .textpole {
	background-color: white;
	border: 1px solid #01669A;
	color: black;
	font-weight:normal;
	padding: 2px;
	font-size: 11px;
}
textarea {	
	font-size: 12px;
	font-family: "Arial CE", Arial, Verdana, Tahoma, lucida, sans-serif; 
}
form p { 
	margin:5px 0;
	padding:0;
}

label { 
	display:block; 
	width:150px; 
	float:left; 
	text-align: left;
}