/*
Design by Yo Soft Solutions
http://www.yosoftsolutions.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0px none;
margin: 0
}

img
{
border: 0px;
}



a{
	color: #4F6383;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	color: #4F6383;
}

body{
	color: #000000;
	background: #FFFFFF url('images/bg.jpg') repeat-x top;; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif
}

#main {
	width: 1014px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

#bg {

background: url('images/logomodi.jpg') no-repeat center top ;
padding-left:13px; padding-right:13px; padding-top:0px; padding-bottom:0px
}


#header { 
height: 285px;
padding: 16px 0px 0px 0px;

}

#logo {	font-family: Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:18px;
		font-style:italic;
		background: url('images/big_img.jpg') no-repeat left top;
		height: 60px; padding-left:270px; padding-right:0px; padding-top:107px; padding-bottom:0px
}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 18px;
	color: #FFFFFF;
}


#logo H2 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight:100;
}

#buttons{
	width: 780px;
	background: url('images/but.png') no-repeat left top;
	text-align:center;
	padding-left:12px;
	padding-top: 2px;
	margin-left: 220px;
	height: 51px
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	display: block;
	float: left;
	height: 33px;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 0px;
	text-align: center;
	width: 135px;
	background: url('images/but.gif') no-repeat 30px 20px;
}


#buttons a:hover {
	text-decoration: underline;
	background:url('images/but_ov.png') repeat-x top ;
}

#top { height: 11px;
width: 1014px;
background:url('images/top.png') no-repeat left top; }

#content{
	width: 1014px;
	background: #FFFFFF url('images/cont.gif') repeat-y 656px 0px;
	margin: 0px;
	line-height: 19px; padding-left:0px; padding-right:0px; padding-top:8px; padding-bottom:0px
}

#left{
	width: 636px;
	margin: 0px 0px 0px 10px;
	float: left;
	color:#000000;
}

.razd { height:20px;
border-top: 1px solid #C4C5C5;}

.right_b {
		padding-left: 0px;
		padding-right: 5px;
}

.text{
	padding: 0px 0px 0px 0px;
}

.img {	float:left;
		margin: 4px 10px 3px 0px;
}

.img_fr { float:right;
margin: 4px 20px 3px 13px;
}

#left span {	color:#4F6383;
		font-weight:bold;
}

#right span {	color:#4F6383;
		font-weight:bold;
}

#left H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: 100;
	color: #0661EC;
	text-align:left;
	padding: 5px 0px 15px 0px;
}

#right H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: 100;
	color: #0661EC;
	padding-top: 12px;
	padding-left: 0px;
	text-align: center;
	padding: 5px 0px 15px 0px;
}

.read{
	text-align:right;
	padding-right:10px;
	padding-top: 5px;
	font-weight:bold;
	text-decoration:none;
}

.read a { border-bottom: 1px dotted #4F6383;}
.read a:hover { border-bottom: none;}

#right{
float: right;
width: 310px;
margin-right: 24px;
padding: 0px 0px 0px 0px;
}

.tit_bot { background: url('images/tit_bot.png') no-repeat left top;
padding-left:8px; padding-right:8px; padding-top:0px; padding-bottom:0px}

.col_l { float: left;
width: 295px;}
.col_r {float: right;
width: 295px;
padding-right: 5px;}

.col_top {
width: 295px;
height: 41px;
text-align:center;
background:url('images/tit_b.jpg') no-repeat top;
}

.col_top H5 {
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-top: 12px;
font-weight:100;
}

.col_mid {
padding: 13px 11px 5px 11px;
background: #EDEDEE;
}
.col_bot {
background: url('images/bot_b.gif') no-repeat bottom;
width: 295px;
height: 12px
}

#footer{
	height: 46px;
	width: 100%;
	font-size: 12px;
	color: #000000;
	text-align: center;
	clear:both;
	background: url('images/footer.jpg') no-repeat left bottom;
	border-top: 1px solid #C4C5C5; padding-left:0px; padding-right:0px; padding-top:17px; padding-bottom:0px
}

#footer a{
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}

#footer a:hover{
	color: #000000;
	font-size: 12px;
	text-decoration: underline;
}