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

.slider {
	width: 980px;
	height:545px;
	top:60px;
	left:5px;
	position: relative;
	z-index: auto;
	background-color: #D1CFD0;
	/*
	width: 136%;
	height: 611px;
	left:110px;
	overflow:hidden;
	*/
}

#slide {
	width: 980px;
	position: relative;
}

#slider img {
	width: 910px;
	height: 485px;
	margin: 0px;
	display: block;
	float: left;
}

#slide_ic1 {
	width: 470px;
	height:545px;
	position: relative;
	background: url('../images/slider_1.jpg') top left no-repeat;
	float:left;
	overflow: visible;

}

#slide_ic11 {
	width: 462px;
	height:342px;
	position: relative;
	float:right;
	overflow: hidden;
	z-index:500;
	cursor:pointer;

	border-right: 8px #00F6FF solid;
	border-bottom: 8px #00F6FF solid;
}

#slide_ic11 > *,
#images1 > * {
	width: 400px;
	height:350px;
	display: block;
	float: left;
}

#slide_ic111 {
	width: 462px;
	height:342px;
	position: relative;
	background-color: rgba(1, 248, 255, 0.7);
	float:left;
	
}

#slide_ic1111 {
	width: 362px;
	height:342px;
	position:absolute;
	float:right;
}

#slide_ic111 p {
	margin: 230px -55px 0 0;

	color: #fff ;
	font-size:28px;
	float:right;
}

#slide_ic12 {
	width: 292px;
	height:195px;
	position: relative;
	float:left;
	background: #FFFA9E url('../images/arselebatlama_com_iletisim_kesimlistesi.png') left top no-repeat;
}

#slide_ic12 p {
	margin: 120px -30px 0 0;

	color: #F8B56E ;
	font-size:28px;
	float:right;
}

#slide_ic13 {
	width: 175px;
	height:195px;
	position: relative;
	/*
	background-color: #D1CFD0;
	*/
	background-color: #53C605;
	float:left;
}

#slide_ic13 p {
	margin:20px 10px 0 15px ;
	float:left;
	color: #fff ;
	font-size:22px;
	line-height:30px;
}

#slide_ic2 {
	width: 510px;
	height:545px;
	position: relative;
	float:left;
}

#slide_ic21 {
	width: 500px;
	height:410px;
	background: url('../images/slider_2.jpg') top left no-repeat;

	border-left: 10px #31A6F6 solid;
	overflow: hidden;
	z-index:400;
	cursor:pointer;
}

#slide_ic21 > *,
#images2 > * {
	width: 430px;
	height:410px;
	display: block;
	float: left;
}

#slide_ic211 {
	width: 500px;
	height: 410px;
	position: relative;
	background-color: rgba(49, 165, 245, 0.6);
	float:left;

}

#slide_ic212 {
	width: 72px;
	float:right;
}

#slide_ic211 p {
	margin: 300px -60px 0 0 ;

	color: #fff ;
	font-size:28px;
	float:right;
}

#slide_ic22 {

	width: 500px;
	height:125px;
	position: relative;
	float:left;
	background: #EF7D00;
	
	
	border-left: 10px #FEA257 solid;
	border-top: 10px #FEA257 solid;
}

#slide_ic22 p {
	margin:75px 25px 0 0;

	color: #fff ;
	font-size:28px;
	float:right;
	line-height:30px;
}


/*
.pagination {
	text-align: center;
	float:left;
	margin: 55px 0 0 720px; 
}

.pagination a {
	background: url(../images/slider_sec.png) no-repeat right top transparent;
	width: 35px;
	height: 4px;
	float:right;
	margin: 100px 2px 0 0;
	display: inline-block;
}

.pagination a.selected {
	background: url(../images/slider_sec.png) no-repeat left top transparent;
	cursor: default;
}

.pagination a span {
	display: none;
}
*/

.clearfix {
	float: none;
	clear: both;
}

/*
.seffaf_prev, .seffaf_next {
	height: 485px;
	position: absolute;
	z-index:777;
	background:rgba(41, 41, 41, 0.7);
}

.seffaf_next {
	width: 11.7%;
	margin:-544px 0 0 0;
	right: 0px;
	float: right;
}

.seffaf_prev {
	width: 67px;
	/*
	background: url(../images/sol_nav.png) no-repeat left top transparent;
	*/
	/*
	background: #000 url(../images/sol_nav_siyah.png) no-repeat left top transparent;

	margin:-544px 0px 0px 110px;

    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius:50px 0 0 45px;
	
}

a.next {
	width: 67px;
	height:485px;
	float: left;
	background: url(../images/prev_btn.png) no-repeat center transparent;
}
a.prev {
	width: 67px;
	height:485px;
	float: left;
	background: url(../images/next_btn.png) no-repeat center transparent;
}

a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none !important;
}
*/

/*

.wrapper {
	width: 840px;
}


.html_carousel {
	padding: 3px 0 0px 4px;
}

.container div.slide div {
	background-color: rgba(0, 0, 0, 0.6);
	width:270px;
	display: none;
	position: absolute;
	bottom: 7px;
	z-index: 500;
}
.container div.slide h4 {
	font-size: 18px;
	padding: 80px 0 0 5px;
}
.container div.slide p {
	font-size: 12px;
	padding: 0 0 0px 15px;
}
.container div.slide p5 {
}
.container div.slide h4, .container div.slide p {
	color: white;
	margin: 0;
}
.container div.slide h4, .container div.slide p5 {
	background:url(../images/bakincele_com_videokapak_etiket.png) repeat-x;
	position: absolute;
	width:260px;
	height:25px;
	font-size:10px;
	color:#FFFFFF;
	bottom: 7px;
	left: auto;	
	padding: 5px 0px 0px 10px;
}
.container div.slide h4, .container div.slide p21 {
	position: absolute;
	width:270px;
	height:25px;
	font-size:18px;
	color:#FFFFFF;
    font: 300 18px 'Lucida Grande',Tahoma,Verdana,sans-serif;
    text-shadow: 1px 1px 0px rgb(0, 0, 0);
    margin: 15px 0px 45px 20px;
    text-align: left;
}
.container div.slide h4, .container div.slide p22 {
	background-color:#333 transparent;
	position: absolute;
	width:270px;
	height:25px;
    text-shadow: 1px 1px 0px rgb(0, 0, 0);
    text-align: left;
	margin-left:20px;
	bottom: 20px;
}

.seffaf_prev, .seffaf_next {
	width: 20%;
	height: 520px;
	position: absolute;
	z-index:auto;
	background:rgba(29, 29, 29, 0.7);
}

.seffaf_next {
	margin:-522px -1.2% 0 0;
	right: 15px;
	float: right;
}

.seffaf_prev {
	margin:-522px 0px 0px -1.2%;
	left: 15px;
	float: left;
}

a.prev, a.next {
	width: 50px;
	height: 98px;
	top: 220px;
	position: absolute;
	z-index:auto;
}
a.next {
	background: url(../images/alt_next_b.png) no-repeat transparent;
	right: 50px;
	float: right;
}
a.prev {
	background: url(../images/alt_prev_b.png) no-repeat transparent;
	left: 50px;
	float: left;
}

a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}

a.prev {			left: -22px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: -22px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }

.pager {
	float: left;
	width: 300px;
	text-align: center;
}

.pager a {
	margin: 0 5px;
	text-decoration: none;
}

.pager a.selected {
	text-decoration: underline;
}

.timer {
	background-color: #404040;
	height: 4px;
	width: 0px;
}


*/