/* CSS Document av Dieter Schneider 2007 */

@variables {
  ColorSlelctedLink: #ff8c00;
 }

* {margin: 0; padding: 0;}


/************************************* Main structure *************************/

body {
margin : 0;
padding : 0;
font : 75% helvetica, "Trebuchet MS", arial, sans-serif;
background : #ffffff;
line-height : 1.7em;
color : #555;
}

#container {
	width: 1250px;
	margin: 0 auto;
	padding-bottom: 6px;
	}


			/*TOP BANNER   header_jar1.png   banner.jpg  #ff6600-orange color */
#header {
height : 170px;
margin-top : 0;
padding : 0;
color : #555;
}


#header_1 {
	float: left;
	text-align: left;
width : 168px;
margin-bottom : 1em;
padding-right : 1px;
height : 165px;
background : #ffffff url(images/ecav_header1.jpg) no-repeat center;
	
}

#header_2 {
	float : left;
width : 987px;
margin-left : 1px;
margin-bottom : 1em;
padding-right : 10px;
padding-left : 1px;
height : 165px;
background : #ffffff url(images/header_jar1.png) no-repeat center;

	
}

#header_3 {

float : left;
width : 209px;
margin-left : 5px;
margin-bottom : 1em;
height : 165px;

}



			/*TOP NAVIGATION  #148CD5 */
#topnav ul {
padding : 0.5em 0;
margin : 0 0 -5px 0;
list-style-type : none;
background : #148CD5;
color : #fff;
text-align : center;
font-weight : bold;
width : 1227px;
border-top : 2px solid #ff6600;
}

#topnav li {
display : inline;
}

#topnav li a, #topnav a:visited {
text-decoration : none;
background : #148CD5;
color : #fff;
padding : 0.6em 1.3em;
border-right : 1px solid #fff;
}

#topnav a:link.active, #topnav a:visited.active, #topnav a:hover {
text-decoration : none;
background : #ff6600;
color : #fff;
}
			/*3 COLUMNS*/
#gutter {
float : left;
width : 30px;
height : 1px;
}


#gutter_header {
float : left;
width : 10px;
height : 1px;
}


#col1 {
float : left;
width : 175px;
margin-bottom : 1em;
padding-right : 1px;
}

#col2 {
	float: left;
	width: 782px;
	margin-left: 10px;
	margin-bottom: 1em;
	border-left: 1px dotted #ff6600;
	border-right: 1px dotted #ff6600;
	border-right: padding-right : 1px;
	padding-left: 10px;
}

#col3 {
float : left;
width : 202px;
margin-left : 12px;
margin-bottom : 1em;
}
	

		/*RIGHT NAVIGATION*/

#navcontainer ul {
margin : 0;
padding : 0;
margin-bottom: 20px;
list-style-type : none;
background : #ffffff;
color : #666;
}

#navcontainer ul li a {
padding : 20px;
color : #148CD5;
background : transparent url(images/list-off-orange.gif) no-repeat left center;
text-align : left;
font: "Monotype Corsiva";
text-decoration : none;
	display: block;
	font-size: 1.1em;
	padding: 4px 6px 4px 10px;
   	font-weight: bold;
	text-decoration: none;
	
}

#navcontainer ul li a:hover {
color : #ff6600;
background : transparent url(images/list-on-orange.gif) no-repeat left center;
}

#navcontainer ul li a#current {
background : transparent url(images/list-active.gif) no-repeat left center;
color : #000;
}


			/*FOOTER*/
#footer {
clear : both;
height : 40px;
background : #148CD5;
border-top : 2px solid #ff6600;
color : #000;
padding : 0.2em 0 0 0.5em;
text-align : center;
}

#footer a {
color : 148CD5;
background : inherit;
}

#footer a:hover {
color : #ff6600;
background : inherit;
}




			/*TYPOGRAPHY*/
_h1 {
margin : 0;
padding-top : 75px;
text-align : center;
font-size : 2em;
color : #efecdc;
background : inherit;
}

_h2 {
margin-top : 0;
padding-top : 0.5em;
padding-bottom : 0.5em;
text-transform : uppercase;
letter-spacing : 3px;
font-size : 1.5em;
color : #148CD5;
background : inherit;
}

_h3 {
margin-top : 0;
font-size : 0.75em;
text-align : center;
color : #666;
background : inherit;
}

_blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}

blockquote {
	background-color: #F4F7F0;
	width: 720px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #FF6600;
	background-image: url(images/blockquote.png);
	background-repeat: no-repeat;
	font-style: italic;
	font-weight: bold;
	font-style: italic;
	color: #b29b35;
	font-size: 1.2em;
}


			/*LINKS*/
			
_a {color: #1C89FF; text-decoration: none;}     /* unvisited link */
_a:hover {color: #00008b; text-decoration: underline;}   /* mouse over link */
_a:active {color: #0002b5; text-decoration: none;}   /* selected link */



a {
text-decoration : none;
color : #006699;
background : inherit;
}

a:hover {
text-decoration : underline;
color : #444;
background : inherit;
}

a images {
border : 0;
}
			/*IMAGES*/
.myimage {
float : left;
padding : 10px;
border : 1px solid #aaa;
margin-right : 10px;
}

.myimage2 {
float : right;
padding : 10px;
border : 1px solid #aaa;
margin-left : 10px;
}





/****** obrazok na jar header_jar.png, header_zima.jpg  images/header_zima2.jpg **/



#_header {
   background: url(images/header_jar1_text.png) no-repeat;
	margin: 0 auto;
	margin-left: 15px;

}

#header_dis {
   margin: 0 auto;
	margin-left: 15px;

}



	


/** obrazok mages/header_zima2.jpg margin-top: 8px; **/

#left {
	float:left;
	width: 195px;
	margin-left: 17px;
	margin-top: 10px;
	clear:both;
}


/** obrazok mages/header_zima2.jpg margin-top: 8px; **/





#right {
  	margin-left: 220px;
	margin-top: 11px;
	
	margin-bottom:15px;
	border-left: 1px solid #b9b9ff;
	border-right: 1px solid #b9b9ff;
	border-bottom: 1px solid #b9b9ff;
	padding: 5px 10px 10px 10px;
	width: 751px;
	background-repeat: no-repeat;
}		


#right_bok {
  	
	float:right;
	width: 195px;
	margin-left: 10px;
	margin-top: 10px;
	clear:both;


}
		



#right_dis {
  	margin-left:100px;
	margin-top: 8px;
	margin-right: 150px;
	margin-bottom:15px;
	border-left: 1px solid #b9b9ff;
	border-right: 1px solid #b9b9ff;
	border-bottom: 1px solid #b9b9ff;
	padding: 5px 10px 10px 10px;
	background-image: url(images/boxtop2_o_big1.png);
	background-repeat: no-repeat;
}		



.date_box_new {
  	background-image: url(images/blue1.png);
	padding-top:4px;
	height: 40px;
	width: 48px;
	float: left;

	}

.date_box_month_new {
	padding-top:10px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 2px;
	text-align: center;
	font-weight: bold;
	color: #FF6600;
}

.date_day_popis {
	height: 17px;
	background-color: #FFFFFF;
	padding-top: 0px;
	margin-left: 63px;
	font-size: 1.3em;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;	
}

.date_space{
margin-top:-10px;
margin-left: 60px;
margin-right:1px;
margin-bottom: 3px;
width:400px;
border-bottom: 1px dotted #CCCCCC;
}

.date_box {
  	background-color: #FFFFFF;
	background-image: url(images/datex3.jpg);
	height: 56px;
	width: 67px;
	float: left;border-bottom: 
}

.date_box_month {
	padding-top:10px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 2px;
	text-align: center;
	font-weight: bold;
	color: blue;
}

.date_box_day {
	font-size: 12px;
	font-weight: bold;
	padding-right: 1px;
	text-align: center;
	font-style: italic;	
	color: green;
}

.podciarknut{
margin-top:-12px;
border-bottom: 1px dotted #CCCCCC;
margin-left: 1px;
}

/******************************* Text and image formatting *******************************/

p {margin-bottom: 15px;
   margin-top: 15px;
   text-align:justify;
	margin-right:10px;
}

p.quote:first-letter 
{
	color: #6F9800;
	font-size:xx-large;
	margin-top: 20px;
	font-size: 2.5em;
    padding-right: 2px;
   
}


#banner {
	width: 470px;
	height: 60px;
}


#sidebar {
	float: left;
	width: 600px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar h1 {
	height: 33px;
	margin: 0 0 0px 0px;
	padding: 8px 0 2px 40px;
	background: url(images/orange_big_clear.png) no-repeat left top;
	font-size: 16px;
	color: #FFFFFF;
}

orangeblock { }

#orangeblock ul
{
	list-style-type: none;
	
}

#orangeblock a
{
	display: block;
	padding-left: 25px;
	padding-top: 10px;
	font-weight: bold;
	color: #ffffff;
	width: 600px;
	height: 40px;
	font-family: Tahoma;
	background: url(images/orange_big_clear.png) no-repeat left top;
	font-size: 16px;
}

#orangeblock a:link, #navlist a:visited
{
color: #ffffff;
text-decoration: none;
}

#orangeblock a:hover 
{
	text-decoration: none;
	color: blue;
}

.boxtop {
			height: 20px;
			background-image: url(images/boxtop2_o.png);
			background-repeat: no-repeat;
			font-size: 1.0em;
			color: #fff;
			font-family: helvetica, arial, sans-serif;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
			padding: 5px 0 0 16px;
			margin: 0;
					
		}

.box {
	clear: both;
	border-left: 1px solid #b9b9ff;
	border-right: 1px solid #b9b9ff;
	border-bottom: 1px solid #b9b9ff;
	padding: 10px 10px 10px 5px;
	margin: 0 0 15px 0;
}		


.akt_boxtop {
			height: 20px;
			background-image: url(images/boxtop2_o.png);
			background-repeat: no-repeat;
			font-size: 1.0em;
			font-family: helvetica, arial, sans-serif;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			padding: 8px 0 0 16px;
			margin: 0;
		}

.akt_box {
	clear: both;
	border-bottom: 1px solid #b9b9ff;
	padding: 10px 10px 10px 5px;
	margin: 0 0 15px 0;
}		

.meniny {
	color: #006699;
	margin-top: 2px;
	text-align: right;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.1em;
}

h1 {
	color: #00008b;
	margin-top: 35px;
	margin-left: 50px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 3.0em;
	font-weight: bold;
	}

.h1_menu {
   font-size: 1.4em;
	margin-bottom: 6px;
	margin-top: 15px;
	margin-left: 10px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}

.h1_posun1 {
	color: #00008b;
	margin-top: 30px;
	margin-left: 155px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 3.0em;
	font-weight: bold;
}

.red {color: #614240;}

/** obrazok mages/header_zima2.jpg margin-top: 37px; **/

h2 {
	height:20px;
	padding-bottom:3px;
	padding-left: 0px;
	font-size: 17px;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	color: #ff6600;
	
}

h3 {
	color: #148CD5;
	margin-left: 15px;
	font-size: 16px;
	margin-top: 50px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}



h4 {
	width: 210px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #F5F9EB;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CEAC86;
	border-bottom-color: #CEAC86;
	font-size: 1.2em;
	color: #557C2B;
}

h5 {
	height: 21px;
	background-color: #FFFFFF;
	padding-top: 10px;
	margin-left: 63px;
	font-size: 1.3em;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	color: green;
}

.h5_odkaz {
	height: 21px;
	background-color: #FFFFFF;
	padding-top: 10px;
	margin-left: 70px;
	font-size: 1.1em;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	color: blue;
	border-bottom: 1px dotted #CCCCCC;
}

}
a.h5:hover {
	color: #0002b5 ;
	text-decoration: underline;
}

.h5_red {
	height: 21px;
	background-color: #FFFFFF;
	padding-top: 10px;
	margin-left: 70px;
	font-size: 1.3em;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	color: red;
	
	
}

a.h5_red:hover {
	color: blue;
	text-decoration: underline;
}

.h5_green {
	height: 21px;
	background-color: #FFFFFF;
	padding-top: 3px;
	margin-left: 70px;
	font-size: 1.3em;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	color: green;
	border-bottom: 1px dotted #CCCCCC;
}

.h5_kalendar {
	height: 20px;
	background-color: #FFFFFF;
	padding-top: 10px;
	margin-left: 7px;
	font-size: 1.3em;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	color: #432734;
}

.h5_fialove {
	height: 21px;
	background-color: #FFFFFF;
	padding-top: 10px;
	margin-left: 70px;
	font-size: 1.3em;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	color: #9900CC;
	border-bottom: 1px dotted #CCCCCC;
}

.h5_black {
	height: 21px;
	background-color: #FFFFFF;
	padding-top: 10px;
	margin-left: 63px;
	font-size: 1.3em;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
	color: black;

}

.h5_koment {
	background-color: #FFFFFF;
	padding-top: 4px;
	margin-left: 64px;
	font-size: 1.3em;
	 text-align:justify;
	font-family: "Times New Roman", Times, serif;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;  
	font-style: italic;
	margin-top: 14px;
	padding: 1px;
	text-align:justify;
    font-size: 1.0em;   
}

_blockquote {
	background-color: #F4F7F0;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 30px;
	padding-bottom:30px;
	border: 1px dotted #EBE2B7;
	background-image: url(images/blockquote.png);
	background-repeat: no-repeat;
	font-style: italic;
}

.read_more {
	background-color: #FFFFFF;
	padding: 3px;
	text-align: left;
	font-weight: bold;
	font-style: normal;
}

images {border: none;}

.float_left {float: left;
              margin-right: 10px;}
			  
.float_right {float: right;
              margin-left: 10px;}


.zoz_sb_date {
	margin-left: 5px;
	font-size: 1.3em;
	line-height: : 130%;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
}

.zoz_sb {
	color: #bf8a44;
	margin-left: 5px;
	font-size: 1.3em;
	line-height: : 130%;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}

.zoz_sb_fialove {
	color: #9900CC;
	margin-left: 5px;
	font-size: 1.3em;
	line-height: : 130%;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}

.zoz_sb_black {
	color: #000000;
	margin-left: 5px;
	font-size: 1.3em;
	line-height: : 130%;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}

.zoz_sb_green {
	color: green;
	margin-left: 5px;
	font-size: 1.3em;
	line-height: : 130%;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}

.red_blink {
	font-size: 150%;
	color: red;
	line-height: 1cm;

}

.odkaz {
	font-weight: bold;
	font-size: 13px;
	color: blue;
	line-height: : 130%;
	text-decoration: underline;
}


.odkaz {
	font-weight: bold;
	font-size: 13px;
	color: blue;
	line-height: : 130%;
	text-decoration: underline;
}

a.odkaz {
	font-weight: bold;
	font-size: 13px;
	color: blue;
	line-height: : 130%;
	text-decoration: underline;
}
a.odkaz:hover {
	color: blue;
	text-decoration: underline;
}

.odkaz_text {
	font-size: 13px;
	color: blue;
	line-height: : 130%;
	text-decoration: underline;
}

a.odkaz_text {
	font-size: 13px;
	color: #0002b5;
	line-height: : 130%;
	text-decoration: underline;
}
a.odkaz_text:hover {
	color: green;
	text-decoration: underline ;
}

		 
_a {color: #1C89FF; text-decoration: none;}     /* unvisited link */
_a:hover {color: #00008b; text-decoration: underline;}   /* mouse over link */
_a:active {color: #0002b5; text-decoration: none;}   /* selected link */


/**************************************** Form elements member login ****************************/


p.welcome {
	font-size: 13px;
	text-align: left;
	margin-right: 15px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 15px;
	color: green;
	font-family: cursive;
	padding-left: 0px;
	
}


/**************************************** extra classes: contact us ****************************/


.submit_button_contact {
	margin-top: 15px;
	padding: 2px;
	background-color: #EAF4D9;
}

.fialove        { color: #9900CC;
 						
 }
 
 div.figure_c {
  float: center;
  border: none;
  margin: 0;
  padding: 0 10px 10px 10px;
}

div.figure_r {
  float: right;
  border: none;
  margin: 0;
  padding: 0 10px 10px 10px;
  
 }

div.figure_r_mini {
  float: right;
  border: none;
  margin: 0;
  padding: 0 130px 0px 0px;
  clear: right;
}

div.figure_r_mini1 {
  float: right;
  border: none;
  margin: 0;
  padding: 0 20px 0px 0px;
  clear: right;
}


div.figure_c {
  float: center;
  border: none;
  margin: 0;
  padding: 0 10px 0px 50px;
}

div.figure_r p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  border: none;
  text-indent: 0;
}

div.figure_r a {
 border: none;
}

div.figure_l {
  float: left;
  margin: 0;
  border: none;
  padding: 10px 10px 10px 0px;
 
}


div.figure_r a {
 border: none;
}

UL.zoznam {  margin: 10; padding:10 10px ;  }
LI.zoznam { padding-left: 30px; min-height: 20px; background-repeat: no-repeat;  list-style: none;}

UL.dialog {  margin: 20px;   }
LI.dialog { padding-left: 2px;  background-repeat: no-repeat;  list-style: square;}


UL.zoz_znak {  margin: 30; padding:30 30px ;  }
LI.zoz_znak {
	padding-left: 30px;
	min-height: 20px;
	background-repeat: no-repeat;
	list-style: decimal;
}


/* zoznam dokumentov a odkazov */
UL.dokumenty {  margin: 0; padding: 0 10px ; list-style: none;   }
LI.pdf { padding-left: 30px; min-height: 20px; background-image: url('images/pdf.gif'); background-repeat: no-repeat; list-style: none; }
LI.doc { padding-left: 30px; min-height: 20px; background-image: url('images/doc.jpg'); background-repeat: no-repeat; list-style: none; }
LI.xls { padding-left: 30px; min-height: 20px; background-image: url('images/xls.jpg'); background-repeat: no-repeat; list-style: none; }
LI.inet { padding-left: 30px; min-height: 20px; background-image: url('images/inet.jpg'); background-repeat: no-repeat ;  list-style: none;}
LI.scan { padding-left: 30px; min-height: 20px; background-image: url('images/scan.gif'); background-repeat: no-repeat;  list-style: none; }

/* navigation */



/* main left */
.sidenav h1,.sidenav ul {
	padding-left: 12px;
}
.sidenav {
	background: #EEE;
	float: left;
	width: 190px;
}
.sidenav h1 {
	color: #666;
	font-size: 1.2em;
	height: 20px;
	margin-top: 1.2em;
}
.sidenav ul {
	
	background: url(images/bgul.gif) repeat-x;
	margin: 0;
	padding: 0;
}
.sidenav li {
	
	border-top: none;
	list-style: none;
	margin: 0;
}
.sidenav li a {
	color: #777;
	display: block;
	font-size: 1.0em;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: blue;
	font-weight: bold;
	
}

.gray_box {
  	background-color: #FFFFFF;
	background-image: url(banner/tlacitko_small.png);
	height: 43px;
	width: 124px;
	float: left;
	border-bottom:thick;
}

.gray_box_text {
	padding-top: 12px;
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-weight: bold;
	color: blue;
}

a.gray_box_text:hover {
	color: green;
	text-decoration: underline;
}