@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	vertical-align:baseline;
	background:transparent;
}


html {
	font-family: Trebuchet MS, Geneva CE, lucida, sans-serif;
}


body {
	margin: 10 0 0 0; /* horn okraj */
	padding: 0;
	text-align: center;
	background: #ECFFFF;	
}

p	{ font-size: 10pt; font-style: normal; color: #000000; font-weight: normal; line-height: 1.5em ; font-family: Arial ; letter-spacing: 0.1pt}
p.p1	{ font-size: 9pt; font-style: normal; color: #000000;font-weight: normal; font-family: Arial; line-height: 1.5}
p.p2	{ font-size: 11pt; font-style: normal; color: #28859B; font-weight: normal; font-family: Arial; line-height: 1.5}
p.p3	{ font-size: 13pt; font-style: normal; color: #28859B; font-weight: normal; font-family: Arial;}
p.p4	{ font-size: 8pt; font-style: normal; color: #000000;font-weight: normal; font-family: Arial; line-height: 1.5}

span.nov_datum	{ font-size: 8pt; font-style: normal; color: #515151; font-weight: bold; font-family: Arial; line-height: 1.5;}
span.nov_hlav	{ font-size: 9pt; font-style: normal; color: #515151; font-weight: bold; font-family: Arial; line-height: 1.5;}
span.nov_text	{ font-size: 8pt; font-style: normal; color: #515151; font-weight: normal; font-family: Arial; line-height: 1.5;}

a { font-size: 10pt; color: #494949; text-decoration: none; }
a:hover { font-size: 10pt; color: #494949; text-decoration:underline; }

a.menu_h { font-size: 10pt; color: #494949; text-decoration: none; font-weight: bold; }
a.menu_h:hover { font-size: 10pt; color: #494949; text-decoration:underline; font-weight: bold; }

a.nov { font-size: 9pt; color: #2A1FFF; text-decoration: none;font-weight: bold;}
a.nov:hover { font-size: 9pt; color: #2A1FFF; text-decoration: underline; font-weight: bold; }

a.nov_odk { font-size: 8pt; color: #2A1FFF; text-decoration: none;font-weight: bold;}
a.nov_odk:hover { font-size: 8pt; color: #2A1FFF; text-decoration: underline; font-weight: bold; }

a.sponz { font-size: 8pt; color: #494949; text-decoration: none; font-family: Arial ; }
a.sponz:hover { font-size: 8pt; color: #494949; text-decoration: underline; font-family: Arial ; }

#page {
	position: relative; /* relative = pozice vuci svemu predchozimu prvku */
	width: 900px;
	margin: 0 auto;
	text-align: left;
}


#banner {
	position: absolute; 
	top: 40px; left: 0px; right: 0px;
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-color: #ffffff;
	border-style: none;
	padding: 0px 0px 0px 0px;
}
#nad_banner {
	position: absolute;
	top: 0px; left: 20px;
}
#logo {
	position: absolute;
	top: 0px; left: 690px;
	width: 170px; height: 192px;
	z-index: 10; /* vy vsrtva */
}
#menu_h {/* horn odkazov menu */
	position: absolute;
	top: 210px; left: 0px;
	width: 100%; height: 30px;
}
#menu_l {/* lev odkazov menu */
	position: absolute;
	top: 250px; left: 0px;
	width:160px;
}
#menu_r {/* prav odkazov menu */
	position: absolute;
	top: 250px; left: 650px;
	width:250px;
	background: #ECFFFF;
}
#sponz_r {/* prav sponzor */
	position: relative;
	width:250px;
	background: #DDFFFF;
	margin: 15px 0px 5px 0px;
	border: 1px solid #57B4CA; 
}
#obsah {/* zakladni obsah */
	position: absolute;
	top: 250px; left: 165px;
	width:470px;
	background: #ECFFFF;
	float: none;
	margin: 5px 0px 5px 0px; /* prhledn okraj kolem rmu */
	padding: 0px 5px 0px 5px; /* vnitn okraj rmeku */ 
}
#obsah_velky {/* obsah stranek */
	position: absolute;
	top: 250px; left: 165px;
	width:725px;
	background: #ECFFFF;
	float: none;
	margin: 5px 0px 5px 0px; /* prhledn okraj kolem rmu */
	padding: 0px 5px 10px 5px; /* vnitn okraj rmeku */
}

/* box zprvy */
#zpravy {
	margin: 0px 0px 0px 0px; /* prhledn okraj kolem rmu */
	border-width: 2px 2px 2px 2px; /* tlouka rmeku */
	border-color: #57B4CA; /* barva rmeku */
	border-style: dotted; /* styl rmeku */ 
	padding: 10px 10px 0px 10px; /* vnitn okraj rmeku */ 
	background: #D0F4FF;
}


/* box vnoce */
#vanoce {
	background-image:url('image/banner-virtualni-adopce.png');
	border-width: 2px 2px 2px 2px; /* tlouka rmeku */
	border-color: #57B4CA; /* barva rmeku */
	border-style: dotted; /* styl rmeku */ 
	padding: 10px 10px 10px 10px; /* vnitn okraj rmeku */ 
	background: #D0F4FF;
}




#text_rychly_kontakt {
	margin: 0px 10px 10px 5px; /* prhledn okraj kolem rmu */
}

.facebook {/* obsah stranek */
	background: #F1F8F8;
}




/* vodorovn horn menu */
ul#menu {
	   width: 900px;
	   float: left;
	   clear: both;
	   margin: 0 0 10px 0; 
	   padding: 0;
	   list-style-type: none;
	   border-bottom: 6px solid #57B4CA;
}
	
ul#menu li {
	   width: 13%;
	   float: right;
	   margin: 0 5px;
	   border: solid #57B4CA; 
	   border-width: 2px 2px 0;
	   background: #28859B;
	   font-weight: bold;
	   text-align:center;
}
	
ul#menu li 	a {
       display: block;
	   padding: 5px 0;
	   text-decoration: none;
  	   color: #FFF;
}
	
ul#menu li a:hover {
	   background: #57B4CA;
} 



/* navigace vlevo */
ul#menu_l_ul {
	width: 160px;
	margin: 0; padding: 0;
	list-style-type: none;
	border: solid #28859B;
	border-width: 1px 1px 1px 0px;
}
ul#menu_l_ul li {
	background: #B9DC7D;
	border-bottom: 1px solid #28859B; 
}
ul#menu_l_ul li.spodni {
	border-bottom: none;
}
ul#menu_l_ul li a{
	display: block;
	width: 160px;
	padding: 5px 5px 5px 10px;
	font-weight: bold;
	color: #0A677D;
	text-decoration: none;
}
ul#menu_l_ul li a:hover {
	display: block;
	width: 145px;
	text-decoration: none;
	background: #A0C364;
}


.leftMenuPasiv a {
    background-color: #B9DC7D;
    text-align: left;
    display: block;
    line-height: 28px;
    height: 28px;
    padding-left: 15px;
    color: #0A677D;
	font-weight: bold;
	font-size: 10pt;
    background-image: url('/images/leftOut.gif');
    text-decoration: none;
	border-right: 1px solid #28859B;
	border-top: 1px solid #28859B;
}


.leftMenuPasiv a:hover {
    background-color: #A0C364;
    text-align: left;
    display: block;
    line-height: 28px;
    height: 28px;
    padding-left: 15px;
    color: #ffffff;
    background-image: url('/images/leftOver.gif');
    text-decoration: none;
}

.spodni {
	border-bottom: 1px solid #28859B;
}


#reset /* natahova vky strnky */
{
	border:  0px none;
	margin:  0px;
	padding: 0px;
	float: none;
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

#paticka {
	position: relative;
	width: 100%;
	height: 30px;
	background-color: #006699;
}



.error {
	color: red;
}	
	
#submit_btn {
	background: #ffa20f;
} 
	
fieldset
{
	border: 5px solid #FFA20F;
	padding: 5px 5px 5px 5px;
}
	
#formular {
	border: 0px solid #e2e2e2;
	background: #FDFDD3;
	padding: 0px;
}
#formular div {
	clear:both;
	margin:6px 0;
	}
#formular label {
	display:block;
	float:none;
	font-size:7pt;
	width:auto;
	font-weight: bold;
}

#formular input {
	border-color:#FFA20F;
	border-style:solid;
	border-width:1px;
	padding:2px;
	font-size:9pt;
	color:#333;
	text-align : left;
}

#formular select {
	border-color:#FFA20F;
	border-style:solid;
	border-width:1px;
	padding:2px;
	font-size:9pt;
	color:#333;
	text-align : left;
}