@charset "UTF-8";
/********************************/
/* author Ugur Ozkan        	*/
/* updated 30.05.2014           */
/* agency Magma - hellomagma.com*/
/* copyright citirelma.com      */
/********************************/

body {
font-family : arial, sans-serif;
font-size : 12px;
color : #fff;
border : none;
margin : 0;
padding : 0;
background : #CDEEF7;
}
h1, h2, h3, h4, h5, h6, ul, li, iframe, p {
margin : 0;
padding : 0;
}
ul, ol {
list-style : none;
}
img, iframe {
border : none;
}
a {
text-decoration : none;
color : #fff;
}
:focus {
outline : none;
}
h1, h2, h3, h4, h5, h6 {
font-weight : normal;
font-style : normal;
}
@font-face {
font-family: 'titillium-boldupright';
src: url('fonts/titillium-boldupright-webfont.eot');
src: url('fonts/titillium-boldupright-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/titillium-boldupright-webfont.woff') format('woff'),
url('fonts/titillium-boldupright-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'titillium-regularupright';
src: url('fonts/titillium-regularupright-webfont.eot');
src: url('fonts/titillium-regularupright-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/titillium-regularupright-webfont.woff') format('woff'),
url('fonts/titillium-regularupright-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.wrap {
background : url(../img/bg.jpg);
width : 1020px;
height : 700px;
box-shadow : 0 0 8px #499DA8;
position : relative;
margin : 0 auto;
}
.sidebar {
width : 270px;
float : left;
height : 700px;
}
.sidebar .logo {
width : 257px;
height : 102px;
display : block;
background : url(../img/logo.png);
margin-top : 80px;
}
.sidebar ul {
margin-left : 80px;
margin-top : 80px;
}
.sidebar ul li {
font-family : titillium-boldupright;
font-size : 15px;
height : 30px;
}
.sidebar ul li a {
color : #2b404a;
display : block;
width : 186px;
padding-left : 5px;
line-height : 20px;
}
.sidebar ul li a:hover {
background : #07396E;
color : #fff;
}
.sidebar ul li a.selected {
background : #BF1E2E;
color : #fff;
}
.content {
width : 750px;
height : 700px;
float : left;
}
.social {
margin-left : 85px;
margin-top : 0px;
}
.tw {
width : 24px;
height : 24px;
display : inline-block;
background : url(../img/sosyal.png);
margin-left : 2px;
}
.fb {
width : 24px;
height : 24px;
display : inline-block;
background : url(../img/sosyal.png) -24px 0;
}
.tw:hover {
background-position : 0 -24px;
}
.fb:hover {
background-position : -24px -24px;
}
#content, .s {
list-style : none;
margin : 0;
padding : 0;
}
#content {
overflow : hidden;
width : 750px;
position : relative;
height : 700px;
float : left;
}
.s {
width : 750px;
position : relative;
}
.s .sub {
position : relative;
float : left;
width : 750px;
height : 700px;
}
.s .sub img {
position : absolute;
}
#citir-elma-nedir p {
margin-top : 210px;
margin-left : 16px;
position : absolute;
width : 300px;
z-index : 999;
}
#citir-elma-nedir p span {
font-family : 'titillium-boldupright';
font-size : 15px;
display : block;
line-height : 16px;
}
#citir-elma-nedir p span.bold {
font-family : 'titillium-boldupright';
font-size : 15px;
display : block;
}
#citir-elma-nedir p a {
text-decoration : underline;
}
#urunler p {
margin-top : 180px;
margin-left : 18px;
position : absolute;
width : 300px;
z-index : 999;
}
#urunler p span {
font-family : 'titillium-regularupright';
font-size : 15px;
display : block;
line-height : 20px;
}
#urunler p span.bold {
font-family : 'titillium-boldupright';
font-size : 15px;
display : block;
}
#urunler p a {
text-decoration : underline;
}
#e-ticaret p {
margin-top : 180px;
margin-left : 18px;
position : absolute;
width : 300px;
z-index : 999;
}
#e-ticaret p span {
font-family : 'titillium-regularupright';
font-size : 15px;
display : block;
line-height : 20px;
}
#e-ticaret p span.bold {
font-family : 'titillium-boldupright';
font-size : 15px;
display : block;
}
#e-ticaret p a {
text-decoration : underline;
}
#iletisim p {
margin-top : 350px;
margin-left : 26px;
position : absolute;
width : 300px;
z-index : 999;
}
#iletisim p span {
font-family : 'titillium-regularupright';
font-size : 15px;
display : block;
}
#iletisim p span.bold {
font-family : 'titillium-boldupright';
font-size : 15px;
display : block;
}
#iletisim p a {
text-decoration : underline;
}
.clear {
clear : both;
display : block;
margin : 0;
padding : 0;
width : 0;
height : 0;
float : none;
}
/* all */
::-webkit-input-placeholder { color:#aaa; }
::-moz-placeholder { color:#aaa; } /* firefox 19+ */
:-ms-input-placeholder { color:#aaa; } /* ie */
input:-moz-placeholder { color:#aaa; }
.posi_rela {
position : relative;
}
.bn {
border : none !important ;
}
.dn {
display : none !important ;
}
.db {
display : block !important ;
}
.fl {
float : left !important ;
}
.fr {
float : right !important ;
}
.bl0 {
border-left : none !important ;
}
.br0 {
border-right : none !important ;
}
.m0 {
margin : 0 !important ;
}
.p0 {
padding : 0 !important ;
}
.mt0 {
margin-top : 0 !important ;
}
.mb0 {
margin-bottom : 0 !important ;
}
.mt5 {
margin-top : 5px !important ;
}
.mb5 {
margin-bottom : 5px !important ;
}
.mt10 {
margin-top : 10px !important ;
}
.mb10 {
margin-bottom : 10px !important ;
}
.mt15 {
margin-top : 15px !important ;
}
.mb15 {
margin-bottom : 15px !important ;
}
.mt20 {
margin-top : 20px !important ;
}
.mb20 {
margin-bottom : 20px !important ;
}
.mt25 {
margin-top : 25px !important ;
}
.mb25 {
margin-bottom : 25px !important ;
}
.mt30 {
margin-top : 30px !important ;
}
.mb30 {
margin-bottom : 30px !important ;
}
.mr0 {
margin-right : 0 !important ;
}
.ml0 {
margin-left : 0 !important ;
}
.mr5 {
margin-right : 5px !important ;
}
.ml5 {
margin-left : 5px !important ;
}
.mr10 {
margin-right : 10px !important ;
}
.ml10 {
margin-left : 10px !important ;
}
.mr15 {
margin-right : 15px !important ;
}
.ml15 {
margin-left : 15px !important ;
}
.mr20 {
margin-right : 20px !important ;
}
.ml20 {
margin-left : 20px !important ;
}
.mr25 {
margin-right : 25px !important ;
}
.ml25 {
margin-left : 25px !important ;
}
.mr30 {
margin-right : 30px !important ;
}
.ml30 {
margin-left : 30px !important ;
}