@charset "UTF-8";
/* CSS Document */

*{
margin:0px;
padding:0px;}

body{
text-align:center;}


#main{
width:950px;
height:auto;
margin:0px auto;
text-align:left;
}

#banner{
width:950px;
height:180px;
background: url(images/tuba-banner.jpg) top left;
background-color:#fff;
}


#menubar{
width:950px;
height:30px;
margin:0px auto;
background-color:#333;}

#menu{
width:840px;
height:30px;
margin:0px auto;
}


#menu li{
list-style:none;
float:left;}


#menu li a{
display:block;
text-decoration:none;
width:120px;
height:30px;
padding-top:5px;
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
}

#menu li a:hover{
	display:block;
	width:120px;
	height:25px;
	padding-top:5px;
	background-color:#366;
}


#icerik
{
    position: relative;
    float: left;
    width: 950px;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
    text-align: left;
	background-color: #CCC;
   	/*background: url(images/bg.png) top left repeat-y; */
	overflow:hidden;

}
#sol {
	width:300px;
	float:left;
	height:100%;
	margin-top:5px;
	margin-bottom:10px;
	background-color: #ccc;
	padding-top:0px;
	text-align:center;
	letter-spacing:1px;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #000;
	text-align:left;
}
	
#sol a {
       color: #333;
       text-decoration: none;
	   text-indent:10px;
}

#sol a:active {
       color: yellow;
       text-decoration: none;
}

#sol a:link {
       color: #333;
       text-decoration: none;
	   text-indent:10px;
}
#sol a:visited {
       color: #333;
       text-decoration: none;
	   text-indent:10px;
}

#sol a:focus {
       color: red;
       text-decoration: none;
	   text-indent:10px;
}

#sol a:hover {
       color: #930;
       text-decoration: none;
	   text-indent:10px;
}
#urunler{
border-bottom:solid 1px #000;
border-top:solid 1px #000;
margin-right:10px;
padding-left:10px;
list-style:none;

}


#belgeler{
width:300px;}

#belgeler li{
display:block;
height:140px;
list-style:none;
float:left;
padding-top:0px;}



#sag
{
    position: relative;
    float: left;
    width: 620px;
	height:100%;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
    text-align: justify;
	background-color: #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align:justify;
	text-indent:5px;
	padding-bottom:5px;
   	/*background: url(images/bg.png) top left repeat-y; */
	overflow:hidden;
}

.haber{
	width:141px;
	float:left;
	font-size:11px;
	margin-right:8px;
	border:solid 1px #000;
	padding-left:2px;
	padding-bottom:2px;
	padding-right:2px;
}

.haber a{
color:#990000;
text-decoration:underline;}


#semtler{
width:580px;
height:150px;
background-color: #CCC;
padding-left:20px;
} 

#semtler li{
width:100px;
float:left;
list-style:none;
font-size:11px;
}
#semtler li a{
color:#000;
text-decoration:none;

}
#semtler li a:hover{
color: #003;
text-decoration:underline;

}

#ilactur a{
color: #003;
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
text-decoration:none;}

#ilactur a:hover{
color: #900;
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
text-decoration:underline;}



#ilaclama li a{
color:#000;
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
text-decoration:none;}


#ilaclama{
width:550px;
height:250px;
}
#ilaclama li{
width:250px;
float:left;
list-style:none;}
#ilaclama li a{
color:#000;
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
text-decoration:none;}

#ilaclama li a:hover{
text-decoration:underline;}

#referans{
height:auto;}
#referans li{
width:300px;
list-style:none;
float:left;
font-family: Verdana, Geneva, sans-serif;
font-size:12px;}



#footer {
	width:950px;
	float:left;
	height:20px;
	margin-top:5px;
	margin-bottom:0px;
	background-color: #F96;
	padding-top:5px;
	text-align:center;
	letter-spacing:1px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;	

}
	
	
#footer a {
       color: #333;
       text-decoration: underline;
}

#footer a:active {
       color: yellow;
       text-decoration: none;
}

#footer a:link {
       color: blue;
       text-decoration: underline;
}
#footer		a:visited {
       color: #333;
       text-decoration: none;
}

#footer a:focus {
       color: red;
       text-decoration: none;
}

#footer a:hover {
       color: #FFF;
       text-decoration: none;
}


img.floatLeft { 
    float: left; 
    margin: 5px; 
	border:none;
}
img.floatRight { 
    float: right; 
    margin: 5px;
	border:none;
}
.zararli{
font-family: Verdana, Geneva, sans-serif;
font-size:10px;
color: #4b3511;
margin-bottom:3px;
text-indent:10px;}

h1
{
text-align: left;
color: #4b3511;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-bottom:5px;
}

h2
{
text-align: left;
color: #4b3511;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
h3{
font-size:14px;
font-family: Verdana, Geneva, sans-serif;
color: #900;
margin-bottom:5px;
padding-left:10px;}


p
{
text-indent: 30px;
text-align:justify;
letter-spacing:1px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #4b3511;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}

	
.a {
       color: #333;
       text-decoration: underline;
}

.a:active {
       color: yellow;
       text-decoration: none;
}

.a:link {
       color: #000;
       text-decoration: none;
}
.a:visited {
       color: #000;
       text-decoration: none;
}

 .a:focus {
       color: red;
       text-decoration: none;
}

.a:hover {
       color: #900;
       text-decoration: none;
}