/* vilarustica.ro stylesheet */


html, body{
	width: 100%;
	height: 100%;
	background-color: #112900;
}
html, body, ul, li, a{
	margin: 0px;
	padding:0px;
}
body{
	background-image: url(../images/layout/bg0.jpg);
	background-position: top;
	background-repeat: repeat-x;
	color: #343c22;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#container{
	width: 100%;
	height: 100%;
}

#bg_left{
	background-image: url(../images/layout/bg_head_left.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
#bg_middle{
	width: 784px;
	background-image: url(../images/layout/bg_head.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#bg_right{
	background-image: url(../images/layout/bg_head_right.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#bg_middle table{
	width: 100%;
}

#header{
	height: 210px;
}

#content{
	background-color: #fff;
	background-image: url(../images/layout/bg_middle.gif);
	background-position: center;
	background-repeat: repeat-y;
}
#page_bg{
	width: 784px;
	display: table;
	background-image: url(../images/layout/bg_page.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#page_table{
	width: 764px;
	margin: 0px	 auto 0px auto;
}


/*............ TOP MENU - starts here ...............*/
#topmenu, #topmenu table {
	font-size: 11px;
	height: 35px;
}

#topmenu a{
	text-decoration: none;
	color: #2277a3;
}
#topmenu a:hover{
	text-decoration: underline;
	color: #ffffff;
}
#top1, #top2, #top3, #top4, #top5, #top6{
	text-align: center;
	color: #2277a3;
	background-position: top left;
	background-repeat: no-repeat;
}
#top1{
	width: 61px;
	background-image: url(../images/layout/topmenu_1.jpg);
}
#top2{
	width:58px;
	background-image: url(../images/layout/topmenu_2.jpg);	
}
#top3{
	width: 73px;
	background-image: url(../images/layout/topmenu_3.jpg);
}
#top4{
	background-image: url(../images/layout/topmenu_4.jpg);
	width: 58px;
}

#top5{
	background-image: url(../images/layout/topmenu_5.jpg);
	width: 58px;
}

#top6{
	background-image: url(../images/layout/topmenu_6.jpg);
	width: 58px;
}

#top4 a, #top5 a, #top6 a{
	font-size: 10px;
	color: #000000;
	display: block;
	margin-top: 4px;
	height: 26px;
	background-position: bottom;
	background-repeat: no-repeat;
}
#top4 a{
	background-image: url(../images/layout/ro.gif);
}
#top5 a{
	background-image: url(../images/layout/en.gif);
}
#top6 a{
	background-image: url(../images/layout/fr.gif);
}
/*............ TOP MENU - ends here ...............*/

#logo{
	height: 141px;
}

/*............ MAIN MENU - starts here ................*/
#mainmenu{
	height: 34px;
	background-image: url(../images/layout/bg_menu.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	vertical-align: middle;
}
#mainmenu a, #mainmenu img{
	vertical-align: middle;
	margin: 0px 3px 0px 3px;
	color: #EEF3E2;
	font-weight: bold;
	text-decoration: none;
}
#mainmenu a:hover{
	color: #ffffff;
	text-decoration: underline;
}


/*............ SubMenu 1 ................*/
#submenu1 {
	position:absolute;
	width:210px;
	height:200px;
	z-index:1;
	margin-left: 244px;
	background-color: transparent;
	visibility: hidden;
}
#submenu1 ul{
	margin: 0px;
	padding: 0px;
	background-color: #81a43f;
	border: 1px solid #527409;
	width: 160px;
}
#submenu1 ul li{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;
}
#submenu1 a{
	width: 150px;
	display: block;
	text-align: left;
	margin: 2px 0px 2px 5px;
	padding:0px 0px 5px 10px;
	border-bottom: 1px solid green;
	background-image: url(../images/layout/arrow1.gif);
	background-position: -2px 2px;
	background-repeat: no-repeat;
}
/*............ SubMenu 2 ................*/
#submenu2{
	position:absolute;
	height:175px;
	width:180px;
	z-index:2;
	visibility: hidden;
	display:block;
	margin-left: 400px;
	margin-top: 0px;
	padding: 2px;
	background-color: transparent	;
}
#submenu2 ul {
	margin: 0px;
	padding: 0px;
	background-color: #81a43f;
	border: 1px solid #527409;
	width: 100%;
}
#submenu2 ul li{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;
	width: 100%;
}
#submenu2 a {
	font-size: 10px;
	font-weight: normal!important;
	display: block;
	text-align: left;
	margin: 2px 0px 2px 5px;
	padding:0px 0px 5px 10px;
	border-bottom: 1px solid green;
	background-image: url(../images/layout/arrow1.gif);
	background-position: -2px 2px;
	background-repeat: no-repeat;
}

/*............ SubMenu 3 ................*/
#submenu3 {
	position:absolute;
	height:175px;
	width:200px;
	z-index:3;
	visibility: hidden;
	display:block;
	margin-left: 400px;
	margin-top: 20px;
	padding: 2px;
	background-color: transparent	;
}
#submenu3 ul{
	margin: 0px;
	padding: 0px;
	background-color: #81a43f;
	border: 1px solid #527409;
	width: 100%;
}
#submenu3 ul li{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;
	width: 100%;
}
#submenu3 a{
	font-size: 10px;
	font-weight: normal!important;
	display: block;
	text-align: left;
	margin: 2px 0px 2px 5px;
	padding:0px 0px 5px 10px;
	border-bottom: 1px solid green;
	background-image: url(../images/layout/arrow1.gif);
	background-position: -2px 2px;
	background-repeat: no-repeat;
}
/*............ SubMenu 4 ................*/
#submenu4 {
	position:absolute;
	height:175px;
	width:150px;
	z-index:3;
	visibility: hidden;
	display:block;
	margin-left: 400px;
	margin-top: 40px;
	padding: 2px;
	background-color: transparent	;
}
#submenu4 ul{
	margin: 0px;
	padding: 0px;
	background-color: #81a43f;
	border: 1px solid #527409;
	width: 100%;
}
#submenu4 ul li{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;
	width: 100%;
}
#submenu4 a{
	font-size: 10px;
	font-weight: normal!important;
	display: block;
	text-align: left;
	margin: 2px 0px 2px 5px;
	padding:0px 0px 5px 10px;
	border-bottom: 1px solid green;
	background-image: url(../images/layout/arrow1.gif);
	background-position: -2px 2px;
	background-repeat: no-repeat;
}
/*............ SubMenu 5 ................*/
#submenu5 {
	position:absolute;
	height:175px;
	width:150px;
	z-index:3;
	visibility: hidden;
	display:block;
	margin-left: 400px;
	margin-top: 60px;
	padding: 2px;
	background-color: transparent	;
}
#submenu5 ul{
	margin: 0px;
	padding: 0px;
	background-color: #81a43f;
	border: 1px solid #527409;
	width: 100%;
}
#submenu5 ul li{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;
	width: 100%;
}
#submenu5 a{
	font-size: 10px;
	font-weight: normal!important;
	display: block;
	text-align: left;
	margin: 2px 0px 2px 5px;
	padding:0px 0px 5px 10px;
	border-bottom: 1px solid green;
	background-image: url(../images/layout/arrow1.gif);
	background-position: -2px 2px;
	background-repeat: no-repeat;
}
/*............ SubMenu 6 ................*/
#submenu6 {
	position:absolute;
	height:175px;
	width:150px;
	z-index:3;
	visibility: hidden;
	display:block;
	margin-left: 400px;
	margin-top: 80px;
	padding: 2px;
	background-color: transparent	;
}
#submenu6 ul{
	margin: 0px;
	padding: 0px;
	background-color: #81a43f;
	border: 1px solid #527409;
	width: 100%;
}
#submenu6 ul li{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;
	width: 100%;
}
#submenu6 a{
	font-size: 10px;
	font-weight: normal!important;
	display: block;
	text-align: left;
	margin: 2px 0px 2px 5px;
	padding:0px 0px 5px 10px;
	border-bottom: 1px solid green;
	background-image: url(../images/layout/arrow1.gif);
	background-position: -2px 2px;
	background-repeat: no-repeat;
}
/*............ MAIN MENU - ends here ................*/


/*............ FOOTER MENU - starts here ................*/
#footer{
	height: 79px;
	background-image: url(../images/layout/bg_footer.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
	color: #cfdbbb;
}
.bottom_links{
	margin: 26px 0px 10px 0px;
}
.bottom_links a{
	color: #466203;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.bottom_links a:hover{
	color: #0070DB;
	text-decoration: underline;
}
/*............ FOOTER MENU - ends here ................*/

.page table{
	margin: 0px;
	padding: 0px;
}
.txt1{
	margin: 0px 20px;
	text-align: justify;
	color: #7b8864;
}
.txt1 table tr td {
	width: 50%;
}

.link1:link, .link1:visited{
	color: #0d9ab3;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	margin-bottom: 10px;
}
.link1:hover, .link1:active{
	color: #228B22;
	text-decoration: underline;
}

.box1{
	color: #343c22;
	text-align: justify;
	margin: 7px 5px 7px 0px;
	padding: 10px 5px 10px 10px;
	background-color: #ffffff;
	border: 1px solid #e1e8d6;
	display: table;
	float: left;
}
.box2{
	color: #343c22;
	text-align: justify;
	margin: 7px 0px 7px 5px;
	padding: 10px 5px 10px 10px;
	background-color: #e6ecdb;
	border: 1px solid #D9E2CB;
	display: table;
	float: right;
}
.box3{
	font-size: 10px;
	color: #343c22;
	text-align: justify;
	margin: 7px 0px 7px 5px;
	padding: 10px 5px 2px 10px;
	background-color: #e5edf2;
	border: 1px solid #D3E0E9;
	display: table;
	float: right;
}

/*... thumbnail ...*/
.thumbnail{
	float: right;
	margin: 0px 5px 5px 10px;
	border: 1px solid #daddd7;
	padding: 5px;
	background-color: #ffffff;
}
.thumbnail img{
	border: 1px solid #D9E2CB;
	cursor: pointer;
}
.thumb2{
	float: right;
	clear: right;
	margin: 10px 5px 5px 10px;
}