body {
  background: #E6E6E6;
  font-size: 62.5%; 
  text-align: center;
  font-family:sans-serif;
  width: 100%;
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  list-style: none;
}

.main {
 text-align: left;
 font-family: Verdana,"Geneva CE",lucida,sans-serif;
 color: #CD621E;
 font-size: 120%;
 width: 930px;
 position: relative;
 margin: auto;
 overflow: hidden;
}
#home {
 background: #EFC850 url(back.gif) repeat-y left top;  
}

#page {
 background: #EFC850 url(bck_main.gif) repeat-y left top;
}
.main .in{
margin: 0px 1px;
}

/* header */
.header {
  background: #DC931A;
  height: 115px;
  overflow: hidden;
  padding-bottom: 40px;
  position: relative;
  z-index: 50;
}
#home .header {
 background: #DC931A url(sdruzeni.gif) no-repeat 500px 25px;
}
.header {
 background-image: url(o_sdruzeni.jpg);
 background-color: #DC931A;
 background-position: top right;
 background-repeat: no-repeat;
}

.o-sdruzeni .header {
 background-image: url(o_sdruzeni.jpg);
}

.farma .header {
 background-image: url(farma.jpg);
}
.zpravy-z-villy .header {
 background-image: url(zpravy_z_villy.jpg);
}

.villa-vallila .header,
.lide .header,
.zamestnanci .header,
.dobrovolnici .header,
.dum .header,
.historie .header,
.plastiky-frantiska-bilka .header,
.vyrobky-nasi-dilny .header,
.english-summary .header {
 background-image: url(Villa_Vallila.jpg);
}

.aktuality .header {
 background-image: url(aktuality.jpg);
}

.fotogalerie .header {
 background-image: url(fotogalerie.jpg);
}

.kronika .header,
.rok-2008 .header,
.rok-2007 .header,
.rok-2006 .header,
.rok-2005 .header,
.rok-2004 .header,
.rok-2003 .header,
.rok-2002 .header,
.rok-2001 .header,
.rok-2000 .header,
.rok-1999 .header {
 background-image: url(kronika.jpg);
}

.darci .header,
.urady-a-instituce .header,
.nadace .header,
.firmy .header,
.jednotlivci .header {
 background-image: url(darci.jpg);
}

.kontakty .header,
.jak-muzete-pomoci .header,
.kudy-do-villy .header {
 background-image: url(kontakty.jpg);
}





.logo {
  background: url(logo.gif) no-repeat left top;
  width: 92px;
  height: 90px;
  margin: 13px 0 0 16px;
  float: left;
}

.logo a {
 display: block;
 height: 90px;
 text-decoration: none;
}

.logo a span {
  visibility: hidden;
}
.imgHome {
  background: #F7DF94 url(home-img2-bez-textu.jpg) no-repeat left top; 
/*   width: 778px; */
  width: 928px;
  height: 255px;
  padding-bottom: 5px;
  position: relative;
  z-index: 50;

}

.imagelink
{
	position: absolute;
	right: 30px;
	color: white;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	
	z-index: 100;
	text-decoration: none;
	display: block;
	width: 180px;
	height: 30px;
}
.imagelink span
{
	visibility: hidden;
}


.imagelink.bydleni
{
	top: 105px;
}
.imagelink.sluzby
{
	top: 140px;
}

.cedule
{
	background: url(cedule.png) no-repeat;
	position: absolute;
	right: 0px;
	bottom: 3px;
	width: 243px;
	height: 230px;
}

* html .cedule
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='res/cedule.png', sizingMethod='image');
}
 
/* content */
.content {

}
.col-left a, .col-center a, .col-right a {
  color: #BB0020;
}

.col-left a:hover, .col-center a:hover, .col-right a:hover {
 color: #FF0000;  
} 
.col-left{
 float: left;
 width: 160px;
}
#page .col-center {
  background: #FFFFF0;
}
.col-center {
/*   width:450px; */
  overflow: hidden;
  float: left;
  width: 589px;
}
.col-center .inside {
 margin: 20px 20px 25px 30px;
}
#home .col-center {
 width: 720px;
}
#page .col-center .inside {
 margin: 20px 10px;
}
.col-center .inside p {
padding-bottom: 5px;
}
.col-center h1, .col-center h2, .col-center h3 {
 color: #BB0020;
 font-size:120%;
 margin-bottom: 10px;
}
.col-center h4 {
  font-size: 110%;
  color: #CD621E;
  margin-bottom: 6px;
}
.col-right {
  color: #FFFFFF;
  float: right;
  width: 178px; 
}
#home .col-right {
  margin-right: 30px;
}
/* news homepage */
.item {
  margin-bottom: 10px;
}

.item h3.label {
  font-size: 110%;
  margin-bottom: 4px;
}

.item h3.label a {

}

.item .perex {
  margin-bottom: 4px;
}
.item .navigation {
  font-size: 90%;
}


.footer {
 clear: both;
  font-size: 80%;
  margin: 10px 0 0px 10px;
  padding-bottom: 10px;


}
.footer a {
  color: #CD621E;
}
.footer a:hover {
  color: #FF0000;
}
.first, .second {
  letter-spacing: -1px;
  padding-bottom: 4px;
  width: 150px;
}

/* menu */
.menu {
 background: #F7DF94;
 height: 40px;
 width: 100%;
 position: absolute;
 left: 0;
 top: 115px;
}

.menu ul {

}

.menu ul li {
  margin: 10px 0 0 26px;
  font-size: 105%;
  display: inline;
  float: left;
}

.menu ul li a {
  color: #CD621E;
  font-weight: bold;
  text-transform: uppercase;
}

.menu ul li a:hover, .menu ul li a.active {
  color: #BB0020;
  text-decoration: none;
}
.submenu ul {
  margin: 3px 0 3px 0;
}
.submenu ul li {
  font-weight: bold;
  font-size: 110%;
  padding: 3px 0;
}
.submenu ul li a {
  color:#BB0020;
  padding-left: 10px;
  display: block;
  text-decoration: none;
}
.submenu ul li a:hover, .submenu ul li a.active {
  background: url(sipka.gif) no-repeat left 4px;
}

.submenu ul ul {
  margin-left: 10px;
}

.submenu ul ul li {
  font-size: 100%;
  font-weight: normal;
}

.submenu ul ul li a {

}

/* boxíky */
.box {
  background: #DC931A;
  padding: 10px;
  margin: 20px 0 20px 0;
}
.box .label {
  font-weight: bold;
}

.box .content {
  text-align: center;
}

.box img {
  text-align: center;
}

.box p {
  margin-top: 5px;
}

/* gallery */
.gallery {

}
.gallery-items {
  text-align: center;
}

.gallery-items h3 {
 font-size: 110%;
 margin-top: 5px;
 
}

.gallery-items, .photo-item {
 float: left;
 margin: 15px;
 width: 145px;
 text-align: center;
}



.gallery-items img, .photo-item a img {
 border: none;
}

.gallery-items img
{
	border: 3px solid #bb0020;
}
.gallery-items:hover img
{
	border: 3px solid #f7df94;
}

.photo-item h3 {

}
.photo-item .description {
 margin-top: 5px;
}
.photo-detail {
 text-align: center;
}
.photo-detail .img img {

}





.cl {
 clear: both;
}

.pager
{
	text-align: center;
}

.captcha-image
{
  margin: 5px 0;
}
.captcha-help
{
  display: block;
}
.captcha-number
{
  margin-bottom: 10px;
}
