body {

		background-color:#F9F9F9;
		padding:0px;
		margin:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;

	}

.main {
		margin:0 auto 0 auto; 
		width:850px;	
			
		}
		
.logo-menu {
			width:850px;
			position:relative;
			height:285px;	
				
			}

.logo{ 	
		width:163px;
		height:270px;
		background-image:url(../images/logo.gif);
		background-repeat:no-repeat;
		margin-top:15px;
		position:relative;
		float:left;
		}
		
.menu {
		width:687px;
		height:32px;
		float:right;
		margin-top:26px;
		background-color:#0058A0;
		text-align:right;

	}
	
.banner {
		width:678px;
		height:217px;
		float:right;
		margin-top:7px;
		background-color:#FFFFFF;
		border:solid;
		border-width:1px;
		border-color:#CCCCCC;
}
.content {

		width:846px;
		border:solid;
		border-width:1px;
		margin-left:2px;
		margin-top:3px;
		background-color:#FFFFFF;
		border-color:#CCCCCC;
		float:left;
		
		
		}
		.footerb {
		width:846px;
		height:50px;
		color:#CCCCCC;
		float:left;
		margin:5px;
		font: bold 11px;
		}
		
		
.footerb a
{
text-decoration: none;
margin: 0;
color:#999999;
font-size:11px;

}

.footerb a:hover{
color:#333333;}

.bonuslogo {
	float:right;
	width:130px;
	height:40px;
	margin-right:8px;
	background-image:none;

}

.bonuslogo a:hover {
background-image:url(../images/bonusadamlogo.gif);}
		
.sag1 {
width:625px;
float:right;
position:relative;
border:solid;
border-width:1px;
border-color:#CCCCCC;
margin:5px 5px 5px 0px;

}

.saghak {
width:615px;
float:right;
position:relative;
text-align:justify;
margin:5px 5px 0px 5px;
height: 130px;
}

.araclarimiz {
width:615px;
float:right;
position:relative;
text-align:justify;
margin:5px 5px 0px 5px;
}

.sagalt {
width:615px;
float:right;
position:relative;
margin:0px 5px 5px 5px;
height: 60px;
background-image:url(../images/altsag.gif);

}

.sagalttext {
padding:2px 2px 2px 5px;
color: white;
width:550px;


}
.sol1 {
width:200px;
height:200px;
border:solid;
border-width:1px;
border-color:#CCCCCC;
margin:5px 5px 5px 5px;
position:relative;
float:left;

}
.solbas {
width:%100;
height:21px;
background-color:#0058A0;
font: bold 12px Arial, Helvetica, sans-serif;
color: white;
padding-top:6px;
padding-left:5px;
}

.aracbasad {
width:%100;
height:21px;
background-color:#0058A0;
font: bold 12px Arial, Helvetica, sans-serif;
color: white;
padding-top:2px;
padding-left:5px;
}
.aracbas {
width:%100;
height:19px;
background-color:#f9891b;
font: bold 12px Arial, Helvetica, sans-serif;
color: white;
padding-top:1px;
padding-left:5px;
}

.aracspec {
width:%100;
height:13px;
font: bold 12px Arial, Helvetica, sans-serif;
padding-top:1px;
padding-left:5px;
color:#333333;
border-bottom:solid;
border-bottom-width:1px;
border-bottom-color:#CCCCCC;

}

.aracleft{
width:288px;
border:solid;
border-width:1px;
border-color:#CCCCCC;
margin:5px 5px 5px 5px;
position:relative;
padding:3px;
float:left;
}

.aracright{
width:288px;
border:solid;
border-width:1px;
border-color:#CCCCCC;
margin:5px 5px 5px 5px;
position:relative;
padding:3px;
float:right;
}

.onlineilet{
	width:288px;
	border:solid;
	border-width:1px;
	border-color:#CCCCCC;
	margin:5px 5px 5px 5px;
	position:relative;
	padding:3px;
	float:right;
	height:270px;
}

.adrestel{
	width:288px;
	border:solid;
	border-width:1px;
	border-color:#CCCCCC;
	margin:5px 5px 5px 5px;
	position:relative;
	padding:3px;
	float:left;
	height:270px;
}

.googlemaps{
	width:597px;
	border:solid;
	border-width:1px;
	border-color:#CCCCCC;
	margin:5px 5px 5px 5px;
	position:relative;
	padding:3px;
	float:left;
	height:250px;
}


.aracrez {
width:%100;
height:19px;
background-color:#f9891b;
font: bold 12px Arial, Helvetica, sans-serif;
color: white;
padding-top:1px;
padding-left:5px;
text-decoration:none;
}

.aracrez a{
color: white;

text-decoration:none;
}

.solic {
width:%100;
padding:3px;
}

.solic ul
{
margin: 0;
padding: 0;
}

.solic li
{
display: inline;
margin: 0;
}

.solic li a
{
border-bottom: 1px solid #CCCCCC;
display: block;
text-decoration: none;
margin: 0;
padding: 3px 4px; /*padding inside each tab*/
color:#333333;
font: bold 11px
}

.solic li a:hover{
color:#000000;}

.mattblacktabs{
width: 100%;
margin-top:4px;
overflow: hidden;
float:right;

}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-right: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
float:right;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
color: white;
background: #0058A0; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #f9891b; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.gallerycontroller{

}

.gallerycontent{

display: block;
}


.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 1px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}


.shadetabsdiv{
border:solid;
border-width:1px;
border-color:#CCCCCC;
width:593px;
height:395px;
margin-bottom: 1em; 
padding: 10px
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 2px;
margin-right: 1px;
color:#FFFFFF;
background: #f9891b;
border:solid;
border-width:1px;
border-color:#CCCCCC;
}

.shadetabs li a:visited{

}

.shadetabs li a:hover{
text-decoration: underline;
background: #0058A0; 
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
background: #0058A0; 
}

.shadetabs li a.selected{ /*selected main tab style */
background: #0058A0; 
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
background: #0058A0; 
}