@charset "utf-8";
body {
	background:url(/images/stripes_black.png) top repeat-x;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
.temizle{
	clear:both;
}
#logo{
	width:200px;
	height:142px;
	margin:10px auto;
	background:url(/images/logo.png) no-repeat left center;
}
#logo a img{
	width:200px;
	height:142px;
}

.brosur_urun{
	text-align:center;
}
.brosur_urun a img{
	width:100%;
	border: 1px solid #ccc;
}
.brosur_baslik{
	font-size:20px;
	margin:10px 0 10px 0;
}
.brosur_code{
	font-size:12px;
	color: #ccc;
	padding:3px 0;
}
.urun_icerik{
	padding:10px 0;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}