/*  +---------------------------------------------------------------+
    | Proje		: SAS-CON                                           |
    | Versiyon  : 1                                                 |
    | Oluşturma : 30/10/09                                          |
    | Güncelleme: 03/11/09                                          |
    +---------------------------------------------------------------+
    | Hazirlayan  : Omer ARI & yaveri (Sercan Paran)                |
    +---------------------------------------------------------------+
    | 0. Icerik Aktarimlari                                         |
    | 1. Standartlar                                                |
    | 2. Sayfa Ust                                                  |
    | 3. Icerik                                                     |
    | 4. Sayfa Alt                                                  |
    | 5. Ozel Tanimlar                                              |
    +---------------------------------------------------------------+
    |                                                               |
    |  #2D4560 Laci                                                 |
    |  #CE6628 Cotta                                                |
    |                                                               |
    +---------------------------------------------------------------+

    +---------------------------------------------------------------+
    | 0. ICERIK AKTARIMLARI                                         |
    +---------------------------------------------------------------+     */ 

	@import "reset.css";
	@import "jquery-ui-1.7.2.custom.css";
	@import "slider.css";
	@import "jqSlider.css";
/*  +---------------------------------------------------------------+
    | 1. STANDARTLAR                                                |
    +---------------------------------------------------------------+    */
    
html {background: #efefef}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}
p{
	margin-bottom: 10px;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}
abbr{ cursor: help;	border-bottom: 1px dashed #ccc;}

.tasiyici{
	width: 950px;
	margin: 0 auto;
}	

a.link{
	color: #3D191B;
	border-bottom: 1px dotted #006699;
	text-decoration: none;
}
a.link:hover{
	color:#333;
	border-bottom: 1px solid #006699;
	text-decoration: none;
}

.clear{
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;	
}

/*  +---------------------------------------------------------------+
    | 2. SAYFA UST                                                  |
    +---------------------------------------------------------------+     */
.ust{
	position: relative;
	height: 140px;
}

	.logo{
		position: absolute;
		top: 30px;
		left: 0px;
		width: 170px;
		height: 85px;
		text-indent: -9999px;
		background: url(../images/logo.png) no-repeat;
	}
	
	.ust-menu{
	position:absolute;
	right: 0px;
	height: 25px;
	padding: 5px 5px 0px 5px;
	color: #fff;
	background: #2f2f2f;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	}

		.ust-menu a{
			font-size: .9em;
			color: #fff;
			padding: 0px 10px;
		}

	.menum{
		position: absolute;
		right: 0;
		top: 100px;
		height: 40px;
		font-size:14px;
	}	
		
	#menu {
		padding: 0px; 
		margin: 0px; 
		overflow: hidden; 
		background: url(../images/bg-menu-ara.png) 1px 0px; 
		text-shadow: 1px 1px 3px #000;
	}
		#menu ul {
			margin: 0px; 
			padding: 0px; 
		}
			#menu ul li {
				list-style-type: none; 
				display: block; 
				float: left;
				margin: 0px 1px;
			}
			#menu ul li a {
		   	font-size: 1.2em;
				display: block; 
				padding: 9px 20px;
				color: #fff; 
				text-decoration: none; 
				background: url(../images/bg-menu.png);
			}
			#menu ul li a:hover {
		   	background: url(../images/bg-menu.png) 0px -40px;
			}
				#menu ul ul {
					z-index: 500; 
					position: absolute; 
					top: 39px; 
					font-size: .9em;
					padding: 0px;
					margin-left: -1px;
					left: -9999px;
				}			
				#menu ul ul li {
					float: none;
					border: 0px;
				}
				#menu ul ul li a {
					display: block; 
					z-index:9999;
					color: #fff;
					background: url(../images/bg-menu2.png);		
					padding: 7px 20px;
				}
				#menu ul ul li a:hover {
					background: url(../images/bg-menu2.png) 0px -40px;
					color: #fff;
				}	
				#menu ul :hover ul {
					left: auto;
				}
				#menu :hover > a {
					cursor: pointer;
				}

/*  +---------------------------------------------------------------+
    | 3. ICERIK                                                     |
    +---------------------------------------------------------------+     */
    
 .links{
	font-size:10px;
	text-height:16;
	font-family:Verdana, Geneva, sans-serif;
	color: #000;
	background-color: #999;
	margin-top: 5px;
	margin-left: 20px;
	padding: 5px;
	margin-right: 10px;
		 } 
		 
.orta{
	
	margin-top: 10px;
}

	.orta .kapak{
		width: 950px;
		height: 300px;
		background: url(../images/bg-kapak.png) no-repeat;
	}
		
	.orta .foto{
		float: right;
		width: 500px;
		height: 300px;
	}	

.orta .uclu{
	width: 950px;
	margin-top: 10px;
}
	.uclu div{
		background: url(../images/bg-uclu.png) no-repeat bottom;
		height: 250px;
		float: left;
		width: 310px;
	}
		
		.uclu div p{
			padding: 0px 10px;
			font-size: .9em;
			}	
			
	.uc1{
		margin-right: 10px;
	}
		.uc1 h3{
	text-indent: -9999px;
	width: 310px;
	height: 100px;
	cursor: pointer;
	background-image: url(../images/utilaje-pvc.jpg);
	background-repeat: no-repeat;
		}
	.uc2{
		margin-right: 10px;
	}
		.uc2 h3{
	text-indent: -9999px;
	width: 310px;
	height: 100px;
	cursor: pointer;
	background-image: url(../images/utilaje-termopan.jpg);
	background-repeat: no-repeat;
		}	
	.uc3{

	}
		.uc3 h3{
	text-indent: -9999px;
	width: 310px;
	height: 100px;
	cursor: pointer;
	background-image: url(../images/piese-schimb-utilaje.jpg);
	background-repeat: no-repeat;
		}
			.uc4{
		margin-right: 10px;
	}
		.uc4 h3{
	text-indent: -9999px;
	width: 310px;
	height: 100px;
	cursor: pointer;
	background-image: url(../images/accesori-si-feronerie.jpg);
	background-repeat: no-repeat;
		}
	.uc5{
		margin-right: 10px;
	}
		.uc5 h3{
	text-indent: -9999px;
	width: 310px;
	height: 100px;
	cursor: pointer;
	background-image: url(../images/servicii-si-lucrari.jpg);
	background-repeat: no-repeat;
		}	
	.uc6{

	}
		.uc6 h3{
	text-indent: -9999px;
	width: 310px;
	height: 100px;
	cursor: pointer;
	background-image: url(../images/alte-utilaje-industriale.jpg);
	background-repeat: no-repeat;
		}



.orta .icerik{
	background: #efefef url(../images/bg-sayfa-icerik.png) no-repeat;
	padding-bottom: 20px;
}		
	
	.referanslar{
	width: 910px;
	height: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	}
	
		.referanslar h2{
			background: url(../images/bg-sayfa-baslik.gif) repeat-x; 
			display: block;
			color: #fff;
			margin: 0px -20px; 
			height: 50px;
			font-size: 2.2em;
			font-weight: normal;
			padding: 5px 0px 0px 20px;
		}

	.sol{
	width: 590px;
	padding: 0px 20px 40px 20px;
	float: left;
	min-height: 240px;
	color: #00F;
	}
		.sol h1{
	color: #06F;
	font-size: 16px;
	font-weight: bold;
		}
	
		.sol h2{
	background: url(../images/bg-sayfa-baslik.gif) repeat-x;
	display: block;
	color: #fff;
	height: 50px;
	font-size: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: -20px;
	margin-bottom: 0px;
	margin-left: -20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
		}

		.sol h3{
	font-size: 1.1em;
	color: #2d4560;
		}			
			
	.sag{
		float: right;
		width: 320px;
		height: 50px;
		background: url(../images/bg-sayfa-baslik.gif) repeat-x; 
	}
	
		.sag .cerceve{
			background: url(../images/bg-sayfa-cerceve.png) bottom no-repeat;
			padding: 20px;
		}
		
		
		.sag-menu{
			background: #efefef;
			margin-top: -10px;
		}
	
			.sag-menu h3{
	background: #2D4560;
	font-size: 16px;
	color: #fff;
	display: block;
	padding: 8px 20px;
	height: 25px;
			}	
			
			.sag-menu ul{
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			.sag-menu ul li a{
					padding: 6px 10px 5px 20px; 
					border-top: 1px solid #ccc;
					border-bottom: 1px solid #fff;
					display: block;
					width: 248px;
					color: #CE6628;
					font-size: 1.1em;
					margin: 0px 1px;
				}
			.sag-menu ul li a:hover{
					color: #2d4560;
					background: #f5f5f5;
					text-decoration: none;
				}				
			.sag-menu .secili{
					color: #2d4560;
					background: #f5f5f5;
					padding: 6px 10px 5px 20px; 
					border-top: 1px solid #ccc;
					display: block;
					width: 248px;
					font-size: 1.1em;
					font-weight: bold;
					margin: 0px 1px;
				}	



/*  +---------------------------------------------------------------+
    | 4. SAYFA ALT                                                  |
    +---------------------------------------------------------------+     */

.alt{
	width: 100%;
	margin: 0;
	background: url(../images/bg-alt.png);
	height: 190px;
	margin-top: 20px;
}

	.alt-ic{
		width: 950px;
		margin: 0 auto;
		padding-top: 110px;
		color: #fff;
		background: url(../images/logo-alt.png) no-repeat 894px 120px;
	}	
	
	.alt-ic a{
		color: #fff;
		padding:0px 20px;
		}
	.alt-ic a:hover{
		text-decoration: none;
		color: #999;
		}
		
		.alt-ic a:first-child{
			padding-left: 0px;
		}
	
	.alt-ic .logo{
		text-align: center;
		padding: 20px;
		margin-top: 20px;
		font-size: .9em;
		background: url(../images/logo-alt.png) no-repeat center top;
	}


/*  +---------------------------------------------------------------+
    | 5. OZEL TANIMLAR                                              |
    +---------------------------------------------------------------+     */

.sayfa-yolu{
	 font-size: .8em;
	 color: #333;
	 width: 950px;
	 padding-bottom: 10px;
}
.sayfa-yolu a{ color: #666;}
.sayfa-yolu a:hover{	color: #333; text-decoration: none;}

.uyelik td{
	vertical-align: top;
}

.uyelik select{
	width: 180px;
}
.lbl{
	margin: 0;
	font-weight: bold;
	text-align: right;
}
	
	.lbl span{
		font-size: .8em;
		font-weight: normal;
		display: block;
		margin-top: -3px;
		margin-bottom: 10px;
		color: #AD836E;
	}
	

.tablo{
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
.tablo caption{
	color:#ce6628;
	font-weight:bold;
	caption-side:top;
	border-bottom:2px solid #2d4560;
	text-align:left;
	padding: 10px 8px;
	background:#fff;
	}
	
.tablo tbody td:first-child{width: 190px; vertical-align: top;} /* tablo sol taraftaki yazı genişliği için hizalama */

.tablo td{
	border-bottom: 1px solid #ccc;
	color: #999;
	color: #333;
	padding:6px 10px;
}

.tablo td td { /* sağda rad combobox padding sapıtması */
	padding:0px;
	border-bottom:none;	
}	


input{
	font-family: Arial, Helvetica, sans-serif;
}

textarea{
	height: 100px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
}

a.buton{
	display: block;
	width: 90px;
	padding: 8px 15px;
	text-decoration: none;
	background: #ce6628;
	color: #fff;
	text-align: center;
	font-weight: bold;
	float: right;
	margin: 10px 0px;
}

a.buton:hover{
	display: block;
	width: 90px;
	padding: 8px 15px;
	text-decoration: none;
	background: #2d4560;
	color: #fff;
	text-align: center;
	font-weight: bold;
	float: right;
	margin: 10px 0px;
}

a.buton:active{
	display: block;
	width: 90px;
	padding: 8px 15px;
	text-decoration: none;
	background: #666;
	color: #fff;
	text-align: center;
	font-weight: bold;
	float: right;
	margin: 10px 0px;
}

.info{
	font-style: italic; 
	font-size: .8em;
}

.kirmizi{
	padding: 0px 5px;
	color: red;
}


#dondur{
	width:280px;
	height:200px;
}
#dondur2{
	width:280px;
	height:350px;
}



ul li {
	list-style:none;
}
        
ul li a{
	color:#efefef;
}