/* new.chatavratna.sk*/
html, body{font-family:Arial, Helvetica, sans-serif; color: #505050;margin: 0;padding: 5px 0 0 0;
 background-color:#fff; scrollbar-arrow-color : #ccc; scrollbar-darkshadow-color : #fff;
 scrollbar-face-color : #f8efce;scrollbar-base-color : #fff;scrollbar-shadow-color : #fff;
 scrollbar-track-color : #fff;scrollbar-highlight-color : #fff; font-size:11px;}

/* hlavne */
#main{width: 760px;margin-right:auto;margin-left:-380px;margin-top:0;padding:0;
  text-align:left;border: 0px solid #ff0;
	background-color:#fff; left: 50%; position: absolute;
  /*background:url(im/bg_base.jpg) top left repeat-x;*/}
/*#main{width:100%;margin:0;padding:0px;border:0px dotted #fff;
	background-color:#094298;	background:url(im/bg_base.jpg) top left repeat-x;}
#header{margin: 0;padding: 0;height:231px; width:890px;border:0px solid #ff0;
	background-image:url(im/bg_header.jpg);background-position:top left;	background-repeat:no-repeat;	}
*/
#menu    { margin:0;padding: 0;height:62px;	background:url(im/bg_menu.gif) top left no-repeat;}
#menuc   { margin-right:25px;padding: 0;text-align:right;color: #fff;font-weight:normal;font-size: 14px; border:0px solid #ccc  }
#header  { margin:0;padding: 0;height:55px; background:url(im/bg_header.gif) top left no-repeat;}
#headerc { padding: 12px 0 0 0 ;text-align:right; vertical-align:bottom;color: #7e6227;margin-right:30px;border:0px dotted #f00;} 

#center  { margin:0;padding:0;display: table-row;width: 760px;	background:url(im/bg_center.gif) top left repeat-y; }
/* lavy stlpec */
#left    { float:left; margin:0;padding:0;width:187px;  background:url(im/bg_left.gif) top left no-repeat;}
#leftc   { margin:0; padding: 5px;border:1px dotted #f00;}  
#content { float:left; margin:0;padding:0;width:573px;    background:url(im/bg_content.gif) top left no-repeat;}
#contentc{ margin:0; padding: 10px 5px 10px 5px;border:0px dotted #f00;}

/* obsah stranky*/
#lc      { float:left; margin:0;padding:0;width:349px;}
#lcc     { margin:0; padding: 10px 5px 10px 5px;border:0px dotted #f00;}
#rc      { float:left; margin:0;padding:0;width:224px;}
#rcc     { margin:0; padding: 10px 35px 10px 5px;border:0px dotted #00f;}

#footer  { clear: both;padding: 0;height:55px; background:url(im/bg_footer.gif) top left no-repeat;}
#footerc { margin:0; padding: 0;font-size: 90%;color:#7e6227}


/* velke obrazky */  
.pictures{ width:560px; text-align:center}  
/* pomocne aby podrzali rozmer*/
/*.prop {float:right;width:1px;}*/
.clear   { clear:both;height:1px;margin:0; padding:0;border:none;visibility: hidden;}	
.clearfloat{display: table;width: 100%; border:0px dotted #000;} 
.sipka   { float:left;padding:0;width:13px; height:10px; background:url(im/sipka.gif) bottom left no-repeat;}
/* vlajky */  
.sk      { float:left;padding:0;width:22px; height:14px; background:url(im/18x14sk.gif) bottom left no-repeat; }
.en      { float:left;padding:0;width:22px; height:14px; background:url(im/18x14en.gif) bottom left no-repeat; }
a.uni    { float:right;padding:0;width:140px; height:18px; background:url(im/unicorn140x18gray.gif) bottom left no-repeat; }


/* formatovacky */
table, td {font-size: 100%;}
.float{float:left; border:0px solid #f00}
.foot {font-size: 90%;}
.right{ text-align:right}
.just{ text-align:justify}
.left{ text-align:left}
.cent{ text-align:center}

.pad5 {padding: 5px}
.popisok {font-size: 90%;}
.z85 {font-size: 85%;}

.s{font-weight:bold;}
.hneda{ color:#7e6227;}
.siva{ color:#bbb;}
.tmsiva{ color:#505050;}
.b_tmhneda{ background-color:#dac188/*c7b37e*/;}
.b_row {background-color:#fdfaef; }
.red { color:#900;}

/*
.sup{font-weight:bold;color:#000;vertical-align: super;font-size: 10px}
.va_top{vertical-align: top;} */
.w30 {float:left;width:30px;}
.w150 {float:left;width:140px;border:0px dotted #ccc;}
.w300 {float:left;width:300px;border:0px dotted #ccc;}
.w200 {float:left;width:200px;border:0px dotted #ccc;}
.td110 {width: 110px;}
.td90 {width: 90px;}

/* medzery */
div.h10 {text-align: left;height:10px;}
div.h5 {text-align: left;height:5px; line-height:5px; }

img {border: 0px solid #fff}
img.o {vertical-align:middle; border: 0px solid #fff}
img.ram {	border: 2px solid #eee/*#80858B*/; vertical-align:top;padding: 0px;}
img.left {float: left;text-align: left;	margin: 0px 10px 10px 0;	padding: 0;	border: 2px solid #ddd;}
img.right {position:relative;float:right;text-align:left;margin:10px;padding: 0;border: 2px solid #ddd;}

/* vstupy */
/*.but {font-size: 11px;	background-color:#f8efce;color:#7e6227;padding:1px;
	border: 1px solid #7e6227; width:70px;}*/
input, select, option {font-size: 11px;background-color:#fdfaef;color:#7e6227;padding:1px;	border-top: 1px solid #7c7b7d;border-left: 1px solid #7c7b7d;  border-bottom: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;}
textarea {font-size: 11px;	background-color:#fdfaef;color:#7e6227;padding:1px;
	font-family:"Courier New", Courier, mono;	
	border-top: 1px solid #7c7b7d;border-left: 1px solid #7c7b7d;
  border-bottom: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;
  scrollbar-arrow-color : #ccc; scrollbar-darkshadow-color : #fff;
  scrollbar-face-color : #f8efce;scrollbar-base-color : #fff;scrollbar-shadow-color : #fff;
  scrollbar-track-color : #fff;scrollbar-highlight-color : #fff; font-size:11px;}

input.mb {font-size: 11px;background-color:#fff;color:#7e6227;padding:1px;	border-top: 1px solid #7c7b7d;border-left: 1px solid #7c7b7d;  border-bottom: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5; }
input.but {font-size: 11px;	background-color:#d8b466;color:#505050;padding:1px;	border: 1px solid #7e6227; width:70px;  border-top: 1px solid #f0e2b1;border-left: 1px solid #f0e2b1; border-bottom: 1px solid #6f5b36;border-right: 1px solid #6f5b36;}
textarea.mb {font-size: 11px;	background-color:#fff;color:#7e6227;padding:1px;
	font-family:"Courier New", Courier, mono;	
	border-top: 1px solid #7c7b7d;border-left: 1px solid #7c7b7d;
  border-bottom: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5; 
  scrollbar-arrow-color : #ccc; scrollbar-darkshadow-color : #fff;
  scrollbar-face-color : #f8efce;scrollbar-base-color : #fff;scrollbar-shadow-color : #fff;
  scrollbar-track-color : #fff;scrollbar-highlight-color : #fff; font-size:11px;}
					
a{color: #505050;text-decoration: none;}
a:hover{color: #505050;text-decoration: none;}

a.foot {color: #505050;text-decoration: none;font-size: 10px;}
a.foot:hover{color: #505050; text-decoration: underline;font-size: 10px;}
a.foot:focus{color: #505050; text-decoration: underline;font-size: 10px;}

a.menu {color: #7e6227;text-decoration: none; font-size: 12px;font-weight:bold;}
a.menu:hover{color: #7e6227; text-decoration: none; font-size: 12px;font-weight:bold;}
a.menu:focus{color: #7e6227; text-decoration: none; font-size: 12px;font-weight:bold;}

a.menuo {color: #7e6227;text-decoration: none; font-size: 12px;font-weight:bold;}
a.menuo:hover{color: #7e6227; text-decoration: none; font-size: 12px;font-weight:bold;}
a.menuo:focus{color: #7e6227; text-decoration: none; font-size: 12px;font-weight:bold;}

a.header {color: #505050;text-decoration: none;}
a.header:hover{color: #505050; text-decoration: none;}
a.header:focus{color: #505050; text-decoration: none;}

a.menu1 {color: #505050;text-decoration: none; font-size:85%; line-height: 10px;}
a.menu1:hover{color: #505050; text-decoration: none; font-size:85%}
a.menu1:focus{color: #505050; text-decoration: none; font-size:85%}

a.menu1o {color: #505050;text-decoration: none; font-size:85%}
a.menu1o:hover{color: #505050; text-decoration: none; font-size:85%}
a.menu1o:focus{color: #505050; text-decoration: none; font-size:85%}



.table{padding:0; margin:0}

/* baners buttons balicky */	
#bal1 {width: 120px; height: 63px;}
#b1 { position: relative;z-index: 0 ;padding: 2px 2px 0 0  }
#b1 a { background: url("baners/skola2.gif") no-repeat;di\splay: block;wid\th: 120px; heigh\t: 63px; }
#b1 a:hover img, #b1 a:focus img { position: relative;z-index: -1;}
#b1 a:hover {background-position: 0 0;display: block;  width: 120px; height: 63px; }

#b2 { position: relative;z-index: 0 ;padding: 2px 2px 0 0  }
#b2 a { background: url("baners/jesen2.gif") no-repeat;di\splay: block;wid\th: 120px; heigh\t: 63px; }
#b2 a:hover img, #b2 a:focus img { position: relative;z-index: -1;}
#b2 a:hover {background-position: 0 0;display: block;  width: 120px; height: 63px; }

#b3 { position: relative;z-index: 0 ;padding: 2px 2px 0 0  }
#b3 a { background: url("baners/jesen3_2.gif") no-repeat;di\splay: block;wid\th: 120px; heigh\t: 63px; }
#b3 a:hover img, #b3 a:focus img { position: relative;z-index: -1;}
#b3 a:hover {background-position: 0 0;display: block;  width: 120px; height: 63px; }