/* CSS Document */
body
{
margin: 0;
padding: 0;
text-align: center;
font-family: trebuchet, arial, helvetica, sans-serif;
background-color: #C0C0C0;
background-image: url(../i/tvorba-web-stranky-back.jpg);
}
img {border: none;}
p
{
font-size: 12px;
color: #333333;
}

h1 {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight:bold;
}
h2 {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #007500;
	font-weight:bold;
	text-align:left;
}
h3 {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C00202;
	font-weight:bold;
	text-align:left;
}
h4 {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #940000;
	font-weight:bold;
	text-align:left;
}

li {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007540;
	font-weight:normal;
	text-align:left;	
}

ul {
	list-style-type: circle;
	line-height:7px;
	margin-top:0px;
	margin-left: 0px;
	margin-bottom:5px;
}


ol {
	list-style-type:decimal;
	line-height:14px;
	margin-top:0px;
	margin-bottom:18px;
}

#container{
	width: 990px;
	/* vycentrovanie dokumentu na stred pomocou margin auto a odsadenie zhora a zdola */
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: left;
	background-color:#FFF;
	/* farba textu */
	color: #333;
	border: 0px solid gray;
	line-height: 130%;
}

#navigation{
	width: 990px;
	height: 48px;
}
/*
#subheader p
{
padding: 0;
margin: 0;
font-size: 13px;
font-weight: bold;
}
*/

/*link na menu */



/*
#content
{
float:right;
display: block;
width: 725px;
height: ;
padding: 0 40px 20px 10px;
margin-top:10px;
margin-bottom:10px;
border-left: 2px solid #ccc;
background-color: #FFF;
background-image: url();
}
*/



#footer
{

clear: both;
margin: 0;
padding-top: 10px;
padding-bottom: 30px;
color: #868686;
background: #FFFFFF;
border-top: 5px solid #DBDBDB;
font-size: 11px;
text-align: left;
}

#footer a:link , #footer a:visited, #footer a:active,#footer a:hover{
	color: #868686; text-decoration: none; font-weight: normal;
}


#leftnav p
{ 
margin: 0 0 10px 0;
text-align: left;
font-weight: bold;
}


a:link , a:visited, a:active {
	color: #FE9321;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
}


/*link na footer */
/*
a.footer:link {
	color: #444;
	text-decoration: underline;
}
a.footer:active {
	color: #444;
	text-decoration: underline;
}
a.footer:visited {
	color: #444;
	text-decoration: underline;
}
a.footer:hover {
	color: #000;
	text-decoration: none;
}
*/

/* -- Main Menu -- */
/*
#mainMenu ul                {   margin: 0px; padding: 0; list-style: none;}
#mainMenu li                { }
#mainMenu li a:link,visited {  width: 190px; height: 10px; padding: 8px 0 5px 0; float: left; font-size: 12px; color: #04568E; text-decoration: none; text-align: left;}
#mainMenu li a              {  width: 190px; height: 10px; padding: 8px 0 5px 0; float: left; font-size: 12px; color: #04568E; text-decoration: none; text-align: left;}
#mainMenu li.active a, #mainMenu li a:hover  { background-color: #ECF2FD;}


.left_panel img{border: 2px solid #FF6600;}

*/


/* ---------------------------- */
/* -- NEW !!!!!!!!!!!!!! -- */
/* ---------------------------- */

.top_pic{padding-top: 16px; float: right; margin-right: 25px;}
.panel1{margin-top:15px; width:212px; background: #EEEEEE; padding: 10px ;}
.panel1 img{padding: 1px; border: 1px solid #868686;}

#cont_link img{ border: 0px;}
#cont_link a{ text-decoration: none;}


#panel1
{
float:left;
margin-right:35px;
width:233px;
margin-top:0px;
margin-bottom:10px;
padding-left: 17px;
/*padding: 10px;*/
/*border: 0px solid #ccc;*/
background-color: #FFF;
font-family: trebuchet, arial, helvetica, sans-serif;
}
.left_panel img{border: 2px solid #FF6600;}

.nav { 
	width: 212px;
	background: #0565C9 url(../i/menu_top_bg.jpg) no-repeat 0 0;
	padding: 10px ;
	/*padding: 5px 25px 25px 25px;*/
	font-family: trebuchet, arial, helvetica, sans-serif;	
}
.nav H1{padding:10px 0px; padding-left:5px; padding-top:0px; font-size:12px; font-weight:bold; color:#000000;}
.nav ul {list-style-type: none; margin: 0px; padding: 0;}

.nav-polozky a {
	display: block;	
	padding: 8px 0 8px 0;	
	text-decoration: none;
	font-size:12px;
	margin-top:2px;
	color: #fff; font-weight:bold;
	/*background: red;*/
}
.nav-polozky a:hover{
	text-decoration: underline; 
	background: #0565C9;
	margin-top:2px;
	color: #fff;
}

/**/
#header{
width:990px;
clear:both;
height: 130px;
padding: 0px;
background: #E4E4E4;
}

#header img{border: 0px;}

#header h1{
margin: 0px; padding: 0px;
font-size: 24px;
background-color: #000000;
color: #FFFFFF;
padding-top:50px;
}


#subheader{
width: 990px;
height: 46px;
font-family: trebuchet, arial, helvetica, sans-serif;
background:#C0C0C0 url(../i/subheader_bg.jpg) repeat-x;
}

#subheader .menu {
	font-family: trebuchet, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #FEFEFE;
}

#subheader .menu:link, #subheader .menu:active, #subheader .menu:visited {
	color: #FEFEFE;
	text-decoration: none;
	font-weight: bold;
}

#subheader .menu:hover {
	color: #FEFEFE;
	text-decoration: none;
	font-weight: bold;
}

/* small content*/
#small_cont{
	width: 990px;
	height: 306px;
	background:#DDDDDB url(../i/small_cont_bg.jpg) repeat-x;
}




/**/
#content {
  float: left;
  width: 690px;
  /*margin-top:10px;*/
	margin-bottom:10px;
	background: #FFFFFF;
	padding-right: 15px;
}
.gal_small{ float:left;   margin-bottom:3px; margin-right:15px;	 }
.gal_small a{border:0px; }
.gal_small img{ padding:1px; border:1px solid #CFE0E9; }

/* ---------------------------- */
/* -- CONTENT !!!!!!!!!!!!!! -- */
/* ---------------------------- */

.wysiwygpanel {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	clear:both;
}
.wysiwygpanel p {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight:normal;
	text-align:justify;
	line-height:14px;
	margin-top:0px;
	margin-bottom:0px;
}
.wysiwygpanel a {
	color: #97BCE3;
	text-decoration:underline;	
	}
.wysiwygpanel a:hover {
	color: #B02A30;
	text-decoration:underline;
}
.wysiwygpanel a img {
	border:0px;
}
.wysiwygpanel h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color:#CC0000;
	font-weight:bold;
	text-align:left;
	margin-top:0px;
	margin-bottom:10px;
}	
.wysiwygpanel h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003399;
	font-weight:bold;
	text-align:left;
	margin-top:4px;
	margin-bottom:8px;
	padding:0px;
}
.wysiwygpanel h3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#CC0000;
	font-weight:bold;
	text-align:left;
	margin:2px 0 2px 0;
}
.wysiwygpanel h4 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	font-weight:bold;
	text-align:left;
	margin:2px 0 2px 0;
}
.wysiwygpanel h5 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight:bold;
	text-align:left;
	margin:2px 0 2px 0;
}
.wysiwygpanel li {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #656D74;
	font-weight:normal;
	text-align:left;
	margin-left:-15px;

}
.wysiwygpanel ul {
	list-style-type: square;
	line-height:14px;
	margin-top:0px;
	margin-bottom:18px;
}
.wysiwygpanel ol {
	list-style-type:decimal;
	line-height:14px;
	margin-top:0px;
	margin-bottom:18px;
}
.wysiwygpanel hr {
	color:#0083CC;
	height:1px;
}
.wysiwygpanel td {
	vertical-align:top;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.wysiwygpanel form {
	margin:0px;
}
.wysiwygpanel select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #89C0EB;
	padding: 0px;
	background-color:#F4F9FE;
}
.wysiwygpanel textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #89C0EB;
	padding: 2px;
	background-color:#F4F9FE;
}
.wysiwygpanel input {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #89C0EB;
	padding: 2px;
	background-color:#F4F9FE;
}