/*

Coffee Pacifica Web Sitesi
      by moomya 
http://www.moomya.com
----------------------------

Design: Mert Suvaydas (www.mertsuvaydas.com & www.m3rts.com)
Code & Implementation : Ugur Aydogdu (www.uguraydogdu.com & www.theugur.com )

*/


/* GENEL CSS OZELLIKLERI */ 

* {
	margin: 0;
	padding: 0;
}

body {text-align:center; background:url(images/bg.png) repeat; color:#CCC; font-family: 'lucida sans unicode', 'lucida grande', sans-serif;
font-size: 12px;  font-weight:lighter;}
	
a, a:visited {text-decoration:none;color:#c3a85e;}
a:hover, a:active {	text-decoration:none;color: #dab148; }
a img{border:none;}

.altin {color:#dab148;}
.bold{color:#c3a85e; color:#ffa034;}
.sol,.left{float:left;}
.sag,.right{float:right;}

h2{color:#c3a85e; font-family: georgia,serif;
font-size: 22px; font-weight:lighter; line-height: 0.9;}
h2 .big{font-size:28px;}
h3{color:#c3a85e; font-family: georgia,serif;
font-size: 18px; font-weight:lighter;}
fieldset{border:0 solid transparent;}
.required{color:#fc0;}
.hide{display:none;}
.bosluk{height:20px; clear:both;}
/* GENEL CSS OZELLIKLERI SONU */


/* üst bant  */

#ustbant {background:url(images/ustback.png) repeat-x;	height: 154px;	width:100%; /* 036baf ve %80 opacity */ }

.logocpbig {	margin:0px auto;	width: 392px;	height: 153px;	background:url(images/logo.png) no-repeat;}
.logocpbig h1 { display:none; }

/* üst bant  sonu */
/* menü */
#navigolg{ width: 1018px; margin:-108px auto;  height:109px; background:url(images/ustgolge.png) center no-repeat; }
#navigasyon { margin:0px auto;  width:800px;  font-size: 12px; }
#navigasyon ul {
height:80px;
list-style:none;
margin: 0px auto 0px 20px;
padding-top:70px;
overflow:hidden;
}
#navigasyon ul li { margin: 0px 0px 0px 15px; float:left; line-height:29px; height:29px; 
padding:0px 3px 0px 3px; }

#navigasyon ul a.aktif{background:url(images/bt-arka.gif) center repeat-x; border:2px solid #14519b;}

#navigasyon ul li a {display:block;color:#FFFFFF;  padding:0px 4px 0px 4px;}
#navigasyon ul li a:hover {color:#dab148;}


/* menü sonu */
/* içerik */

#contgolg{ padding-bottom:25px; margin:0px auto; width: 900px; background:url(images/cp_glow.png) bottom no-repeat; overflow:hidden; }
#content, #altcont {
	margin:0px auto;
	width:800px;
	overflow:hidden;
	background-color: #151515;
	padding: 0px;
}
#altcont { margin-top: -30px; padding-bottom:20px; }

#content #alone {
width: 796px;
overflow:visible;
padding: 20px 0px 20px 0px;
}
#content #solcont,#content #sagcont{
float:left; 
width: 373px;
overflow: visible;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 20px;
}

.alonex {width: 744px; margin: 0px auto 10px auto;  	text-align:left;}
.alonex p{ vertical-align:middle; padding: 10px 0 0px 0; text-indent:15px; }
.alonex ul.icic{ padding-left:30px; }
.alonex ul, .alonex dl{ margin-top:20px; padding-left: 20px; }
.alonex li{padding:4px 0 4px 0;}
.alonex dt {color:#dab148; margin-top:10px;}
.alonex dd {text-indent:10px;}
.alonex h2{ margin-top:20px; }
.haber {width: 340px; margin: 0px auto 10px auto;  	text-align:left;}
#haber2 { height: 195px; }


#urunmenu{position:absolute; margin-left:-47px; overflow:hidden;}
.yok{display:none;}
.lipsum{margin-left:240px;margin-top:56px;position:absolute; text-align:justify; width:500px;}
#urunmenu h2{margin-left:47px;}
#urunmenu ul{list-style:none; margin:20px 0; padding:0;width:207px;}
#urunmenu ul li{text-indent:-5000px; margin:-8px 0 0 0; }
#urunmenu ul li a{height:24px; width:207px; background-image:url(images/cp_urunler.png); background-position:0 0; background-repeat:no-repeat; display:block;}


#urunmenu .espresso a{background-position:0px -3px;}
#urunmenu .espresso a:hover{background-position:-207px -3px;}
#urunmenu .espresso a.aktif{background-position:-414px -3px;}
#urunmenu .fkahve a{background-position:0px -27px;}
#urunmenu .fkahve a:hover{background-position:-207px -27px;}
#urunmenu .fkahve a.aktif{background-position:-414px -27px;}
#urunmenu .arokahve a{background-position:0px -51px;}
#urunmenu .arokahve a:hover{background-position:-207px -51px;}
#urunmenu .arokahve a.aktif{background-position:-414px -51px;}
#urunmenu .dunkahve a{background-position:0px -75px;}
#urunmenu .dunkahve a:hover{background-position:-207px -75px;}
#urunmenu .dunkahve a.aktif{background-position:-414px -75px;}

#urunmenu .siyahcay a{background-position:0px -147px;}
#urunmenu .siyahcay a:hover{background-position:-207px -147px;}
#urunmenu .siyahcay a.aktif{background-position:-414px -147px;}
#urunmenu .aromacay a{background-position:0px -171px;}
#urunmenu .aromacay a:hover{background-position:-207px -171px;}
#urunmenu .aromacay a.aktif{background-position:-414px -171px;}
#urunmenu .yesilcay a{background-position:0px -195px;}
#urunmenu .yesilcay a:hover{background-position:-207px -195px;}
#urunmenu .yesilcay a.aktif{background-position:-414px -195px;}
#urunmenu .aryesilcay a{background-position:0px -219px;}
#urunmenu .aryesilcay a:hover{background-position:-207px -219px;}
#urunmenu .aryesilcay a.aktif{background-position:-414px -219px;}
#urunmenu .mbcay a{background-position:0px -242px;}
#urunmenu .mbcay a:hover{background-position:-207px -242px;}
#urunmenu .mbcay a.aktif{background-position:-414px -242px;}
#urunmenu .ozcay a{background-position:0px -267px;}
#urunmenu .ozcay a:hover{background-position:-207px -267px;}
#urunmenu .ozcay a.aktif{background-position:-414px -267px;}

#urunmenu .soguic a{background-position:0px -338px;}
#urunmenu .soguic a:hover{background-position:-207px -338px;}
#urunmenu .soguic a.aktif{background-position:-414px -338px;}
#urunmenu .siccuk a{background-position:0px -362px;}
#urunmenu .siccuk a:hover{background-position:-207px -362px;}
#urunmenu .siccuk a.aktif{background-position:-414px -362px;}
#urunmenu .gelic a{background-position:0px -386px;}
#urunmenu .gelic a:hover{background-position:-207px -386px;}
#urunmenu .gelic a.aktif{background-position:-414px -386px;}


.haber p{ vertical-align:middle; padding: 10px 0 0 0; }
.haber img { padding-right:10px; }

#border{
margin:20px auto 20px auto;
width: 93%;
border-bottom:1px solid #8a8a8a;
}
#border.altayrac{width:96%; margin:10px auto 0px auto;}

/* içerik son */

/* iletisim formu */

#form{width:396px;float:left;padding:0px 0 40px 0;}

#form label{color:#fff;display:block; margin-left:-15px;}

#form label.over {display:block;color: #8c8c8c;position:absolute;top:7px;left:10px;}
input:focus,textarea:focus,.error,.showpreview a:hover{border:2px solid #fc0;}


#form p.col{width:189px;position:relative;margin-right:3px;}

#form p{width:396px;margin:0;padding:0 0 15px;}

input,textarea{font:12px Tahoma, Arial, Helvetica, sans-serif;border:2px solid #333;background:#fefefe url(http://www.theugur.com/resim/bg-field.gif) repeat-x 0 0;margin:3px 0 0;padding:2px;}

textarea{overflow:auto;}

input.small{width:180px!important;padding:2px;}

input.large,textarea{width:386px!important;padding:2px;}
.submit{width:50px;height:24px;border:0 none;cursor:pointer;display:block;background:#2b2b2b url(http://www.theugur.com/resim/btn-submit.gif) no-repeat 0 0;margin:4px 0 0;}

#hizmetlergenel{text-align:center; margin-top:10px;}
#hizmetlergenel img{margin:0px 25px 0 25px;}
form#urunler { margin-top:10px;}
form#urunler select{
background-color:#ba9f5f;
color:#333333;
font-size:10px;
}
form#urunler input{font-size:10px;}
/* footer */
#footer {margin:0px auto; width:800px; }
.copy{ padding-top:2px; color:#AEAA9E; font-size: 10px;  float:right; margin-right:50px;}