/*
Theme Name: SMS Teknoloji
Theme URI: http://www.smsteknoloji.com

	SMS Teknoloji;
	Temanin tüm haklari onu tasarlayan ve bu bölümde adi geçen kisiye aittir.
*/
body {background:#2a2a2a url(images/ust_arkaplan.png) repeat-x top left; margin: 0px; font-family: Verdana, sans-serif; color: #4f4f4f; font-size: 70%; text-align:left; padding:0; margin:0;}
em {font-size: 12px; color: #999999; font-style: italic;}
a:link, a:visited { color: #2b2c2e; text-decoration: none; font-weight:bold;}
a:hover, a:active { color: #b13200; text-decoration: none; font-weight:bold;}
a img { border: none;}
p img {padding: 0; max-width: 100%;}
img.aligncenter { display: block; margin-left: auto; margin-right: auto;padding: 4px;} 
img.alignright { padding: 4px; margin: 0 0 2px 5px; display: inline;}
img.alignleft { padding: 4px; margin: 0 5px 5px 0; display: inline;}
img.alignnone{ position: relative; margin: 5px 10px 0px 0px; padding:2px;  float:left; max-width:600px; list-style:none;}
ul { list-style: none; }
.alignright { float: right;}
.alignleft { float: left}
div, ul, p, h1, h2, h3, h4, img{padding:0; margin:0;}

/*Ust Bolum*/
#cerceve{color:#3b3b3b; width:100%; float:left;}

/*Anasayfa*/
#anasayfa{ color:#3b3b3b; width:100%; float:left; padding:0; margin-top:220px; background: #fff url(images/anasayfa.png) repeat-x top left;}
.sitelerimiz{ position:relative; display:block; height:283px;}
.sitelerimiz{ display:block; margin-top:-28px; font-size:18px; color:#eee; text-align:center; text-shadow:#ccc 1px 0 1px;}
.sitelerimiz p{ text-align:center; padding:5px 0;}
.sitelerimiz img{ padding: 0 20px;}
/*ust bolum*/
#ust{ color:#3b3b3b; width:100%; float:left; padding:0; background:url(images/arkaplan_uzun.png) repeat-x top left;}

/*Logo*/
.logo{ position:relative; width:460px; height:75px; text-align:left; margin:0; padding-top:25px;}

/*Kategori menu*/
.kategori_menu{position:relative; margin:0; padding:0;}
.kategori_menu ul{ margin:2px 0 0 0; padding:0;}
.kategori_menu ul li{ float:left;  font-size:13px; text-align:center;}
.kategori_menu ul li a:link,.kategori_menu ul li a:visited{display:block; text-decoration: none; margin:0; padding:6px 45px 5px 45px; background:url(images/kat_cizgi.png) repeat-y top right; color:#fff;}
.kategori_menu ul li a:hover,.kategori_menu ul li a:active{display:block; margin:0; padding:6px 45px 5px 45px; background:url(images/kat_hover.gif) repeat-x top left; color:#fff;}
.detay{ display:block; font-size:10px; font-weight:normal; padding:3px 0;}

/*Manset*/
.manset{ display:block; margin:20px 0 0 0; padding:0; position:relative; background: url(images/manset_arkaplan.png) no-repeat top center; height:211px;}


/*Orta Bolum*/
#orta{ color:#3b3b3b; width:100%; float:left; padding:0; background: #fff url(images/orta.png) repeat-x top left;}
.orta_arkaplan{ background:url(images/orta_arkaplan.png) repeat-y 10px top;}
.ust_orta{ position:relative; margin:0; padding:15px 0 0 0; position:relative; background:url(images/ust_orta_arkaplan.png) no-repeat bottom left; height:30px;}

/*icerik*/
.icerik{ display:block; margin:0; padding:0; position:relative;}
.icerik_sol{ float:left; width:560px; margin:0; padding:0;}
.icerik_sol h1 { display:block; font-size:18px; padding:0 0 5px 40px;}
.icerik_sol h1 a:link, .icerik_sol h1 a:visited { color: #4f4f4f; text-decoration: none; font-weight:bold;}
.icerik_sol h1 a:hover, .icerik_sol h1 a:active { color: #333; text-decoration: none; font-weight:bold;}
.icerik_sol p{ margin-top:5px; padding:0 10px 0 40px; color:#4f4f4f; font-size:12px; line-height:18px;}
.uyari{ position:relative; border:1px solid #fff; background:#08c; color:#fff; display:block; padding:10px; font-size:10px; font-weight:normal; margin-left:40px; margin-bottom:10px;}
.hizmets{ position:relative; float:left; display:block; margin-top:8px; padding: 20px 0 0 40px; font-size:11px; color:#4f4f4f;}
.icerik_sag{float:left; position:relative; width:360px; margin:0; padding:0;}
.icerik_sag img{ padding:0;}
.icerik_sag p{ margin-top:5px; padding:0 10px 0 40px; color:#4f4f4f; font-size:11px; line-height:18px;}
.projedurum{ position:absolute; bottom:10px; left:20px; background: #39F; color:#fff; padding:5px 10px;}
.yatay_cizgi{ width:898px; display:block; position:relative; margin-left:21px; padding:10px 0; background:url(images/yatay_cizgi.png) repeat-x left center; height:20px;}
.icerik label { display:block; font-weight:bold; color:#000; font-size:11px; margin:5px 0 2px; }
.icerik input,.icerik textarea,.icerik select { padding:4px; border:1px solid #eee; font-size:13px; width:480px; color:#999; }
.icerik input[type=submit],.icerik  input.submit { width:auto; background:#08c; border:1px solid #06a; color:#fff; font-weight:bold; margin-top:5px; cursor:pointer; width:auto; padding:5px; }
.icerik input[type=submit]:hover,.icerik  input[type=submit]:focus,.icerik  input.submit:hover,.icerik  input.submit:focus { background:#06a; color:#fff; }

/**/
.icerik_sols{ float:left; width:460px; margin:0; padding:0;}
.icerik_sols h1 { display:block; font-size:18px; padding:0 0 5px 40px;}
.icerik_sols p{ margin-top:5px; padding:0 10px 0 40px; color:#4f4f4f; font-size:12px; line-height:18px;}
.icerik_sags {float:left; position:relative; width:460px; margin:0; padding:0;}
.icerik_sags p{ text-align:center; padding:0;}

/*Bilgi Kutuları*/
.kutu_sol{ display:block; position:relative; margin:0; padding:0 10px 30px 40px;}
.kutu_sol h1{ display:block; font-size:16px;}
.kutu_sol p, .kutu_sag p{ margin-top:5px; padding:0; font-size:11px; line-height:16px; text-align:justify;}
.kutu_sag{display:block; position:relative; margin-right:25px; padding:0 20px 30px 10px;}
.kutu_sag h1{ display:block; font-size:16px;}
.detays{ position:absolute; right:10px; padding:10px 0;}


/*Adres - Tel - Faks*/
.adres{ display:block; position:relative; background:url(images/adres.png) no-repeat 35px top; margin:0; padding:0 0 5px 40px;}
.adres p{ margin-top:2px; padding:8px 10px 8px 40px; font-size:11px; line-height:16px;}
.kucuk_logo{ display:block; position:relative; text-align:center;}
.tel_faks{ display:block; position:relative; background:url(images/eposta.png) no-repeat right top; margin-right:35px; padding:0 0 15px 0x;}
.tel_faks p{ text-align:right; margin-top:5px; padding:0 40px 0 10px; font-size:11px;}

/*Alt Bolum*/
#alt{ color:#fff; width:100%; float:left; padding:0; background:url(images/alt_arkaplan.png) repeat-x top left;}
.alt_ust{ position:relative; margin:0; padding:0 0 11px 0; position:relative; background:url(images/alt_ust_arkaplan.png) no-repeat top left; height:35px;}
#alt p{ margin-top:7px; padding:0 15px;}
#alt a:link,#alt a:visited { color: #fff; text-decoration: none; font-weight:bold;}
#alt a:hover,#alt a:active { color: #eee; text-decoration: none; font-weight:bold;}
/*Hizmetlerimiz*/
.hizmetlerimiz{ display:block; position:relative; margin:0; padding:0;}
.hizmetlerimiz ul{ width:100%; float:left; margin:0; padding:15px 0 25px 0;}
.hizmetlerimiz ul li{ float:left; display:block; width:240px; padding:8px 0 5px 0; font-size:11px; font-weight:bold; margin:0 10px 0 18px; background: url(images/hizmet_cizgi.gif) repeat-x bottom left;}
.ok{ background:url(images/ok.gif) no-repeat left 3px; width:6px; height:6px; padding-right:10px;}

/*Logolar*/
.logolar{ display:block; position:relative; margin:0; padding:20px 0;}
.logolar img{ margin:5px 10px;}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.aralik{ position:relative; height:16px;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}