/*** CSS Style ****/
/*** BODY ****/
body {
font : normal 11px Tahoma, Helvetica, sans-serif; color : #000000;
margin:0px;
padding:0px;
background:#FFFFFF;
border:0px;
text-align:center;
background:url(images/grass.gif) repeat;
}


/*** Layout ****/
#container {margin:0 auto; width: 981px; text-align:left;}

#left{float:left; margin:0px;}

#meniu{ width:187px; height:299px; margin:0px; background:url(images/menu.png) no-repeat; font:normal 15px Impact, Helvetica, sans-serif; color: #000000;behavior:url(scripts/png.htc);}
#meniu p{ padding-left:10px; padding-top:40px; margin:0px;}
#meniu a, #meniu a:link{font:normal 15px Impact, Helvetica, sans-serif; color: #000000; text-decoration:none;}
#meniu a:hover {font:normal 15px Impact, Helvetica, sans-serif; color: #8f561e; text-decoration:underline;}

#logo{background:url(images/logo.png) no-repeat; height:102px; width:187px;behavior:url(scripts/png.htc);}
#caramizi{background:url(images/caramizi.png) no-repeat; height:213px; width:187px;behavior:url(scripts/png.htc);}
#piatra{background:url(images/piatra.png) no-repeat; height:119px; width:187px;behavior:url(scripts/png.htc);}
#footer_mid{background:url(images/footer.png) no-repeat; height:14px; width:753px;behavior:url(scripts/png.htc);}

#middle{ background:url(images/bg2.png) repeat-y left; width:750px; text-align:left; }
#middle h1{font: normal 20px Impact, Helvetica, sans-serif; color: #8f561e; padding:0px 0 0px 30px; margin:0px;}
#middle h2{font: normal 20px Impact, Helvetica, sans-serif; color: #8f561e; padding:20px 0 10px 30px; margin:0px;}
#middle h3{font: bold 14px Tahoma, Helvetica, sans-serif; color: #000000; padding:20px 0 0px 30px; margin:0px;}

#middle p{margin:0px; padding:10px 30px 0 30px; text-align:justify;}

#middle_left{float:left; width:410px;}
#middle_right{float:right; width:300px;}

/*** FOOTER ***/
#footer {margin:0; padding:0px; height:191px; background:url(images/bg.png) bottom repeat-x;}
#footer_left{ float:left; margin:0px; padding:0px; height:191px; width:164px; background:url(images/left.png) left no-repeat; behavior:url(scripts/png.htc);}
#footer_right {float:right;margin:0px; padding:0px; height:191px; width:164px; background:url(images/right.png) right no-repeat; behavior:url(scripts/png.htc);}


.left_img{ float:left; margin:0 10px 0 0; border:solid #999999 2px; padding:0px;}
.right_img{ float:right; margin:0 10px 0 0; border:solid #999999 2px; padding:0px;}


/*** STYLES ***/
ul {padding:0; margin:0 0 10px 5px;list-style:none;}
li { padding:1px 1px 1px 20px;}

.white{ color:#FFFFFF; padding-left:25px;}
#copyright{ color:#FFFFFF; margin-right:45px; text-align:right;}
.clear{ clear:both};

input.grey {background-color: #FFFFFF;font-size: 11px; color:#000000; border-color:#000000; border: 1px solid;}
submit.grey {background-color: #780103;font-size: 11px; color:#000000;}



#gallerysection{ background-color:#CCCCCC; padding-top:2px; padding-bottom:2px;}
#rollover {list-style:none; margin-top:20px; }
#rollover li {float:left; margin-left:5px; padding:0px; margin-bottom:5px;}
#rollover li a {color:#444;}
#rollover li a:hover {color:#fff;background:#444;}
#remoteRollover { width:300px; height:300px; padding:4px;  /*padding:20px 20px 0 20px;*/ }
#remoteRollover img{border: solid #444444 1px;}

#mainrollover{margin:20px 20px 0 20px;border: solid #444444 1px; width:500px; float:left;}
#mainrollover a, #mainrollover a:link{ text-decoration:none; color: #8f561e;}
#mainrollover a:hover{ text-decoration: underline;}