/* global reset*/
* {	padding: 0;	margin: 0;}
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
ul, li {	list-style-type: none;	margin: 0;	padding: 0;}

/*                            					 ======================================================================
								GLOBAL Format
								======================================================================
*/html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	text-align: center;
	font: 0.8em "Trebuchet MS",Verdana, sans-serif;
	background-image: url("../images/stripe.png");
	background-repeat: repeat-x;
	background-color: #8ba5bf;
	line-height: 1.8em;
	
}

p { 	
	font: 108% "Trebuchet MS",Verdana, sans-serif;
	margin-left: 2em;
	width: 80%;
	
}

em {
	font-weight: bold;
}

h1 {
	margin-bottom : .2em;
	font-weight: bold;
	font: 200% "Trebuchet MS",Verdana, sans-serif;
	margin-left: 1em;
	color: #295179;
	width: 80%;
}

h1 + p {
	font-weight: lighter;
	font: 120% "Trebuchet MS",Verdana, sans-serif;
	margin-left: 1.8em;
	color: #295179;
	line-height: 2.1em;
}

h2,h3,h4 {
	margin-bottom : .1em;
	margin-top: 1.2em;
	font-weight: normal;
	font: 150% "Trebuchet MS",Verdana, sans-serif;
	margin-left: 1.5em;
	color: #295179;
}

h5 {
	margin-bottom : .1em;
	margin-top: 1.2em;
	font-weight: normal;
	font: 100% "Trebuchet MS",Verdana, sans-serif;
	margin-left: 2.9em;
	color: #295179;
}
h5 +p {
	margin-bottom : .1em;
	margin-top: .5em;
	font-weight: normal;
	font: 108% "Trebuchet MS",Verdana, sans-serif;
	margin-left: 4.9em;
}

hr {
	border: none;
	background-color: #91c3dc;
	color: #4086aa;
	height: 1px;
	width: 80%;
	margin: 2em 0 2em 6em;
}

address {
	margin: 2em 2em 2em 4em;
	background-color: #ededed;
	width: 40%;
	padding: 1em;
	color: #000000;
}


address:hover{
	background-color: #C6C6C6;
}

/*                            	======================================================================
								Container Format
								======================================================================
*/

#container{
	width: 770px;
	margin: 0.6em auto;
	text-align: left;
	background-color: #ffffff;
	min-height: 900px;
}

/*                            					 ======================================================================
								Header Format
								======================================================================
*/

#header {
	float: left;
	width: 99.7%;
	height: 11em;
	background-color: #4BB7EE;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

/*                            					 ======================================================================
								logo in Header
								======================================================================
*/
#navlogo {
	float: left;
	position : relative;
	background-color: transparent;
	font-size: 1.5em;
	z-index: 6000;	
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	background-position: 10px 8px;
	width: 19%;
	height: 135px;
	padding-left: 1.5em;
}

#navlogo a{
	display:block; 
	text-indent:-9999px; 
	width: 125px; 
	height:126px;
	overflow: hidden;
	margin: .6em 4em 0 -1em;
	border-bottom: none;
}

/*                            	======================================================================
								FLAG
								======================================================================
*/
#flag {
		float: right;
		position: relative;
		background-image: url("../images/uk.png");
		background-repeat: no-repeat;
		background-position: 1px 8px;
}

#flag a {
	display:block; 
	text-indent:-9999px; 
	width: 20px;
	height: 25px;
	overflow: hidden;
}

#flag2 {
		float: right;
		position: relative;
		background-image: url("../images/tr.png");
		background-repeat: no-repeat;
		background-position: 1px 8px;
}

#flag2 a {
	display:block; 
	text-indent:-9999px; 
	width: 20px;
	height: 25px;
	overflow: hidden;
}

/*                            					 ======================================================================
								Css kapa
								======================================================================
*/
#csskapa {
		float: right;
		position: relative;
		margin: 2em -1.5em 2em 2em;
		font-size: 85%;
		color: #FF6633;
}

#csskapa a {
	display:block; 
	overflow: hidden;
	text-decoration: none;
	color: #0066CC;
}
#csskapa a:hover {
	color: #FFFFFF;
}
/*                            					 ======================================================================
								Navigation Menu
								======================================================================
*/

#nav {
	float: left;
	margin: -1.63em 0 0 8.79em;
	position : relative;
	width: 78%;
	background-color:  #fff;
	font-size: 1.5em;
	z-index: 6000;
	padding-top: 10px;
	padding-bottom: 5px;

}

#nav ul {	float: left;	padding-left: 0.4em;}
#nav ul a {color: #295179;}
#nav ul li{display: inline;}
#nav ul li ul{/*     for ie           */	margin-top: 1.96em;}
#nav ul ul {/*     for firefox              */	margin-top: 0.31em;}
#nav a {	
	text-decoration: none;
	color: #000;
	background: transparent;
	margin: 0.4em;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
position: absolute;
left: -169px;
font-size: 0.75em;
width: 127.2%;
background-color: #D4E1EC;
margin-top: 20px;
border-top: 3px solid #8CB1CC;
border-bottom: 1px solid #8CB1CC;
}

#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover, #smenu5 a:hover{color: #fff;}

ul #smenu1 li:hover, ul #smenu2 li:hover, ul #smenu3 li:hover, ul #smenu4 li:hover, ul #smenu5 li:hover {
	background-color: #336699;
	color: #ff0000;
}
/*                            					 ======================================================================
								Navigation - Right Menu Katilimcilar & Ziyaretciler 
								======================================================================
*/
ul#navigation {list-style-type: none; width: 39px;	height: 260px;display: block;position: relative;top: -20px;left: 35px; float: right;}
ul#navigation a{display: block;float: left;background-color: transparent; overflow: hidden; }
ul#navigation span {display: none;}
ul#navigation a.navi {	background: url("../images/katilimci.png") 0 0 no-repeat;	width: 55px;height: 128px;border-bottom: none;}
ul#navigation a.navi:hover {background: url("../images/katilimci.png") 54px 0 ;width: 50px;height: 128px; z-index: -99999;}
ul#navigation a.navie {	background: url("../images/exhibitors.png") 0 0 no-repeat;	width: 55px;height: 128px;border-bottom: none;}
ul#navigation a.navie:hover {background: url("../images/exhibitors.png") 54px 0 ;width: 50px;height: 128px; z-index: -99999;}

ul#navigation2 {list-style-type: none; width: 39px;	height: 260px;display: block;position: relative;top: 110px;left: 74px; float: right;}
ul#navigation2 a{display: block;float: left;background-color: transparent; overflow: hidden; }
ul#navigation2 span {display: none;}
ul#navigation2 a.navi2 {	background: url("../images/ziyaretci.png") 0 0 no-repeat;	width: 55px;height: 128px;border-bottom: none;}
ul#navigation2 a.navi2:hover {background: url("../images/ziyaretci.png") 54px 0 ;width: 50px;height: 128px; z-index: -99999;}
ul#navigation2 a.navi2e {	background: url("../images/visitors.png") 0 0 no-repeat;	width: 55px;height: 128px;border-bottom: none;}
ul#navigation2 a.navi2e:hover {background: url("../images/visitors.png") 54px 0 ;width: 50px;height: 128px; z-index: -99999;}


/*                            					 ======================================================================
								readcrumb 
								======================================================================
*/
#bread {
	font: 95% "Trebuchet MS",Verdana, sans-serif;
	margin-left: 2em;
	width: 60%;
	margin-top: -20px;
	margin-bottom: 20px;
	
}

#content #bread a{
		text-decoration: none;
}
#content #bread a:link, a:visited{
		color: #1077AC;
		border-bottom: none;
}
#content #bread a:hover{
		color: #4BB7EE;	
		background-color: #fff;
}


/*                            					 ======================================================================
								 Main flash banner
								======================================================================
*/
#flash {
	margin: -1.4em .3em .5em .5em;
}

/*                            					 ======================================================================
								 Content Main
								======================================================================
*/

#content {
	float: left;
	width: 100%;
	background-color: #ffffff;
	position : relative;
	padding-top: 2em;
	border-top: 25px solid #D4E1EC;
	font : 92%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif; 
	color : #333; 
	padding-bottom: 3em;
}

/*                            					 ======================================================================
								Content UL Style
								======================================================================
*/
ul#list {
	list-style-image: url("../images/ok.gif");
	margin: .5em 0 .5em 5em;
	width: 70%;
}

/*                            					 ======================================================================
								Content Link Style
								======================================================================
*/
#content a {text-decoration: none;}
#content a img {border: none;}
#content a:link, a:visited {color: #555; border-bottom: none;}
#content a:hover {color: #000; background-color: #e4eaf4;
  border-bottom: none;}
#content #art a{ 	border-bottom: none;	background-color: transparent;}
#content .cl1 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl2 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl3 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl4 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl5 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl6 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl7 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl10 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl11 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl12 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl13 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl14 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl15 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl16 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl17 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl18 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl21 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl23 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl25 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl26 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl29 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl30 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl31 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl32 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl33 a{ 	border-bottom: none;	background-color: transparent;}
#content .cl34 a{   border: none; }

#content #dl_logo a { 	border-bottom: none;	background-color: transparent;}
#content .gallery a { 	border-bottom: none;	background-color: transparent;}
#content #salon a { 	border-bottom: none;	background-color: transparent;}
#content #katalogbtn a {border-bottom: none;	background-color: transparent;}
/*                            					 ======================================================================
								Content Image Style
								======================================================================
*/
#content img {
	margin: 0 .5em 0 0;
 }
 
#content .image {
	margin: 2em 2em 2em 2em;
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
}
#content .image2 {
	margin: 2em 2em 2em 2em;
	position:relative;
	padding:8px;
	top: 8px;
	display: inline;
}
#content .image2 a{border-bottom: none;	background-color: transparent;}


 /*                            					 ======================================================================
								Content Dropshadow box Style
								======================================================================
*/
.dropshadow2{
	float:left;
	clear:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 30px !important;
	width: 370px;
	padding: 0px;
}

.dropshadow3{
	float:left;
	clear:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 30px !important;
	width: 550px;
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px 0px 0px 0px;
}

.innerbox ul{
	margin: 1em 1em 1em 4em;
	font-size: 120%;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}

/*                            					 ======================================================================
								Content Supporters, Sponsors etc.. list style
								======================================================================
*/

.cl1 {background: url("../images/arttek.png") no-repeat; width: 160px; background-color: transparent;	float: left; margin: 1em 0 0 3em;}
.cl1 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height:50px;
	overflow: hidden;
	margin: .6em 0 0 .6em;
	border-bottom: none;
	text-decoration: none;}
.cl2 {background: url("../images/next.png") no-repeat; width: 160px; background-color: transparent;	float: left; margin: 2em 0 0 3em;}
.cl2 a {	display:block; 
	text-indent:-9999px; 
	width: 140px; 
	height:20px;
	overflow: hidden;
	margin: .5em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
.cl3 {background: url("../images/dtm.png") no-repeat; width: 150px; background-color: transparent;	float: left; margin: 1.5em -1em 0 3em;}
.cl3 a {	display:block; 
	text-indent:-9999px; 
	width: 140px; 
	height:65px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}

.cl5 {background: url("../images/gvf.png") no-repeat; width: 150px; background-color: transparent;	float: left; margin: 1.5em 0 3em 1em;}
.cl5 a {	display:block; 
	text-indent:-9999px; 
	width: 145px; 
	height:55px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
.cl6 {background: url("../images/dtm.png") no-repeat; width: 120px; background-color: transparent;	float: left; margin: 1em 0 1em 3em;}
.cl6 a {	display:block; 
	text-indent:-9999px; 
	width: 120px; 
	height: 65px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
.cl7 {background: url("../images/tuyad.png") no-repeat 0 15px; width: 120px; background-color: transparent;	float: left; margin: 1.5em 0 3em 3em;}
.cl7 a {	display:block; 
	text-indent:-9999px; 
	width: 120px; 
	height: 65px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
	
.cl10 {background: url("../images/uydu_dunya.png") no-repeat 0 15px; width: 150px; background-color: transparent;	float: left; margin: .5em 0 3em 1em;}
.cl10 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 40px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
	
.cl11 {background: url("../images/tvbe.png") no-repeat 0 15px; width: 150px; background-color: transparent;	float: left; margin: .5em 0 3em 1em;}
.cl11 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 50px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
	
.cl12 {background: url("../images/turksat.png") no-repeat 0 15px; width: 150px; background-color: transparent;	float: left; margin: .5em 0 3em 0;}
.cl12 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 72px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}

.cl13 {background: url("../images/kosgeb.png") no-repeat 0 15px; width: 150px; background-color: transparent;	float: left; margin: .5em 0 3em 3em;}
.cl13 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 50px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
	
.cl14 {background: url("../images/dsmart.png") no-repeat 0 15px; width: 150px; background-color: transparent;	float: left; margin: .5em 0 3em 1em;}
.cl14 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 88px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
	
.cl15 {background: url("../images/dinamo.png") no-repeat 0 15px; width: ¨80px; background-color: transparent;	float: left; margin: .5em 0 3em 1em;}
.cl15 a {	display:block; 
	text-indent:-9999px; 
	width: 80px; 
	height: 160px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
	
	
.cl16 {background: url("../images/bthaber.png") no-repeat 0 15px; width: 150px; background-color: transparent;	float: left; margin: .5em 0 3em 1em;}
.cl16 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 88px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
	
.cl17{background: url("../images/ttnet.png") no-repeat 0 15px; width: 150px; background-color: transparent;	float: left; margin: .5em 0 3em 1em;}
.cl17 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 88px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}

.cl18 {background: url("../images/sony.png") no-repeat 0 15px; width: 150px; background-color: transparent;	
float: left; 
margin: 0 0 3em 3em;}
.cl18 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 26px;
	overflow: hidden;
	margin: .2em 0 2em .3em;
	border-bottom: none;
	text-decoration: none;}
	
	
.cl21 {background: url("../images/ratem.png") no-repeat 0 15px; width: 121px; background-color: transparent;	
float: left; 
margin: 1.0em 0 3em 1em;}
.cl21 a {	display:block; 
	text-indent:-9999px; 
	width: 120px; 
	height: 44px;
	overflow: hidden;
	margin: 2.2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
	
	
.cl23 {background: url("../images/sony.png") no-repeat 0 15px; width: 150px; background-color: transparent;	
float: left; 
margin: 0 0 3em 3em;}
.cl23 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 26px;
	overflow: hidden;
	margin: .2em 0 2em .3em;
	border-bottom: none;
	text-decoration: none;}
	
.cl25 {background: url("../images/trt.png") no-repeat 0 15px; width: 120px; background-color: transparent;	
float: left; 
margin: 1.0em 0 3em 1em;}
.cl25 a {	display:block; 
	text-indent:-9999px; 
	width: 120px; 
	height: 96px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}	
	
.cl26 {background: url("../images/rtuk.png") no-repeat 0 18px; width: 120px; background-color: transparent;	
float: left; 
margin: 1.0em 0 3em 1em;}
.cl26 a {	display:block; 
	text-indent:-9999px; 
	width: 120px; 
	height: 45px;
	overflow: hidden;
	margin: 2.2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
	
	
.cl29 {background: url("../images/radyocuyuz.png") no-repeat 0 15px; width: 150px; background-color: transparent;	float: left;margin: 0 0 0 0;}
.cl29 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 88px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
	
.cl30 {background: url("../images/radyocuyuz.png") no-repeat 0 15px; width: 150px; background-color: transparent;	float: left;margin: 0 0 3em 3em;}
.cl30 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 88px;
	overflow: hidden;
	margin: .2em 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
	
.cl31 {background: url("../images/best.png") no-repeat 0 15px; width: 150px; background-color: transparent;	float: left; 
margin: -2.5em 0 3em 2em;}
.cl31 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 88px;
	overflow: hidden;
	margin: 0 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}
.cl32 {background: url("../images/cable_quest.jpg") no-repeat 0 15px; width: 150px; background-color: transparent;	
float: left; 
margin: 0 0 3em 3em;}
.cl32 a {	display:block; 
	text-indent:-9999px; 
	width: 150px; 
	height: 35px;
	overflow: hidden;
	margin: .2em 0 2em .3em;
	border-bottom: none;
	text-decoration: none;}
	
.cl33 {background: url("../images/infosa_1.png") no-repeat 0 18px; width: 155px; background-color: transparent;	
float: left; margin: 0 0 3em 1em;}
.cl33 a {
	display:block; 
	text-indent:-9999px; 
	width: 155px; 
	height: 55px;
	overflow: hidden;
	margin: 0 0 0 .3em;
	border-bottom: none;
	text-decoration: none;}

.cl34 {background: background-color: transparent;	
}
.cl34 a {
	 
	text-indent:-9999px; 
	
	border-bottom: none;
	text-decoration: none;}
	

/*  	         			 ======================================================================
								Sergilenen URUNLER
								======================================================================
*/	
#urunler {
	width: 40%;
	float: left;
	margin: 1em 0 1.2em 2.2em;
}

#urunler ul {
	background-color: #8fb9df;
	margin-top: .8em;
	padding: 2px;
	font-size: 120%;
	text-indent: 4px;
	color: #fff;
	font-weight: bold;
}

#urunler ul li {
	background-color: #fff;
	font-weight: normal;
	color: #000000;
	font-size: 70%;
	text-indent: 4px;
	
}

#urunler2 {
	position: relative;
	width: 40%;
	float: left;
	margin: 1em 0 1.2em 2.2em;
	top: -85px;
}
#urunler2 ul {
	background-color: #8fb9df;
	margin-top: .8em;
	padding: 2px;
	font-size: 120%;
	text-indent: 4px;
	color: #fff;
	font-weight: bold;
	
}

#urunler2 ul li {
	background-color: #fff;
	font-weight: normal;
	color: #000000;
	font-size: 70%;
	text-indent: 4px;
	
}

#urunler3 {
	position: relative;
	width: 40%;
	float: left;
	margin: 1em 0 1.2em 2.2em;
	top: -180px;
}
#urunler3 ul {
	background-color: #8fb9df;
	margin-top: .8em;
	padding: 2px;
	font-size: 120%;
	text-indent: 4px;
	color: #fff;
	font-weight: bold;
	
}

#urunler3 ul li {
	background-color: #fff;
	font-weight: normal;
	color: #000000;
	font-size: 70%;
	text-indent: 4px;
	
}
#urunler4 {
	position: relative;
	width: 40%;
	float: left;
	margin: 1em 0 1.2em 2.2em;
	top: -120px;
}
#urunler4 ul {
	background-color: #8fb9df;
	margin-top: .8em;
	padding: 2px;
	font-size: 120%;
	text-indent: 4px;
	color: #fff;
	font-weight: bold;
	
}

#urunler4 ul li {
	background-color: #fff;
	font-weight: normal;
	color: #000000;
	font-size: 70%;
	text-indent: 4px;
	
}

/*                            	======================================================================
								DOWNLOAD format
								======================================================================
*/
#dl_logo {
	width: 40%;
	overflow: hidden;
	background-color: #ffffff;
	margin: 2em 2em 2em 4em;
	padding: 4px;
	overflow: hidden;
	text-indent: -9999;
}

/*  	gallery example from http://dnevnikeklektika.com/en/css-gallery-layout-en */ 
.gallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
.gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:28%;
            margin: 2em 0 0 0;
			padding:10px 0;
            height:90px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
          }
.gallery a, .gallery img{
	display:block;
    width:100%;
}


.gallery a:link, .gallery a:visited, .gallery a:focus, .gallery a:hover, .gallery a:active{
    padding:3px;
    background:#eeefef;
    width: 160px;
	height:160px;
    border:1px solid #eeefef; /* We blend the border with the bg, as if it isn't there */
    position:absolute; 
	top:40%;
	left:30%; /* position it so that image's top left corner is in the center of the list item */
    margin:-51px 0 0 -41px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
}
.gallery a:hover{
	border:1px solid #dfdfdf;	
}
/* These are all optional, for decoration purpouses only */
.gallery{
    padding-bottom:40px;
    margin-top: 5px;
}
/*                            					 ======================================================================
								Ulke Sıralama
								======================================================================
*/
.sort {
	width: 80%;
}
.sort ul{
  float: left;
  width: 90%;
  margin: 2em 2em 2em 4em;
  padding: 2px;
  list-style: none;
}

.sort li{
  float: left;
  width: 8em;
  margin: 0;
  padding: 0;
}


/*                            					 ======================================================================
								Basvuru formu kutucuk
								======================================================================
*/
.text-border {
	padding: 5px 2px 5px 8px;
	border: 1px solid #e9e9e9;
	width: 60%;
	margin: 2em 0 2em 2em;
}


/*                            					 ======================================================================
								Table format
								======================================================================
*/
table.form {
	margin-left: 2em;
}
table.sample {
	border-width: 0px 0px 0px 0px;
	border-spacing: 2px;
	border-style: none none none none;
	border-color: red red red red;
	border-collapse: separate;
	background-color: white;
	margin-left: 4em;
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: none;
	border-color: gray gray gray gray;
	background-color: #91c3dc;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid;
	border-color: gray gray gray gray;
	background-color: #D4E1EC;
	-moz-border-radius: 0px 0px 0px 0px;
}





/*                            					 ======================================================================
								Salon format
								======================================================================
*/
#salon {
	background-color: #ededed;
	width: 40%;
	margin: 4em 1em 0 2em;
	float: left;
}
#salon:hover {
	background-color: #e9e9e9;
}
.buyuk {
	font-size: 180%;
}


#salon2 {
	background-color: #ededed;
	width: 80%;
	margin: 4em 1em 0 2em;
	float: left;
	text-decoration: none;
}


/*                            					 ======================================================================
								Form format
								======================================================================
*/


/*                            					 ======================================================================
								Online davetiye form style
								======================================================================
*/
#sort {
	width: 80%;
	margin: 2em 1em 0 4em;
}
#sort p:hover {
background-color: #ededed;}

#sort fieldset {
	width: 90%;
	height: 800px;
	padding-top: 10px;
}

#sort label {
width: 4em;
float: left;
text-align: right;
display: block;
 margin-right: 5em;
 font-size: 150%;
  }
 #sort input:hover {
background-color: #B5D729;
color: #000000;

  }
.input {
	height: 25px;
	font-size : 18px;
	text-align: left;
	padding: 2px;
}
.submit2  {
margin-left: 19.4em;
height: 30px;
	font-size : 18px;
}
#uyari {
	width: 70%;
	margin: 2em;
	background-color: #EBD993;
	padding: 2em;
}

#uyari-green {
	width: 85%;
	margin: 1em;
	background-color: #8BA5BF;
	color: #FFF;
	padding: 1em;
}

#uyari-red{
	width: 70%;
	margin: 2em;
	background-color: red;
	padding: 2em;
	font-weight: bold;
	color: #fff;
}

#uyari2 {
	display: block;
	padding: .33em;
	width: 70%;
margin-left: 2em;
	background-color: #ff0000;
	font-weight: bold;
	color: #fff;
}
#cikti {
	border: 4px solid #00B9F1;
	font: 150%;
	font-size : 16px;
	height: 580px;
	padding: 10px;
	width: 700px ;
	margin-left: -22px;
}
#cikti p{
	font-weight: bold;
}

.yonlen {
	text-align: center;
	width: 80%;
	font-size: 160%;
	color: #ee342a;
	border: 1px solid #000;
	padding: 4em;
}





/*                            					 ======================================================================
								FOOTER Format
								======================================================================
*/

#footer {	
	clear:both;
	background-color: #336699;
	height: 350px;
	background-image: url("../images/footer.png");
	background-repeat: repeat-x;
	padding-top: 2px;
	font-size: 90%;	
	margin-top: -.78em;
}

#footer a {
	color: #98BBDD;
}
#footer a:hover {
	color: #fff;
}
.altnav {
	width: 80%;
	margin: 20px 0 0 60px;
	text-align: left;
}
.altnav h4{
	color: #4BB7EE;
	margin-left: -.7em;
	text-decoration: none;
}
.altnav .col {
	float: left;
	margin: 0 1.2em 0 0;
}
.altnav .a1 {	width: 14%; }
.altnav .a2 {	width: 52%; top:10px; }
.altnav .a3 {	width: 42%; }

.altnav .a1 .selected {	
background-image: url("../images/here.png"); 
background-repeat: no-repeat;
padding-left: 2.2em;
}
.altnav .a1 li.selected {	
margin-left: -2em;
}
.clear {
	clear: both;
	
}
#border {
	border-bottom: 2px solid #48719A;
	display: block;
	margin-bottom: 20px;
	width: 100%;
}
#footer img {
	float: left;
	margin-left: 20px;
}
#footer p {
	color: #3F80BF;
	float: left;
}
#footer .fooleft{
	float: left;
	margin-top: .7em;
	padding-right: 10px;
	text-align: left;
	
}
.tobb {
	font-size: 85%;
	color: #3F80BF;
	text-align: left;
	margin-top: 5px;
}
/*                            					 ======================================================================
								misc
								======================================================================
*/
#katalogbtn {
	margin: 1em 0 2em 1em;
}

#katalogbtn a:hover{
	background-color: none;
}
#katalogbtn a {
	text-decoration: none;
}

#sort2 {
	width: 70%;
	margin: 2em 1em 0 4em;
}
#sort2 p:hover {
background-color: #ededed;}

#sort2 fieldset {
	width: 90%;
	height: 800px;
	padding-top: 10px;
}

#sort2 label {
width: 4em;
float: left;
text-align: right;
display: block;
 margin-right: 5em;
 font-size: 150%;
  }
  
#sort2 tr:hover {
background-color: #ededed;
 }

/*                            					 ======================================================================
								KONFERANS PROGRAM
								======================================================================
*/

table.konferans
{
margin-left: 2.3em;
margin-right: 2.3em;
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: %80;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.konferans td
{
background-color: #dedede;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;
}

table.konferans td.gun
{background-color: #EE342A;
color: #fff;
padding: 8px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

table.konferans td.oturum
{background-color: #8fb9df;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

table.konferans td.saat
{background-color: #91C3DC;
color: #fff;
padding: 8px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 16px;
font-weight: bold;}

table.konferans td.saato
{background-color: #8fb9df;
color: #fff;
padding: 8px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 16px;
font-weight: bold;}

table.konferans td.ana
{background-color: #3D525D;
color: #fff;
padding: 8px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 16px;
font-weight: bold;}
table.konferans td.altin
{background-color: #668A9C;
color: #fff;
padding: 8px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 16px;
font-weight: bold;}

.baslik {
	font-size: 18px;
	font-weight: bolder;
} 

.konf {
float:right;
width: 200px;
margin: 0.2em .2em;
clear:left;
}

.konfprog{
font-weight:bolder;
}

.kapanis_span {
width: 90%;
margin: 6em 1em 4em 1em;
color:#9b2c48;
font-size:18px;
}
.bullet li{
list-style-type:circle;
list-style:outside;
}

#paralel{

	float:right;
	width: 119px;
	padding: 2px;
	border: 1px solid #dedede;
	overflow-x: hidden;
	position: absolute;
	margin-right: 260px;
}

#yazi{
width: 520px;
padding: 0;
float:left;
margin-left: 24px;

font-size:112%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;

}

#sponsors {
	width: 150px;
	float: left;
	background-color: red;
	margin-left: 20px;
}

#sponsors a:link, #sponsors a:hover, #sponsors a:visited {
	display: inline;
}
#spoosors img {
	border: 0 none;
}

#sponsors ul{
	list-style-type: none;
	list-style-image: none;
}


table.katalog_table {
	border-width: 0px 0px 0px 0px;
	border-spacing: 3px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	font: 16px "Trebuchet MS",Verdana, sans-serif;
	margin-left: 1.7em;
}
table.katalog_table th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: #dedede;
	-moz-border-radius: 3px 3px 3px 3px;
	font: 4em;
	font-weight: bolder;
	color: #336699;
}
table.katalog_table td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: #dedede;
	-moz-border-radius: 3px 3px 3px 3px;
}

.logout {
	font-size: 18px;
	margin-left: 33em;
}

#error{
	background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;
}
#error_msg{
	background:#FBE3E4;color:#000000;border-color:#FBC2C4;font-size: 14px;font-weight: bolder;
}



.katalog_input {
	height: 25px;
	font-size : 20px;
	text-align: left;
	padding: .3em;
}

textarea#katalog_text{
	width: 350px;
	height: 100px;
	padding: .5em;
	font-size: 12px;
}
.products_input{
	height: 20px;
	font-size : 14px;
	text-align: left;
	padding: .1em;
}

.katalog_btn {
margin-left: 5em;	
}

.warning{
	font-size: 12px;
	color: #ff4545;
}

#konflist ul {
	margin-left: 3em;
	width: 350px;
	 
}
#konflist ul li {
	font-size: 14px;
	color:#0066CC;
	font-weight: bold;
}