/*---------------------------------------------------------------------- Name: Attucho Date: Mart 2013 Description: HTML5 ve CSS3 Version: 3.3 Author: Copyright(C)2012 Sinan Soydan Autor URL: http://www.sinansoydan.com ----------------------------------------------------------------------*/ /*---------------------------------------------------------------------- --[CSS KOD INDEX]-- 1. MAIN PAGE 1.2.MASTER PAGE 2. HEADER 2.1. LOGO 2.2. NAVIGATION 2.2.1 LANGUAGE BAR 2.2.2 SEARCH BOX 2.3. SLIDER 2.4. SOCIAL 3. ASIDE 3.1. FILE MANAGER 3.2. NEWS 3.3. ABOUT US 3.4. GALLERY 3.5. CORPORATE 3.6. SUB MASTER PAGE STYLE 3.6.1. PAGE CONTENT 3.6.2. ACCORDION NAVIGATION 3.6.3. BREADCRUMPS 3.6.4. PAGE PRINT 3.6.5. FONT SIZER 3.7. SUB PAGES STYLE 3.7.1. CONTACT 3.7.2. CORPORATE 3.7.3. GALLERY 3.7.4. NEWS 3.7.5. FILE MANAGER 3.7.6. ABOUT US 3.7.7. SERVICES 3.7.8. CLIENTS 3.7.9. PRODUCTS 4. FOOTER 4.1. AUTHOR 4.2. CERTIFICATION 4.3. NAVIGATION -----------------------------------------------------------------------*/ /* Imports */ @import url('normalize.css'); @import url('main.css'); /*---------------------------------------------------------------------- MAIN PAGE ----------------------------------------------------------------------*/ /*================================================================*/ /*MASTER PAGE*/ /*================================================================*/ body{ background:#EDEDED url(../images/body_bg.jpg) top repeat; } #masterPage { float:left; position:relative; background:url(../images/master_bg.png) top center repeat-x; height:auto; width:100%;} #masterPage #leftColumn {float:left; height:auto; width:202px; margin-left:8px; padding-top:58px;} #masterPage #leftColumn img {display:block; margin:10px 0;} /*================================================================*/ /*FONT*/ /*================================================================*/ @font-face { font-style: normal; font-family: 'HelveticaNeueCondRegular'; src: url('../font/helveticaneuecond-webfont.eot/'); src: url('../font/helveticaneuecond-webfont.eot/#iefix') format('embedded-opentype'), url('../font/helveticaneuecond-webfont.woff/') format('woff'), url('../font/helveticaneuecond-webfont.ttf/') format('truetype'), url('../font/helveticaneuecond-webfont.svg/#HelveticaNeueCondRegular') format('svg'); font-weight: normal; } @font-face { font-style: normal; font-family: 'MyriadProBlackCondBold'; src: url('../font/myriadpro-blackcond-webfont.eot'); src: url('../font/myriadpro-blackcond-webfont.eot#iefix') format('embedded-opentype'), url('../font/myriadpro-blackcond-webfont.woff') format('woff'), url('../font/myriadpro-blackcond-webfont.ttf') format('truetype'), url('../font/myriadpro-blackcond-webfont.svg#MyriadProBlackCondBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TFFHlvBlkExtraBlack'; src: url('../font/tff_hlkb-webfont.eot'); src: url('../font/tff_hlkb-webfont.eot#iefix') format('embedded-opentype'), url('../font/tff_hlkb-webfont.woff') format('woff'), url('../font/tff_hlkb-webfont.ttf') format('truetype'), url('../font/tff_hlkb-webfont.svg#TFFHlvBlkExtraBlack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('../font/opensans-bold-webfont.eot'); src: url('../font/opensans-bold-webfont.eot#iefix') format('embedded-opentype'), url('../font/opensans-bold-webfont.woff') format('woff'), url('../font/opensans-bold-webfont.ttf') format('truetype'), url('../font/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_lightregular'; src: url('../font/opensans-light-webfont.eot'); src: url('../font/opensans-light-webfont.eot#iefix') format('embedded-opentype'), url('../font/opensans-light-webfont.woff') format('woff'), url('../font/opensans-light-webfont.ttf') format('truetype'), url('../font/opensans-light-webfont.svg#open_sans_lightregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('../font/opensans-regular-webfont.eot'); src: url('../font/opensans-regular-webfont.eot#iefix') format('embedded-opentype'), url('../font/opensans-regular-webfont.woff') format('woff'), url('../font/opensans-regular-webfont.ttf') format('truetype'), url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_semiboldregular'; src: url('../font/opensans-semibold-webfont.eot'); src: url('../font/opensans-semibold-webfont.eot#iefix') format('embedded-opentype'), url('../font/opensans-semibold-webfont.woff') format('woff'), url('../font/opensans-semibold-webfont.ttf') format('truetype'), url('../font/opensans-semibold-webfont.svg#open_sans_semiboldregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'tff_hlv_condbold'; src: url('../font/tff_hlvf-webfont.eot'); src: url('../font/tff_hlvf-webfont.eot#iefix') format('embedded-opentype'), url('../font/tff_hlvf-webfont.woff') format('woff'), url('../font/tff_hlvf-webfont.ttf') format('truetype'), url('../font/tff_hlvf-webfont.svg#tff_hlv_condbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'tff_hlv_condnormal'; src: url('../font/tff_hlvc-webfont.eot'); src: url('../font/tff_hlvc-webfont.eot#iefix') format('embedded-opentype'), url('../font/tff_hlvc-webfont.woff') format('woff'), url('../font/tff_hlvc-webfont.ttf') format('truetype'), url('../font/tff_hlvc-webfont.svg#tff_hlv_condnormal') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TFFHlvCmprsBold'; src: url('../font/tff_hlcp-webfont.eot'); src: url('../font/tff_hlcp-webfont.eot#iefix') format('embedded-opentype'), url('../font/tff_hlcp-webfont.woff') format('woff'), url('../font/tff_hlcp-webfont.ttf') format('truetype'), url('../font/tff_hlcp-webfont.svg#TFFHlvCmprsBold') format('svg'); font-weight: normal; font-style: normal; } /*---------------------------------------------------------------------- HEADER ----------------------------------------------------------------------*/ header {position:relative; margin:0 auto; height:112px; width:947px; z-index:10;} .Language { float:right; width:auto; height:23px; padding: 0px 10px; padding-top:5px; background-color: #F1F0EB;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-top: 24px; } .Language ul { width:auto; margin:0; padding:0;} .Language ul li {display:block; float:left; color:#CCCCCC; font-size:13px;padding-right: 5px;border-right: 1px solid #CCC;} .Language ul li:last-child {border-right:none; padding-right: 0px;} .Language ul li a {font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size:13px; color: #5C5B5B; margin-right:5px; text-decoration:none;} .Language ul li a:hover { color:#FFFFFF;} .top1_Language .lang { float:right; width:auto; height:23px; padding: 0px 10px; padding-top:5px; background-color: #FE2E31;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-top: 24px; display:none; } .top1_Language .lang ul { width:auto; margin:0; padding:0; list-style:none;} .top1_Language .lang li {display:block; float:left; color:#fff; font-size:13px;padding-right: 5px;border-right: 1px solid #CCC; width:auto;list-style:none;} .top1_Language .lang li:last-child {border-right:none; padding-right: 0px; margin-left: 10px;} .top1_Language .lang li a {font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size:13px; color: #Fff; margin-right:5px; text-decoration:none;} .top1_Language .lang li a:hover { color:#FFFFFF;} .top1_pnlTopMenu {float: left; clear: both; margin-left: 216px; margin-top: 7px;} .ortaAlt {float: left; width: 100%; margin: 10px 0;} .ortaAlt img {width:719px;} .yorumyaz {margin:0; margin-top:20px;} .yorum_baslik {margin:0!important;} .yorum_baslik h1 {width:686px!important; height: 26px!important; font-size: 17px!important;} .yorum_baslik h1 a {padding: 2px 12px!important; height:auto!important; font-size: 11px!important;} .sonyorumlar {margin:0!important;} .sonyorumlar h1 {width:686px!important; height: 26px!important; font-size: 17px!important;} .paylas {margin-top:15px!important; margin-left:0!important; margin:10px 0;} .okunma {margin:0; margin-top:20px;display: block; clear: both; float: right; } .baslik {width:100%; margin-top:10px;} .baslik span {font-weight:bold;} .icerikDokuman {float:left; margin-left:15px; margin:10px; width: 100%!important; margin: 0!important;} .icerikDokuman div {width: 100%;} .icerikDokuman table {width: 100%;} .icerikDokuman table th { height:30px; padding:10px; background: #F3EFEA; font-size: 13px;} .icerikDokuman table td {padding:10px;} .icerikDokuman table td p {display:none;} .icerikDokuman table td a {color:#3B5997; text-decoration:none; } .icerikDokuman br {display:none;} .icerikResimleri {float:left; width:100%; padding: 10px 0; border-bottom: 1px solid #EBEBEB;} .icerikResimleri .itemImage {float:lefT; padding:5px; margin:10px; border:1px solid #EBEBEB; width: 201px!important;} .icerikResimleri .itemImage img{width:200px; height: 133px;} #ContentPlaceHolder1_pnlYorumYaz {margin:0!important; width:100%;} /*================================================================*/ /*LOGO*/ /*================================================================*/ /*#Logo {float:left; width:202px; height:173px; margin-left:10px; margin-top:0px; background-color:rgba(241, 240, 235, 0.62);}*/ #Logo {position:absolute;float: left; width: 202px; height: 160px; margin-left: 8px; background:#fff; border-bottom-left-radius: 17px;border-bottom-right-radius: 17px;} #Logo a {display:block; margin:0 auto; margin-top:10px; width:200px; height:137px;} #Logo img {display: block; margin: 0 auto; width: 184px; margin-top: 50px;} /*================================================================*/ /*SOCIAL*/ /*================================================================*/ #Social {float:right; width:200px; height:52px; clear:left; } #Social .socialMedia {float:right; width:45px; height:45px; margin-right:5px;} #Social .socialMedia img {float:right;} #Social .socialMedia p {float:right; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:9px; color:#666666; margin-right:5px;} .pnlUye{float: right;clear: right; margin-top: 35px;} .pnlUye a {text-decoration:none; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;} /*================================================================*/ /*NAVIGATION*/ /*================================================================*/ #NavigatorMenu {display:none;float:left; width:982px; height:46px; margin-left:8px; margin-top:12px; background:url(../images/menu_bg.png) left top no-repeat; ; padding-top:0px;} /*#NavigatorMenu .sf-menu, .sf-menu * {float:left; margin:0; padding:0; list-style:none; width:auto;} #NavigatorMenu .sf-menu {line-height:1.0; width:800px; margin-left:15px;} #NavigatorMenu .sf-menu ul {position:absolute; top:-999em; width:10em; padding:10px 10px 10px 10px; /* left offset of submenus need to match (see below) */} /*#NavigatorMenu .sf-menu ul li {width:100%; } #NavigatorMenu .sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} /*#NavigatorMenu .sf-menu li {float:left; position:relative;} #NavigatorMenu .sf-menu a {display:block; position:relative;} #NavigatorMenu .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0px; top:1.1em; /* match top ul list item height */ z-index:99;} /*#NavigatorMenu ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} #NavigatorMenu ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */ top:0;} /*#NavigatorMenu ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;} #NavigatorMenu ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;} /*** GORSEL DEGISIKLIK ALANI ***/ /*#NavigatorMenu .sf-menu {float:left; margin-bottom:1em;} #NavigatorMenu .sf-menu a {/*border-left: 1px solid #fff;*/ /*border-top:1px solid #CFDEFF;*/ text-decoration:none;} /*#NavigatorMenu .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ float: left; color:#000; font-size: 15px; font-weight:NORMAL; font-family:'tff_hlv_condbold', Arial, Helvetica, sans-serif; padding: 0 7px; color:#CCCCCC; display: block; letter-spacing: 0px; } /*#NavigatorMenu .sf-menu a:hover {color:#333; font-size: 15px; font-weight:NORMAL; font-family:'tff_hlv_condbold'; text-shadow:none; } #NavigatorMenu .sf-menu .current {color:#333; font-size: 15px; font-weight:NORMAL; font-family:'tff_hlv_condbold'; text-shadow:none;} #NavigatorMenu .sf-menu li {float: left; height:25px; padding-left: 1px;} #NavigatorMenu .sf-menu li li {font-family:Tahoma, arial; font-size:11px; font-weight:400; color:#151515; height:30px; background:rgba(255, 255, 255, 0.0); padding:2px; border-bottom:1px solid rgba(0, 0, 0, 0.1);} #NavigatorMenu .sf-menu li ul a {margin:0; padding:0px; padding-left:5px; padding-top:3px; color:#666; text-shadow:none; line-height:20px; height:25px;} #NavigatorMenu .sf-menu li ul a:hover {margin:0; padding:0px; padding-left:5px; padding-top:3px; color:#666; text-shadow:none; background-image:none; } #NavigatorMenu .sf-menu li li li {font-family:Tahoma, arial; font-size:12px; font-weight:400; color:#151515; background:#fff;} #NavigatorMenu .sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active { color:#ccc; font-size: 14px; font-weight:NORMAL; font-family:'Conv_tff_hlvf',; background: url(../images/nav-hover.png) repeat-x;} #NavigatorMenu .sf-menu li ul {border-top:4px solid rgba(0, 0, 0, 0.3); background:rgba(255, 255, 255, 0.5); top left; padding:10px; padding-right:15px;} #NavigatorMenu .sf-menu li ul li:hover {background:rgba(149, 161, 161, 0.3); } #NavigatorMenu .sf-menu .active {background: url(../images/nav-home-hover.png/);} /***HOME li***/ /*#NavigatorMenu .sf-menu li.home { padding-left: 0; background: url(../images/nav-home.png/) no-repeat 50% 50%; width: 64px; } /*#NavigatorMenu .sf-menu li.home a { width: 64px; text-indent: -9999em; overflow: hidden; padding: 0; } /*#NavigatorMenu .sf-menu li.home a:hover, #NavigatorMenu .sf-menu li.home a.active {background: url(../images/nav-home-hover.png/)} /*** arrows **/ /*#NavigatorMenu .sf-menu a.sf-with-ul {padding-right:1.7em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */} /*#NavigatorMenu .sf-sub-indicator {position:absolute; display:block; right:0.65em; top:0.04em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } /*#NavigatorMenu .sf-sub-indicator:hover {position:absolute; display:block; right:.75em; top:0.04em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */top:1.5em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ /*a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ /*#NavigatorMenu .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } #NavigatorMenu .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ /*#NavigatorMenu .sf-menu ul a:focus > .sf-sub-indicator, #NavigatorMenu .sf-menu ul a:hover > .sf-sub-indicator, #NavigatorMenu .sf-menu ul a:active > .sf-sub-indicator, #NavigatorMenu .sf-menu ul li:hover > a > .sf-sub-indicator, #NavigatorMenu .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/}*/ /*** shadows for all but IE6 ***/ /*#NavigatorMenu .sf-shadow ul {background: url('../images/shadow.png/') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } #NavigatorMenu .sf-shadow ul.sf-shadow-off {background: transparent;}*/ .sf-menu, .sf-menu * {float:left;margin:0; padding:0; list-style:none; width:auto; margin:0;} .sf-menu {line-height:1.0; width:705px; margin:0; padding:0; padding-left:7px;} .sf-menu ul {position:absolute; list-style:none; top:-999em; width:10em; padding:0 15px 5px 15px; box-shadow:2px 4px 4px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:2px 4px 4px 1px rgba(0,0,0,0.1); -moz-box-shadow:2px 4px 4px 1px rgba(0,0,0,0.1); /* left offset of submenus need to match (see below) */} .sf-menu ul li {width:100%; list-style:none; } .sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float:left; position:relative;} .sf-menu a {display:block; position:relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0px; top:1.8em; /* match top ul list item height */ z-index:99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */ top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;} .sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;} /*** GORSEL DEGISIKLIK ALANI ***/ .sf-menu {float:left; /*margin-bottom:1em;*/} .sf-menu a {/*border-left: 1px solid #fff;*/ /*border-top:1px solid #CFDEFF;*/ text-decoration:none;} .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ text-shadow: 1px 1px #747575; float: left; height: 46px; line-height:48px; color: #fff; font-size: 17px; /*font-weight: bold;*/ font-family:Calibri, Arial, Helvetica, sans-serif; padding: 0 13px;} .sf-menu li {float: left; list-style: none; height: 46px; padding-left: 1px; background: url(../images/nav-separator.png) no-repeat 0 0;} .sf-menu li li {font-family:Tahoma, arial; font-size:12px; font-weight:400; color:#151515; height:35px; background:#F7F7F7; padding:2px; border-bottom:1px solid #EAEAEA;} .sf-menu li ul a {margin:0; padding:0px; color:#666; text-shadow:none; line-height:35px; height:35px;} .sf-menu li ul a:hover {margin:0; padding:0px; color:#666; text-shadow:none; background-image:none;} .sf-menu li li li {font-family:Tahoma, arial; font-size:12px; font-weight:400; color:#151515; background:#fff;} .sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active { background: url(../images/nav-hover.png) repeat-x;} .sf-menu li ul {border-top:4px solid #BDBEBE; background:#F7F7F7 top left; padding:10px; padding-right:15px;} .sf-menu li ul li:hover {background: #CCC; } .sf-menu .active {background: url(../images/nav-home-hover.png/);} /***HOME li***/ .sf-menu li.home { padding-left: 0; background: url(../images/nav-home.png/) no-repeat 50% 50%; width: 64px; } .sf-menu li.home a { width: 64px; text-indent: -9999em; overflow: hidden; padding: 0; } .sf-menu li.home a:hover, .sf-menu li.home a.active {background: url(../images/nav-home-hover.png/)} /*** arrows **/ .sf-menu a.sf-with-ul {padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator {position:absolute; display:block; right:.75em; top:1.35em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */top:1.5em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ .sf-shadow ul {background: url('../images/shadow.png/') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; } .sf-shadow ul.sf-shadow-off {background: transparent;} .rocky {display:none;} /*---------------------------------------------------------------------- ASIDE ----------------------------------------------------------------------*/ aside { margin:0 auto; width:947px; height:auto; z-index:10; background-color:#FFFFFF; } #Aside { float:left; clear:both; height:auto; width: 947px; padding-left:0px; background:#FFF; /*outline: 5px solid rgba(255,255,255,0.3);*/ margin-bottom:40px; } #asideBottom {float:left; clear:both; width:947px; height: 38px; background:#5C5C5C; /*outline: 5px solid rgba(255,255,255,0.3);*/ margin-bottom:0; padding-top: 13px;} #asideBottom p {float:left; display:block; margin-left:15px; font-family:'open_sansregular', Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;} #asideBottom span {font-family:'open_sansregular', Arial, Helvetica, sans-serif !important; font-size:10px!important;} #asideTop { float:left; background:url(../images/slider_bottom.png) top no-repeat; width:1000px; height:38px;} #Aside #callTwit {float:left; clear:both; width:987px; height:55px;} #Aside #callTwit #sonTweet {float:left; background:url(../images/twitter_icon.gif) left top no-repeat; padding-left:41px; margin-top:25px; width:550px; height:30px;} #Aside #callTwit #sonTweet h6 {display:block; float:left; width:75px; clear:none; font-family:'tff_hlv_condbold', arial; font-size:16px; color:#666666; margin:0;} #Aside #callTwit #sonTweet p {display:block; float:left; font-family:'tff_hlv_condnormal',arial; font-size:16px; color:#666666; margin:0; width:350px; clear:none;} #Aside #callTwit #callMe {float:right; margin-top:10px; margin-right:17px;} @-webkit-keyframes fushiaPulse { from { background-color: #0DB3E5; -webkit-box-shadow: 0 0 10px #B95CC6; } 50% { background-color: #0DB3E5; -webkit-box-shadow: 0 0 10px #B95CC6; } to { background-color: #0DB3E5; -webkit-box-shadow: 0 0 10px #B95CC6; } } @-webkit-keyframes bluePulse { from { background-color: #0DB3E5; -webkit-box-shadow: 0 0 10px ##0099CC; } 50% { background-color: #0DB3E5; -webkit-box-shadow: 0 0 10px ##0099CC; } to { background-color: #0DB3E5; -webkit-box-shadow: 0 0 10px ##0099CC; } } #Aside #callTwit #callMe .userRegister {float:left; position:relative;margin-right:10px; background: url(../images/uyeol.png/) left top no-repeat; width:93px; height:34px; padding-left:60px; padding-top:17px; font-family:'open_sans_lightregular'; font-weight:normal; font-size:16px; color:#fff; text-decoration:none;z-index:50;} #Aside #callTwit #callMe .userRegister:hover { -webkit-box-shadow: 0 0 10px #B95CC6; -webkit-animation-name: fushiaPulse; -webkit-animation-iteration-count: infinite; -webkit-transition-duration: 2s;} #Aside #callTwit #callMe .userLogin {float:left; position:relative; background: url(../images/login.png/) left top no-repeat; width:84px; height:34px; padding-left:15px; padding-top:17px; font-family:'open_sans_lightregular'; font-weight:normal; font-size:16px; color:#fff; text-decoration:none; z-index:50;} #Aside #callTwit #callMe .userLogin:hover { -webkit-box-shadow: 0 0 10px #0099CC; -webkit-animation-name: bluePulse; -webkit-animation-iteration-count: infinite; -webkit-transition-duration: 2s;}} #Aside #leftColumn { float:left; width:190px;} #Aside #leftColumn #News {float:left; width:202px; margin-top:20px; margin-bottom:15px; display:none;} #Aside #leftColumn #News h1 {display:block; float:left; padding:5px; padding-left:10px; margin:0; width: 187px; height:25px;font-family:'open_sansregular'; font-weight:normal; font-size: 16px; color: #FFF; text-transform: uppercase; background:#5C5C5C;} #Aside #leftColumn #News .link {display: block; margin-top: 10px; margin-right: 12px; padding: 5px 8px 0 8px; height: 20px; background: #9B9A9A; float:left;} #Aside #leftColumn #News .link a {float: right; font-size: 12px; text-decoration: none; color: #FFF;} #Aside #leftColumn #News ul {float:left; clear:both; width: 202px; margin:0; margin-top:0px; padding:0; padding-left:0; background:#f3efea; } #Aside #leftColumn #News ul li {float:left; clear:both; list-style-type:none; margin: 10px 15px; padding-bottom:10px; border-bottom:1px solid #D9D8CE; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1); -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1); box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);} #Aside #leftColumn #News ul li abbr {display:block; float:left; border-right:3px solid #69B0E4; width:73px; height:32px; padding:0; font-family:'open_sans_lightregular'; font-weight:normal; font-size:18px; color:#8A8A8A; } #Aside #leftColumn #News ul li .detailsNews {float:right; width:170px; height:auto;} #Aside #leftColumn #News ul li h2 {float:left; clear:both; font-family:'open_sansbold'; font-size:11px; color:#333333; margin:0; line-height:none; margin-bottom:3px;} #Aside #leftColumn #News ul li h2 a {float:left; clear:both; font-family:'open_sansbold'; font-size:11px; color:#333333; margin:0; line-height:none; margin-bottom:5px; text-decoration:none;} #Aside #leftColumn #News ul li h2 a:hover {color:#07B6E7;} #Aside #leftColumn #News ul li p {float:left; clear:both; font-family:'open_sans_lightregular'; font-size:11px; color:#333333; margin:0; line-height:none;} #Aside #leftColumn #News ul li p a {float:left; clear:both; font-family: Tahoma, Helvetica, sans-serif; font-size:11px; color:#999; margin:0; line-height:none;text-decoration:none;} #Aside #leftColumn #News ul li p a:hover { color:#666;} #Aside #leftColumn #News #turaKatil {float:left; clear:both; width:100%; height:38px; margin-top:8px; margin-left:10px;} #Aside #leftColumn #News #turaKatil p {display:block; float:left; margin-right:15px; padding-top:12px; font-family:'open_sans_lightregular'; font-size:16px; color:#999; margin:0; line-height:none;text-decoration:none;} .newsExtra {float:left; clear:both; margin-top:15px;} @-webkit-keyframes bluePulse { from { background-color: #0DB3E5;; -webkit-box-shadow: 0 0 1px #ff80c0;; } 50% { background-color: #0DB3E5;; -webkit-box-shadow: 0 0 1px #ff80c0;; } to { background-color: #0DB3E5;; -webkit-box-shadow: 0 0 1px #ff80c0;; } } #Aside #leftColumn #News #turaKatil .button {display:block; float:left; text-decoration:none;font-family: arial; font-weight:bold; font-size: 15px; color: #ffffff; padding: 10px 15px; background: #FF80BF; margin-left:15px; background: -webkit-gradient(linear, left top, left bottom, from(#ff80c0), color-stop(0.25, #ff82c9), to(#ff80c0)); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 3px solid #f9f9f9; text-shadow:0px 1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);} #Aside #leftColumn #News #turaKatil .button:hover {background: #0DB3E5; color:white; -webkit-animation-name: bluePulse; -webkit-animation-iteration-count: infinite; -webkit-transition-duration: 2s; } #Aside #Services {float:left; height:331px; width:313px; margin-top:20px; margin-bottom:15px; padding-left:10px; border-left:1px #F0F0F0 solid; border-right:1px #F0F0F0 solid;} #Aside #Services h1 {display:block; float:left; clear:both; width:100%; font-family:'open_sansbold'; font-size:16px; color:#333333; margin:0; line-height:none; margin-bottom:5px; } #Aside #Services p {display:block; float:left; clear:both; width:100%; font-family:'open_sans_lightregular'; font-size:13px; color:#333333; margin:0;} #Aside #Services ul {float:left; margin:0; padding:0; clear:both; margin-top:20px;} #Aside #Services ul li { padding:5px; margin-bottom:10px; margin-left:20px; list-style: url(../images/square.gif);} #Aside #Services ul li a { list-style-type:none; background:none; padding:0; margin-top:3px; font-family:'open_sansregular'; font-size:11px; color:#333333; text-decoration:none; text-transform:uppercase;} #Aside #Services ul li a:hover {color:#07B6E7; background:none;} #Aside #Services a {display:block; float:left; clear:both; background:url(../images/watch_icon.png) 265px 6px no-repeat #EAEAEA; margin-top:10px; padding: 10px 170px 10px 10px; font-family: 'open_sans_lightregular'; font-size:16px; color:#333333; text-decoration:none;} @-webkit-keyframes greenPulse { from { background-color: #FFCEE7;; -webkit-box-shadow: 0 0 1px #ff80c0;; } 50% { background-color: #FFCEE7;; -webkit-box-shadow: 0 0 1px #ff80c0;; } to { background-color: #ff80c0;; -webkit-box-shadow: 0 0 1px #ff80c0;; } } #Aside #Services a:hover {background: url(../images/watch_icon.png) 265px 6px no-repeat #ff80c0; color:white; -webkit-animation-name: greenPulse; -webkit-animation-iteration-count: infinite; -webkit-transition-duration: 2s; } #Aside #Cars {float:left; height:331px; width:335px; margin-top:20px; margin-bottom:15px} #Aside #Cars .filo { position:relative; background:#E9E9E9; width:295px; height:226px; margin:0px 0px 0 15px; padding-left:15px;} #Aside #Cars .filo .mercedes {position:absolute; top:-85px; left:-47px;} #Aside #Cars .filo .carDetail {float:left; margin-top:130px;} #Aside #Cars .filo .carDetail h1{display:block; float:left; clear: both; width:100%; font-family:'open_sansbold'; font-size:17px; font-weight:bold; color:#1A566E; margin:0; line-height:none;} #Aside #Cars .filo .carDetail p {font-family:'open_sansregular'; font-size:11px; color:#333; margin:0; line-height:none;} #Aside #Cars .filo .carDetail a {display:block; margin-top:3px; font-family:'open_sansbold'; font-size:13px; font-weight:normal; color:#999999; text-decoration:none; padding:2px; padding-left:25px; background:url(../images/filo_icon.png) left no-repeat; } #Aside #Cars .certification {float:left; clear:both; margin-top:13px; margin-left:15px;} #Aside #Cars .certification a { margin-right:1px;} .twtr-hd {display:none;} .twtr-tweet-wrap {padding:0;} /*================================================================*/ /*SLIDER*/ /*================================================================*/ #Slider { float:left; width:720px; height:352px; margin-top:5px; background-color:#F2F2F2; overflow:hidden;} #Slider .Slider { position:relative; width:787px; height:340px; z-index:10;} #Slider .sliderBottom { position:absolute; z-index:20; top:416px; background:url(../images/slider_bottom.png) bottom no-repeat; width:1000px; height:38px;} /*================================================================*/ /*SEARCH*/ /*================================================================*/ #Search {position:relative; float:right; width:270px; height:40px; } .search {position:static; float:left; width:218px; height:26px; padding-left:10px; padding-top:5px; border:none; background:url(../images/search.png) center top no-repeat; margin-top:7px; margin-left:20px; font-family:'open_sans_lightregular'; font-size:12px; color:#333333; } .find {position:absolute; top:13px; right:30px; height:23px; width:27px; background:url(../images/find.png) 0px 23px; border:none;} .find:hover {background:url(../images/find.png) 0px 0px;} /*================================================================*/ /*CONTENTPAGE*/ /*================================================================*/ .content_page {float:left; width: 700px; height:auto; margin-left:8px;} /*.subpage h1 { float:left; clear:both; width:98%; height:62px; margin-top:6px; background:#F5F5F5; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:30px; color:#666; padding-top:13px; padding-left:15px;}*/ .subpage h1 { float: left; clear: both; width: 696px; height: 35px; margin-top: 6px; background: #F3EFEA; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 21px; color: #0e3a67; padding-top: 7px; padding-left: 15px; border-radius: 7px; } .subpage h1 a {float:right; width:auto; height:20px; margin-top:0px; margin-right:20px; padding:15px; background:#FF3300; font-family:'open_sansregular'; font-size:15px; color:#FFFFFF; text-decoration:none; text-align:center; border-radius: 6px; } .subpage h1 a:hover {background:#900;} .subpage #formpage { float:left; width:98%; padding-left:0px; padding-right:0px; height:auto; background:#FFF;} .formArea { float:left; width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px #E6E6E6 solid;} .subpage #formpage h1 {float:left; width:100%; display:block; background:none; padding-bottom:15px; border-bottom:1px #E6E6E6 solid;} .subpage #formpage h1 img {float:left; clear:none; margin-right:10px;} .subpage #formpage h1 p {float:left; display:block; width:90%; clear:right; margin:0; font-family:'open_sansregular'; font-size:18px; } .subpage #formpage h1 span {float:left; margin:0; width:90%; font-family:'open_sans_lightregular'; font-size:18px; color:#666666;} .subpage #formpage .formBox { float:left; width:100%; margin-top:5px; margin-bottom:5px; } .subpage #formpage .productInfo {float:left; height:48px; width:100%; background:#F2F8F9; padding-left:0px; width:97%;} .subpage #formpage .productInfo .productTitle {margin-top:15px;} .productHead {margin-top:5px;} .subpage #formpage .formBox .userInfo {float:left; width:148px; height:32px;} .subpage #formpage .formBox .userInfo p {float:left; margin:0; font-family:'open_sans_semiboldregular'; font-size:14px; margin-top:10px; margin-left:15px;} .subpage #formpage .formBox .userInfo p span { margin:0; color:#990000;} .subpage #formpage .formBox .userInfoBox {float:left; width:400px; height:auto; margin-left:10px; font-family:'open_sansbold'; font-size:14px; color:#333;} .subpage #formpage .formBox .userInfoBox .txtUser { float:left; height:32px; width:360px; padding-left:35px; border:5px #ccc solid; border-radius:4px; font-family:'open_sans_lightregular'; font-size:14px; color:#666; } .subpage #formpage .formBox .userInfoBox .txtAdress { float:left; width:360px; padding-left:35px; border:5px #ccc solid; border-radius:4px; font-family:'open_sans_lightregular'; font-size:14px; color:#666; } .subpage #formpage .formBox .userInfoBox .txtUserMail { float:left; height:32px; width:375px; padding-left:15px; border:5px #EEEEEE solid; border-radius:4px; font-family:'open_sans_lightregular'; font-size:14px; color:#666; } .subpage #formpage .formBox .userInfoBox .txtPass { float:left; height:32px; width:360px; padding-left:35px; border:5px #ccc solid; border-radius:4px; font-family:'open_sans_lightregular'; font-size:14px; color:#666; background:url(../images/passicon.jpg) 10px 7px no-repeat} .subpage #formpage .formBox .userInfoBox .telKod { float:left; height:32px; margin-right:5px; width:44px; padding-left:10px; border:2px #E9E9E9 solid; font-family:'open_sans_lightregular'; font-size:14px; color:#666; } .subpage #formpage .formBox .userInfoBox .telNumber { float:left; height:32px; width:136px; padding-left:10px; border:2px #E9E9E9 solid; font-family:'open_sans_lightregular'; font-size:14px; color:#666; } .subpage #formpage .formBox .userInfoBox .Soru { float:left; height:115px; width:400px; padding-left:10px; border:2px #E9E9E9 solid; font-family:'open_sans_lightregular'; font-size:14px; color:#666; } .subpage #formpage .formBox .userInfoBox .adres {float:left; clear:both; margin-bottom:5px; height:32px; width:400px; padding-left:10px; border:2px #E9E9E9 solid; font-family:'open_sans_lightregular'; font-size:14px; color:#666;} .subpage #formpage .formBox .userInfoBox .listBox { background:#E0E7E9; border:none; width:192px; height:32px; margin-bottom:10px;} .subpage #formpage .onlyBTN {float:left; height:30px; width:100%; margin-top:10px; margin-bottom:10px;} .subpage #formpage .formBox .userInfoBox select { float:left; clear:both; height:40px; width:250px; border:4px solid #ccc;} .subpage #formpage .formBox .userInfoBox span {float:left; clear:both;} .subpage #formpage .onlyBTN input{float: left;width: 105px;margin-top: 10px;margin-left: 305px;padding-left: 35px;background: #FF9900 url(../images/gondericon.png) 6px 5px no-repeat;padding-top: 2px;font-family: 'open_sansregular';font-size: 15; color : #FFFFFF;text-decoration: none; border-radius: 6px;height: 33px;border: none;} .subpage #formpage .onlyBTN a {float:left; width:70px; height:26px; margin-top:10px; margin-left:305px; padding-left:35px; background:#FF9900 url(../images/gondericon.png) 6px 5px no-repeat; padding-top:5px; font-family:'open_sansregular'; font-size:15; color:#FFFFFF; text-decoration:none; border-radius: 6px; } .rememberTime {float: left; width:550px; margin-left:15px;} .rememberTime h4 {float:left; display:block; clear:both; width:100%; margin-left:10px; margin-top:0; font-family:'open_sans_lightregular'; font-size:20px; color:#666;} .rememberTime span {float:left; display:block; clear:both; width:100%; margin-left:10px; margin-top:5px; font-family:'open_sans_lightregular'; font-size:14px; color:#333;} .rememberTime span a {font-family:'open_sans_lightregular'; font-size:12px; color:#5F97EB; text-decoration:none;} .rememberTime span a:hover {color:#F90;} /*================================================================*/ /*PRODUCTS*/ /*================================================================*/ #SubCategory {float:left; width:100%; height:100px; background:#F3F5F5; margin-top:05px;} #SubCategory h1 {display:block; margin-left:25px; font-family:'open_sansbold', Arial; font-size:16px; } #SubCategory ul {float:left; margin-top:5px; margin-left:0; padding-left:25px;} #SubCategory ul li { float:left; background:url(../images/iconsubcategory.png) 0px 9px no-repeat;; list-style-type:none; padding-top:3px; padding-left:15px; margin-right:15px; } #SubCategory ul li a { font-family:'open_sans_semiboldregular', Arial; font-size:14px; text-decoration:none; color:#666; padding-bottom:3px; } #SubCategory ul li a:hover {color:#F90;} #productContent {width:723px; height:auto; margin-top:5px; margin-bottom:30px;} #productContent h1 {display:block; float:left; height:35px; width:709px; background:#F5F5F5; padding-top:10px; padding-left:15px; color:#73503D; font-family: 'open_sans_semiboldregular'; font-size:17px;} .productBox {float:left; width:200px; height:245px;border:1px solid #EFEFEF; margin:13px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /*float: left; width: 193px; margin: 10px 0 35px 0; text-align: center; position: relative; height:215px;*/ } .productBox:hover {-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.20); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.20);}} .productBox img { display:block; margin:0 auto; clear:both; margin-top:15px;} .productBox .ebn { text-align: center; vertical-align: middle;display: table-cell; height:220px; height: 220px; width: 261px;} .productBox .imageBox{display:block; margin:0 auto; clear:both; /*margin-top:15px;*/ overflow:hidden; height:200px; width:200px;} .productBox .imageBox a {margin:0; padding:0;} .productBox .imageBox img {display:block; margin:0 auto;} .seperator {display:none;float: left; clear: both; border-bottom: 1px dotted #CCC; height: 2px; width: 100%; margin: 10px 0;} .pagelink {float:left; width: 100%; text-align:center; margin-top: 18px;} .pagelink b {margin:5px; background: #0e3a67; padding: 5px; color:#FFF;} .pagelink a {margin:5px; background: #CCC; padding: 5px; color:#FFF; text-decoration:none;} #divBuyukResim{text-align: center;vertical-align: middle;display: table-cell; height: 250px;width: 275px;} @-webkit-keyframes yellowPulse { from { background-color: #0DB3E5;; -webkit-box-shadow: 0 0 1px #ff80c0;; } 50% { background-color: #0DB3E5;; -webkit-box-shadow: 0 0 1px #ff80c0;; } to { background-color: #0DB3E5;; -webkit-box-shadow: 0 0 1px #ff80c0;; } } .productBox a {display:block; margin:0 auto; clear:both; width:auto; height:45px;margin:0; padding-bottom:0; text-align:center; margin-top:10px; text-decoration:none;} .productBox .incele {display:block; margin:0 auto; clear:both; width:auto; height:auto;margin:0; padding-bottom:0; text-align:center; margin-top:10px; text-decoration:none;} .productBox .incele:hover { background: #FF6700; color:white; -webkit-animation-name:yellowPulse; -webkit-animation-iteration-count: infinite; -webkit-transition-duration:1s; } @-webkit-keyframes h3Pulse { from {background:none; color: #0DB3E5; -webkit-box-shadow: 0 0 1px #ff80c0; } 50% {background:none; color: #0DB3E5; -webkit-box-shadow: 0 0 1px #ff80c0; } to {background:none; color: #0DB3E5; -webkit-box-shadow: 0 0 1px #ff80c0; } } .productBox a h3 { display:block; font-family:Tahoma, Helvetica, sans-serif; font-size:13px; font-weight:normal; background:none; color:#999999; text-decoration:none; margin:0; padding-bottom:0; ;} .productBox a h3:hover { display:block; font-family:Tahoma, Helvetica, sans-serif;; font-size:13px; font-weight:normal; background:none; color: #09F; text-decoration:none; margin:0; padding-bottom:0; -webkit-animation-name:h3Pulse; -webkit-animation-iteration-count: infinite; -webkit-transition-duration: 1s;} .productBox .incele {display:block; margin:0 auto; margin-top:7px; background:#000; font-family:tahoma; font-weight:bold; padding-top:8px; height:22px; width:116px; color:#fff; font-size:12px; border-radius: 6px;} .productSeperator {float:left; width:785px; clear:both; border-bottom:1px dotted #E4E4E4 ; margin-top:10px; margin-bottom:10px; height:3px;} #productCategory {float:left; width:730px; height:120px; background:#FBFBFB; margin-top:15px;} #altKategoriTablo {float:left; margin-left:0px; width:718px; height:120px;} #altKategoriTablo .kategoriAdi {float:left; clear:both; width:80%; margin-top:16px; margin-left:32px; height:34px;} #altKategoriTablo .kategoriAdi h1 {font-family:Arial; font-size:16px; font-weight:bold; color:#FF6600; margin:0; padding:0;} #altKategoriTablo .kategoriAdi p {font-family: 'TFFHlvCmprsBold'; margin:0; padding:0; font-size:20px; font-weight:bold; color:#00B0CA; margin-bottom:6px;} #altKategoriTablo nav {float:left; clear:both; margin:0; padding:0; margin-top:5px; margin-left:12px; height:70px; width:718px; background:none;} #altKategoriTablo nav ul { float:left; width:100%; margin:0; padding:0; margin-top:10px;} #altKategoriTablo nav ul li{ float:left; list-style-type: square; color:#5B7683; margin-left:40px; padding-left:0;} #altKategoriTablo nav ul li a {font-family:arial; font-size:13px; font-weight:bold; color:#5B7683;} .detailBorder {float:left; clear:both; background:url(../images/detailBorder.png/) left top no-repeat; width:982px; height:38px; margin-bottom:15px; margin-top:15px;} .detailBackground {background:url(../images/detailBG.png/) left top no-repeat;} #productContentDetail {float:left; width:100%; height:auto; margin-top:5px; margin-bottom:30px;} #productContentDetail h1 {display:block; float:left; height:35px; width:985px; background:#F5F5F5; padding-top:10px; padding-left:15px; color:#73503D; font-family: 'open_sans_semiboldregular'; font-size:17px;} .seperatorEk {width:985px!important;} #productDetail {float:left; clear:both; margin-top:10px; margin-left:10px; width:720px; height:auto;} /*#productDetail h1 {float:left; clear:both; width:100%; margin-bottom:5px; margin-top:0; font-family:'open_sansbold'; font-size:15px; font-weight:normal; color:#999999; text-decoration:none;}*/ #productDetail h1 { display: block; float: left; height: 35px; width: 695px; background: #F5F5F5; padding-top: 10px; padding-left: 15px; color: #73503D; font-family: 'open_sans_semiboldregular'; font-size: 17px; } } .infoTitle h1 h1 {float:left; clear:both; width:100%; margin-bottom:5px; margin-top:0; font-family:'open_sansbold'; font-size:15px; font-weight:normal; color:#999999; text-decoration:none;} #productDetail #productImage {float: left;width: 306px;margin: 0 !important; } #productDetail #productImage .imageBox { float:left; clear:both; border:5px solid #E5E5E5; padding:5px; width: 275px; height: 250px;} #productDetail #productImage .imageBox img {display:block; margin:0 auto; outline:none; width:277px;} #productDetail #productImage .imgThumb { float:left; clear:both; margin-top:5px; height:100px; width:285px; padding:5px;} #productDetail #productInfo {float:right; width:382px; margin-right:15px; } /*#productDetail #productInfo .infoTitle h1 {float:left; clear:left; margin:0; padding:0; width:580px; font-family:'open_sansbold'; font-size:30px; font-weight:normal; color:#333;}*/ #productDetail #productInfo .infoTitle h1 {float:left; clear:left; margin:0; padding:0; width:394px; height:auto; font-family:'open_sansbold'; font-size:18px; font-weight:normal; color:#333; background:none;} #productDetail #productInfo .infoTitle h3 {float:left; clear:left; width:auto; padding: 5px 55px 5px 10px; margin:0; background:#D6E7EB; font-family:'open_sansbold'; font-size:12px; font-weight:normal; color:#333;} #productDetail .conteniersocialShare {float:right; width:150px; height:auto; margin-top:5px; } #productDetail .conteniersocialShare .facebookShare {float:left;} #productDetail .conteniersocialShare .twitterShare {float:left; margin-left:5px; margin-top:5px;} #productDetail #productInfo .info {float:left; width:100%; font-size: 12px; height:auto; clear:both; padding-top:5px; padding-bottom:10px; border-bottom:1px #D6D6D6 dotted;} #productDetail #productInfo .info h4 {float:left; font-family:arial; font-size:13px; font-weight:normal; color:#666666; margin:0; padding:0; width:120px; margin-top:10px; } #productDetail #productInfo .info h4 span{ float:right;} #productDetail #productInfo .info p {float:left; font-family:arial; width:400px; font-size:12px; font-weight:normal; color:#666666; margin:0; padding:0; margin-top:10px; margin-left:20px;} #productDetail .paylas {float:left; /*margin-left:20px!important;*/ width: 44%;} #productShare {float:left; clear:both; margin-top:5px; background:#FAFAFA; height:100px; width:560px; padding:5px; padding-top:15px; padding-bottom:15px; } #productShare .socialFollow {float:left; height:36px; width:auto; margin-top:35px; margin-left:15px;} #productShare .socialFollow p {float:left; font-family:'open_sansregular'; font-size:12px; font-weight:normal; color:#666666; margin-right:20px;} #productShare .socialFollow p a {float:left; height:auto; width:auto; margin-left:5px;} #teklif {float:left; height:75px; width:100%; margin-top:15px;} #teklif .question {float:left; height:60px; width:auto;} #teklif .question a {float:left; width:116px; height:26px; margin-top:10px; background:#FF9900; padding-top:5px; font-family:'open_sansregular'; font-size:15; color:#FFFFFF; text-decoration:none; text-align:center; border-radius: 6px; } #teklif .offer {float:right; width:255px; height:52px; } #teklif .offer a {float:left; width:auto; padding: 5px 10px; height:21px; margin-top:10px; margin-left:20px; background:#FE6201; padding-top:5px; font-family:'open_sansregular'; font-size:15; color:#FFFFFF; text-decoration:none; text-align:center; border-radius: 6px; } #teklif .offerBox {float:left; margin-top:12px; margin-left:10px; border:none; width:37px; height:27px; background:url(../images/offerbox.png) left top no-repeat; text-align:center; font-family:'open_sansregular', arial; font-size:15px; color:#0099CC; } #offerform { float:left; width:600px; padding-left:20px; padding-right:20px; height:auto; background:#FFF;} .formArea { float:left; width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px #E6E6E6 solid;} #offerform h1 {float:left; width:100%; display:block; padding-bottom:15px; border-bottom:1px #E6E6E6 solid;} #offerform h1 img {float:left; clear:none; margin-right:10px;} #offerform h1 p {float:left; display:block; width:90%; clear:right; margin:0; font-family:'open_sansregular'; font-size:18px; } #offerform h1 span {float:left; margin:0; width:90%; font-family:'open_sans_lightregular'; font-size:18px; color:#666666;} #offerform .formBox { float:left; width:100%; margin-top:10px; margin-bottom:10px; } #offerform .productInfo {float:left; height:48px; width:100%; background:#F2F8F9; padding-left:0px; width:97%;} #offerform .productInfo .productTitle {margin-top:15px;} .productHead {margin-top:5px;} #offerform .formBox .userInfo {float:left; width:104px; height:32px;} #offerform .formBox .userInfo p {float:left; margin:0; font-family:'open_sans_semiboldregular'; font-size:14px; margin-top:10px; margin-left:15px;} #offerform .formBox .userInfo p span { margin:0; color:#990000;} #offerform .formBox .userInfoBox {float:left; width:400px; height:auto; margin-left:10px; font-family:'open_sans_semiboldregular'; font-size:14px; color:#333;} #offerform .formBox .userInfoBox .txtBox { float:left; height:32px; width:200px; padding-left:10px; border:2px #E9E9E9 solid; font-family:'open_sans_lightregular'; font-size:14px; color:#666; } #offerform .formBox .userInfoBox .telKod { float:left; height:32px; margin-right:5px; width:44px; padding-left:10px; border:2px #E9E9E9 solid; font-family:'open_sans_lightregular'; font-size:14px; color:#666; } #offerform .formBox .userInfoBox .telNumber { float:left; height:32px; width:136px; padding-left:10px; border:2px #E9E9E9 solid; font-family:'open_sans_lightregular'; font-size:14px; color:#666; } #offerform .formBox .userInfoBox .Soru { float:left; height:115px; width:400px; padding-left:10px; border:2px #E9E9E9 solid; font-family:'open_sans_lightregular'; font-size:14px; color:#666; } #offerform .formBox .userInfoBox .adres {float:left; clear:both; margin-bottom:5px; height:32px; width:400px; padding-left:10px; border:2px #E9E9E9 solid; font-family:'open_sans_lightregular'; font-size:14px; color:#666;} #offerform .formBox .userInfoBox .listBox { background:#E0E7E9; border:none; width:192px; height:32px; margin-bottom:10px;} #offerform .formBox .userInfoBox select { float:left; cleat:both; height:32px; width:200px; 4px solid #ccc;} #offerform .onlyBTN {float:left; height:30px; width:100%; margin-top:10px; margin-bottom:10px;} #offerform .onlyBTN a {float:right; width:70px; height:26px; margin-top:10px; margin-right:75px; padding-left:35px; background:#FF9900 url(../images/gondericon.png) 6px 5px no-repeat; padding-top:5px; font-family:'open_sansregular'; font-size:15; color:#FFFFFF; text-decoration:none; border-radius:6px; } #orderBy {float:left; width:100%; height:74px;} #orderBy {float:left; width:100%; height:74px;} #orderBy h1 {display:block; float:left; width:710px; height:50px; margin-right:10px; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:30px; color:#666; background:#F5F5F5; padding-top:15px; padding-left:10px;} #orderBy .basketEdit {float:left; padding-left:42px; padding-top:22px; padding-right:40px; background-color:#FFCC00; height:42px; width:167px; color:#fff; font-family: 'open_sans_semiboldregular'; font-size:21px; text-decoration:none; font-weight:bold; } #orderBy .basket {float:left; padding-left:62px; padding-top:22px; padding-right:20px; background:#FF9900 url(../images/spet.png/) 10px 15px no-repeat; height:42px; width:167px; color:#fff; font-family: 'open_sans_semiboldregular'; font-size:14px; text-decoration:none; font-weight:bold; } #orderContent {float:left; width:100%; height:auto; margin-bottom:15px;} #orderContent .productListHead {float:left; width:979px; height:42px; background:#F5F5F5;} #orderContent .productListHead .checkBox {float:left; width:56px; height:30px; margin-top:7px; border-right:2px #fff solid;} #orderContent .productListHead .productImage {float:left; width:176px; height:30px; margin-top:7px; border-right:2px #fff solid;} #orderContent .productListHead .productImage h4 {float:left; margin:0; padding:0; margin-left:10px; margin-top:4px; font-family: 'open_sansbold'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productListHead .productName {float:left; width:350px; height:30px; margin-top:7px; border-right:2px #fff solid;} #orderContent .productListHead .productName h4 {float:left; margin:0; padding:0; margin-left:10px; margin-top:4px; font-family: 'open_sansbold'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productListHead .ubbCode {float:left; width:150px; height:30px; margin-top:7px; border-right:2px #fff solid;} #orderContent .productListHead .ubbCode h4{float:left; margin:0; padding:0; margin-left:10px; margin-top:4px; font-family: 'open_sansbold'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productListHead .productCode {float:left; width:140px; height:30px; margin-top:7px; border-right:2px #fff solid;} #orderContent .productListHead .productCode h4{float:left; margin:0; padding:0; margin-left:10px; margin-top:4px; font-family: 'open_sansbold'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productListHead .productNumber {float:left; width:86px; height:30px; margin-top:7px;} #orderContent .productListHead .productNumber h4{float:left; margin:0; padding:0; margin-left:10px; margin-top:4px; font-family: 'open_sansbold'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productList { float: left; width: 979px; height: 80px; margin-top: 10px; padding: 5px 0 5px 0; margin-bottom: 10px; border-bottom: 1px #CCC solid; border-top: 1px #CCC solid;} #orderContent .productList .checkBox { float: left; width: 36px; height: 40px; margin-top: 7px; border-right: 2px rgb(187, 187, 187) solid; padding: 30px 0 0 20px; } #orderContent .productList .productImage {float:left; width:176px; height:70px; margin-top:7px; border-right:2px rgb(187, 187, 187) solid;} #orderContent .productList .productImage img {display:block; margin:0 auto;} #orderContent .productList .productImage h4 {float:left; margin:0; padding:0; margin-left:10px; margin-top:4px; font-family: 'open_sansregular'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productList .productName {float:left; width:350px; height:70px; margin-top:7px; border-right:2px rgb(187, 187, 187) solid;} #orderContent .productList .productName h4 {float:left; margin:0; padding:0; margin-left:10px; padding-top:23px; margin-top:4px; font-family: 'open_sansregular'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productList .ubbCode {float:left; width:150px; height:70px; margin-top:7px; border-right:2px rgb(187, 187, 187) solid;} #orderContent .productList .ubbCode h4{float:left; margin:0; padding:0; padding-top:23px; margin-left:10px; margin-top:4px; font-family: 'open_sansbold'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productList .productCode {float:left; width:140px; height:70px; margin-top:7px; border-right:2px rgb(187, 187, 187) solid;} #orderContent .productList .productCode h4 {float:left; margin:0; padding:0; padding-top:23px; margin-left:10px; margin-top:4px; font-family: 'open_sansbold'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productList .productNumber {float:left; width:86px; height:70px; margin-top:7px;} #orderContent .productList .productNumber p {display:block; font-family:'open_sansbold', arial; font-size:18px; color:#0099CC; margin-top:25px; margin-left:25px;} #orderContent .productList .productNumber h4{float:left; margin:0; padding:0; margin-left:10px; margin-top:4px; font-family:'open_sansregular'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productList .productNumber .offerBox {float:left; margin-top:12px; margin-left:10px; border:none; width:37px; height:27px; background:url(../images/offerbox.png) left top no-repeat; text-align:center; font-family:'open_sansregular', arial; font-size:15px; color:#0099CC; margin-top:25px; margin-left:25px; } #orderContent .productListAlternate {float:left; width:979px; height:80px; background:#F5F5F5; margin-top:10px; margin-bottom:10px; } #orderContent .productListAlternate .checkBox {float:left; width:56px; height:70px; margin-top:7px; border-right:2px rgb(187, 187, 187) solid;} #orderContent .productListAlternate .productImage {float:left; width:176px; height:70px; margin-top:7px; border-right:2px rgb(187, 187, 187) solid;} #orderContent .productListAlternate .productImage img {display:block; margin:0 auto;} #orderContent .productListAlternate .productImage h4 {float:left; margin:0; padding:0; margin-left:10px; margin-top:4px; font-family: 'open_sansregular'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productListAlternate .productName {float:left; width:350px; height:70px; margin-top:7px; border-right:2px rgb(187, 187, 187) solid;} #orderContent .productListAlternate .productName h4 {float:left; margin:0; padding:0; margin-left:10px; padding-top:23px; margin-top:4px; font-family: 'open_sansregular'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productListAlternate .ubbCode {float:left; width:100px; height:70px; margin-top:7px; border-right:2px rgb(187, 187, 187) solid;;} #orderContent .productListAlternate .ubbCode h4{float:left; margin:0; padding:0; padding-top:23px; margin-left:10px; margin-top:4px; font-family: 'open_sansbold'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productListAlternate .productCode {float:left; width:140px; height:70px; margin-top:7px; border-right:2px rgb(187, 187, 187) solid;} #orderContent .productListAlternate .productCode h4 {float:left; margin:0; padding:0; padding-top:23px; margin-left:10px; margin-top:4px; font-family: 'open_sansbold'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productListAlternate .productNumber {float:left; width:86px; height:70px; margin-top:7px;} #orderContent .productListAlternate .productNumber p {display:block; font-family:'open_sansbold', arial; font-size:18px; color:#0099CC; margin-top:25px; margin-left:25px;} #orderContent .productListAlternate .productNumber h4{float:left; margin:0; padding:0; margin-left:10px; margin-top:4px; font-family:'open_sansregular'; font-size:14px; text-decoration:none; font-weight:bold; color:#333333; } #orderContent .productListAlternate .productNumber .offerBox {float:left; margin-top:12px; margin-left:10px; border:none; width:37px; height:27px; background:url(../images/offerbox.png) left top no-repeat; text-align:center; font-family:'open_sansregular', arial; font-size:15px; color:#0099CC; margin-top:25px; margin-left:25px; } .orderOnly {float:left; height:140px; width:967px; background:#F0F1F4; padding-top:20px; padding-right:15px; margin-bottom:30px;} .orderOnly .offerContract {float:right; clear:both; font-family: 'open_sans_semiboldregular'; font-size:14px; text-decoration:none; font-weight:bold; color:#0099FF; } .orderOnly p {float:right; clear:both; display:block; margin-top:15px; width:auto; height:auto;} .orderOnly p span {margin-left:10px; font-family: 'open_sans_semiboldregular'; font-size:14px; text-decoration:none; font-weight:bold; color:#333;} .orderOnly p input {margin-top:10px;} .orderOnly .onlyOffer {float:right; clear:both; width:auto; padding-left:10px; padding-right:10px; height:26px; margin-top:10px; background:#F30; padding-top:5px; font-family:'open_sansregular'; font-size:15; color:#FFFFFF; text-decoration:none; text-align:center; } .messageBox {float:left; height:auto; width:100%; } .messageBox h5 {display:block; float:left; font-family:'open_sansbold'; font-size:14px; color:#666;} .messageBox .mesaggex {float:left; height:248px; width:979px; } .messageBox .mesagge {float:left; height:238px; width:960px; border:3px solid rgb(187, 187, 187); padding-left:10px; padding-top:10px; } .sipButton {float:left; width:959px; height:80px; margin-top:20px; margin-bottom:10px;} .sipButton .question {float:left; height:60px; width:auto;} .sipButton .question a {float:left; width:116px; height:26px; margin-top:10px; background:#FF9900; padding-top:5px; font-family:'open_sansregular'; font-size:15; color:#FFFFFF; text-decoration:none; text-align:center; border-radius: 6px; } .sipButton .offer {float:right; width:190px; height:52px;} .sipButton .offer a {float:left; width:190px; height:21px; margin-top:10px; background:#0099CC; padding:5px 10px; font-family:'open_sansregular'; font-size:15; color:#FFFFFF; text-decoration:none; text-align:center; border-radius: 6px; } .checkBoxD {margin-top:30px; margin-left:20px;} /*================================================================*/ /*BANKA*/ /*================================================================*/ /*================================================================*/ /*REKLAM*/ /*================================================================*/ /*================================================================*/ /*GALLERY*/ /*================================================================*/ /*----------------------------------------------------*/ /*IMAGE GALLERY*/ /*----------------------------------------------------*/ .galleryBG { background:#333;} .cap1text {font-family:'Arial';color:#fff;line-height:39px;font-size:20px;text-align:center;} .navtext4 { background:url(../images/gallery_mag.png) center no-repeat;} #galleryDetail{float:left; height:auto; width:100%; border-top:1px solid #EBEBEB; padding-top:15px;} #galleryDetail .gallery {float:left; margin:8px;} .post .img .overlay_backgrond, .frame-img .overlay_backgrond, .portfolio-gallery .overlay_backgrond{background-image: url(../images/overlay_zoom-in.png); background-repeat: no-repeat; outline: 0 none; text-indent: -9999px; margin: -27px 0 0 -27px;} #container .overlay_backgrond{ background-image: url(../images/overlay_zoom-in.png); background-repeat: no-repeat; outline: 0 none; text-indent: -9999px; margin:-27px 0 0 -27px;} .post .img .overlay_backgrond, .frame-img.link .overlay_backgrond, /*.front-img.link_ .overlay_backgrond,*/ #container .link_ .overlay_backgrond{background-image: url(../images/icons/overlay_link.png/);} .hoveralls_container{width: 100% !important; height: auto !important; } .portfolio-gallery{ margin-bottom: 36px;} .portfolio-gallery h4{margin-bottom: 18px !important;} .portfolio-gallery a{display: block;} .portfolio-gallery img{ display: block;} .portfolio-gallery li.grid_2{padding: 0; margin-bottom: 18px; } #filters{ padding-right: 10px; } #filters li, #filters{margin-bottom: 0; } #filters li{list-style: none; float: left; margin-left: 10px; padding: 0; } #container_wrap{ position: relative; } .portfolio-4-s #container{width: 640px; Margin-left: -10px; } .portfolio-6 #container{width: 960px; margin-left: -10px; } #container{ float:left; height:auto; width:100%; padding-top:0px; } #container .element{ float:left; margin:0 auto; margin-bottom:0; text-align: center; /* margin:8px;*/ overflow:hidden; width: 275px; height: 250px; } #container .element .overlay_container{ background-color: #fff; } #container .element a{ display: block; margin-bottom: 13px; overflow: hidden; outline:none;} #container .element a.hide{ display: block; top:0; left:0; margin-bottom: 0; } #container .element img{display: block; margin:0 auto; } #container .element h4{ font-size: 16px; line-height: 18px !important; } #container .element span{font-family: sans-serif; font-size: 8px; text-transform: uppercase; } #container .element span a{ display: inline; color: #959595; text-decoration: none; margin-bottom: 0; } #container .element .content{padding-top: 9px; margin: 0 10px; } #container .element .content p{ margin-bottom: 0; } #container .grid_12.element{ padding-bottom: 0; text-align: left; margin-bottom: 27px; } #container .grid_12.element a{margin: 0; } #container .grid_12.element span{display: block; margin-bottom: 9px; } #container .grid_12.element h6{ font-size: 16px; } /*----------------------------------------------------*/ /*VIDEO GALLERY*/ /*----------------------------------------------------*/ #videoGallery {float:left; height:auto; width:100%; border-top:1px solid #EBEBEB; padding-top:15px;} #videoGallery ul {float:left; width:100%; height:auto; padding:0;} #videoGallery ul li { width:100%; padding-left:4px; padding-top:10px; padding-bottom:10px; height:240px; border-bottom:1px solid #DBDBDB; list-style:none; } #videoGallery ul li .videoImage {float:left;} #videoGallery ul li a {float:left; height:auto; width:auto;} #videoGallery ul li a img {float:left;} #videoGallery ul li .videoInfo {float:left; margin-left:10px; margin-top:00px; width:55%; height:auto;} #videoGallery ul li h3 {float:left; font-family:'open_sans_lightregular'; font-size:18px; color:#333333; margin:0; line-height:none;} #videoGallery ul li p { float:left; font-family: 'open_sans_regular'; font-size:12px; color:#333333; margin:0; line-height:none; margin-top:5px;} #videoGallery ul li ul {float:left; width:200px;} #videoGallery ul li ul li {float:left; width:200px; height:10px;} #videoGallery ul li ul li h5 {float:left;font-family: 'open_sansbold'; font-size:11px; color:#333333; margin:0; padding:0;} #videoGallery ul li ul li h6 { float:left; width:150px; font-family: 'open_sansbold'; font-size:9px; color:#333333; margin:0; padding:0;} #videoGallery ul li ul li span { float:left; font-family:'open_sans_regular';font-size:9px; color:#333333; margin:0; line-height:none;} /*================================================================*/ /*CORPORATE*/ /*================================================================*/ /*================================================================*/ /*SUB MASTER PAGE STYLE*/ /*================================================================*/ /*========================================================*/ /*Urun Kategori*/ /*========================================================*/ @-webkit-keyframes grayPulse { from { background-color: #E0E0E0; -webkit-box-shadow: 0 0 0px #ff80c0; } 50% { background-color: #E0E0E0; -webkit-box-shadow: 0 0 0px #ff80c0; } to { background-color: #E0E0E0; -webkit-box-shadow: 0 0 0px #ff80c0; } } #productNav {float:right; height:auto; width:202px; /*margin-top: 10px;*/ padding-bottom: 10px;} #productNav h1 {float:left; margin:0; padding:0; padding-left:10px; font-family:'open_sans_lightregular'; font-size:15px; color:#fff; padding-top:10px; margin-bottom:2px; width: 192px; height:30px; background:#5C5C5C /*url(../images/menuBG.png) top left repeat-x; *//* Old browsers */ ;border-radius: 8px;} #productNav ul {float:left;display:block; margin:0; padding:0; width:100%; } #productNav ul li { clear:both; margin:0; padding:0; padding-left:0; font-family:'open_sansregular'; margin-bottom:2px; font-size:15px; color:#333333; height:26px; background-color:#F3EFEA; width:100%; padding-top:5px;border-radius: 5px;} /*#productNav ul li:first-child {background-color:#F3EFEA!important;}*/ #productNav ul li a {font-family: Tahoma, Helvetica, sans-serif; margin-bottom:2px; font-size:12px; color:#666666; text-decoration:none; margin-left:10px;} #productNav ul li:hover { background:#E3E3E3; } #productNav ul li ul {float:left;display:block; padding-left:0; height:auto; margin-top:6px;} #productNav ul li ul li { font-family:Tahoma, Helvetica, sans-serif; font-size:12px; margin-top:2px; color:#333333; background-color:#F8F5F2; height:auto; padding:10px 0; border-radius:0; min-height:20px; } #productNav ul li ul li:hover { background:#E0E0E0; -webkit-animation-name: grayPulse; -webkit-animation-iteration-count: infinite; -webkit-transition-duration: 1s; } #productNav ul li ul li a {display:block; float:left;font-family: Tahoma, Helvetica, sans-serif; font-size:12px; margin-top:2px; margin-left:10px; color:#333333; height:30px;} #tabs > ul li span {background:#5C5C5C!important;} #tabs > ul li {background:#5C5C5C!important;} /*--------------------------------------------------------------------*/ /*================================================================*/ /*SUB PAGES STYLE*/ /*================================================================*/ /*========================================================*/ /*PAGE CONTENT*/ /*========================================================*/ #accordionNav { float:left; clear:left; height:auto; width:204px; margin-top:0px;} #accordionNav h3 {display:block; float:left; clear:both; width:194px; height:36px; padding-left:10px; padding-top:12px; background:url(../images/subPageNav.png) left top no-repeat ; font-family: 'open_sans_lightregular'; font-size:20px; color: #333; margin-bottom:16px; -webkit-margin-before:0; -webkit-margin-after:16px; font-weight:normal;} #asideContentTop {float:left; height:25px; width:760px; border-bottom:1px solid #F7F7F7; padding-bottom:10px; margin-top:7px; margin-left:17px;} #asideContent { float:left; clear:right; width:760px; height:auto; margin-top:5px; margin-bottom:10px; padding-left:17px; border-left:1px solid #F7F7F7;} #asideContent .contentTitle {float:left; width:445px; height:auto; margin-bottom:15px;} #asideContent .contentTitle h1 {font-family: 'TFFHlvBlkExtraBlack'; font-size:52px; height:65px; color:#0099CC; margin:0; margin-bottom:0px; padding:0;} #asideContent .contentTitle h3 {font-family: 'open_sans_semiboldregular'; font-size:22px; color:#333; font-style:italic; margin:0; margin-bottom:0px; padding:0;} #asideContent .contentTitle p {font-family: 'open_sansregular'; font-size:12px; color:#333; margin:0; margin-bottom:0px; padding:0;} #asideContent .contentWord {float:left; font-family: 'open_sansregular'; font-size:12px; color:#333; width:95%; line-height:18px; } #asideContent .conteniersocialShare {float:right; width:150px; height:auto; margin-top:5px;} #asideContent .conteniersocialShare .facebookShare {float:left;} #asideContent .conteniersocialShare .twitterShare {float:left; margin-left:5px; margin-top:5px;} #asideContent #content {float:left; clear:both; height:auto; width:100%; margin-bottom:40px; margin-top:15px; } .content_page #content {float:left; clear:both; height:auto; width:100%; margin-bottom:40px; margin-top:0px; /*font-family: 'open_sansregular';*/ font-size:12px; color:#333;} .content_page #content span {font-family: 'open_sans_semiboldregular';} .content_page #content p {float:left; font-family: 'open_sansregular'; font-size:12px; color:#333; width:95%; line-height:18px; margin-left:10px; } .content_page #content div {/*float:left;*/ font-family: 'open_sansregular'; font-size:12px; color:#333; /*width:95%;*/ line-height:18px; margin-left:10px; } /*----------------------------------------------------*/ /*BREADCRUMP*/ /*----------------------------------------------------*/ .breadCrumb{margin-top:3px; padding: 0; float: left; height: 21px; overflow: hidden; width:auto; padding:5px; padding-left:0px; border:none;} .breadCrumb ul {line-height: 1.5em; margin: 0; padding: 0; height: 21px; display: block; } .breadCrumb ul li { font-family: arial; font-size:11px; display: block; float: left; position: relative; height: 21px; overflow: hidden; line-height: 21px; margin: 0px 6px 0px 0; padding: 0px 10px 0px 0; font-size: .9167em; background: url(../images/Chevron.gif) no-repeat 100% 0;} .breadCrumb ul li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2; } .breadCrumb ul li span {display: block; overflow: hidden; } .breadCrumb ul li a { color:#731A1C; font-size:11px; display: block; position: relative; height: 21px; line-height: 21px; overflow: hidden; float: left; } .breadCrumb ul li.first a { height: 16px !important; text-indent:-1000em; width:16px; padding: 0; margin-top: 2px; overflow: hidden; background: url(../images/IconHome.gif) no-repeat 0 0;} .breadCrumb ul li.first a:hover { background-position: 0 -16px; } .breadCrumb ul li.last {background: none; margin-right: 0; padding-right: 0; font-size:12px; color:#0099CC; } .chevronOverlay { display: none; background: url(../images/ChevronOverlay.png) no-repeat 100% 0; width: 13px; height: 20px;} /*----------------------------------------------------*/ /*PAGE PRINT*/ /*----------------------------------------------------*/ .Print {float: right; width:71; height:23; margin-top:2px;} /*----------------------------------------------------*/ /*FONT SIZER*/ /*----------------------------------------------------*/ #FontSizerMain {float:right; height:auto; width:160px; margin-top:6px;} #FontSizerMain .title{ float:left; clear:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; margin-top:3px;} /* Font-Sizer Specific Styling */ #fontsizer {float:left; width:73px; clear:none;} .fsizer {float:left; } /* Container element */ .fsizer a { margin-top:0px; display: block; float: left; width: 22px; margin-right: 2px; text-align: center; border: none; color: #333; text-decoration: none; cursor: pointer; letter-spacing: 0; line-height:21px; background: #E2E4E4; } .fsizer a:hover { text-decoration: none; background: #F6F6F6; } /* Three 'A' links used to control size */ .fsizer a#fs_sml { font-family:arial; font-size: 16px; font-weight:bold;} .fsizer a#fs_med { font-family:arial; font-size: 16px; font-weight:bold;} .fsizer a#fs_lrg { font-family:arial; font-size: 16px; font-weight:bold;} .fsizer a.fsactive { color: #000; background: #E2E4E4; cursor: default; } /* When mode is active */ /*----------------------------------------------------*/ /*ACCORDION NAVIGATION*/ /*----------------------------------------------------*/ ul#Accordion, ul#accordion ul { display:block; list-style-type:none; margin:0; margin-left:10px; margin-top:15px; padding: 0; width: 11.5em; margin-bottom:8px;} ul#Accordion a { display: block; text-decoration: none;} ul#Accordion li { font-family: 'open_sansregular',Tahoma, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#666666; margin-top: 7px; border-bottom:1px dotted #CCCCCC; } ul#Accordion li a {color:#5F5F5F; padding: 0.6em; padding-left:2px; font-weight:normal;} ul#Accordion li a.current {color:#5F5F5F; background: url(../images/acor_cur.png) 172px 13px no-repeat;} ul#Accordion li a:hover {color:#AE1619; } ul#Accordion li ul {margin-left:0; padding:0; padding-left:5px; margin-top:3px;} ul#Accordion li ul li {margin-top:0px; border:none;} ul#Accordion li ul li a { font-family: 'open_sansregular',Tahoma, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#535353; padding-left: 10px; border:none; background:none; border:none;} ul#Accordion li ul li a:hover { padding-left: 10px; border:none; color:#426660; text-decoration:underline; border:none;} /*========================================================*/ /*CONTACT*/ /*========================================================*/ #ContentPlaceHolder1_pnlIletisim {margin:0!important;} #ContentPlaceHolder1_pnlIletisim div {margin:0!important;;} #maps { float:left; clear:both; width: 720px; margin: 0 auto; height: 430px; border-bottom:1px solid #F2F2F2; margin-bottom:10px;} #contact-top {position:absolute; top:0px; left:0; z-index:47; width:760px; height:130px;} #contact-top .contact-title {float:left; width:445px; height:auto;} #contact-top .contact-title h1 {font-family: 'TFFHlvBlkExtraBlack'; font-size:52px; height:65px; color:#0099CC; margin:0; margin-bottom:0px; padding:0;} #contact-top .contact-title h3 {font-family: 'open_sans_semiboldregular'; font-size:22px; color:#333; font-style:italic; margin:0; margin-bottom:0px; padding:0;} #contact-top .contact-title p {font-family: 'open_sansregular'; font-size:12px; color:#333; margin:0; margin-bottom:0px; padding:0;} #contact-top .socialShare {float:right; width:150px; height:auto; margin-top:5px;} #contact-top .socialShare .facebookShare {float:left;} #contact-top .socialShare .twitterShare {float:left; margin-left:5px; margin-top:5px;} #contact-mapp { width: 720px; float:left; margin: 0 auto; height: 600px; overflow:hidden; position: relative;} #contenitore-mappa-testo {position:absolute; top:0px; width:100%; height:30px; text-align: right; z-index:2;} #contenuto-mappa {position: absolute; top:18px; width:450px; right:10px;} .gmap3{ width:710px; height: 415px;} .mapmaskdx {position: absolute; top:0px; left:0px;} .mapmaskdy {position: absolute; top:0px; right:0px;} .mapmaskdxy {position: absolute; top:0px; left:0px;} .mapmaskdyx {position: absolute; top:350px; left:0px;} .zoomin { position: absolute; top: 25px; left:8px; width:39px; height:40px; background: url(../images/zoomin.png) top; cursor: pointer;} .zoomin:hover { background: url(../images/zoomin.png) bottom;} .zoomout { position: absolute; top: 70px; left:8px; width:39px; height:40px; background: url(../images/zoomout.png) top; cursor: pointer;} .zoomout:hover { background: url(../images/zoomout.png) bottom;} .wheel { position: absolute; top: 460px; left:8px; padding: 7px 0 0 110px; width:230px; height:82px; background: url(../images/scroll.png) left top no-repeat; color:#333; font-weight: bold; z-index: 9998; } .wheel p {fony-family:'open_sansbold'; font-size:14px; font-weight:bold; margin-top:17px;} .wheel:hover { background: url(../images/scroll.png) left bottom no-repeat;} #contactAddress {float:left; clear:both; height:auto; width:710px; border-bottom:1px solid #F2F2F2; margin-bottom:10px; padding-bottom:10px;} #contactAddress h3 {display:block;float:left; clear:both; width:150px; margin-bottom:5px; border-bottom:3px solid #CCC; font-family:'open_sans_lightregular'; font-style:normal; font-size:18px; font-weight:normal; color:#787878; } #contactAddress div {float:left; clear:both; height:auto; width:100%;} #contactAddress div img {clear:none;display:block; float:left; margin-right:7px; margin-top:10px;} #contactAddress div p {clear:none;display:block;float:left; width:85%!important; font-family:'open_sans_lightregular'; font-style:normal; font-size:12px; font-weight:normal; color: #333/*#787878*/; } #contactSocial {float:left; clear:both; height:auto; width:710px; border-bottom:1px solid #F2F2F2; margin-bottom:10px; padding-bottom:10px;} #contactSocial h3 {display:block;float:left; clear:both; width:150px; margin-bottom:10px; border-bottom:3px solid #CCC; font-family:'open_sans_lightregular'; font-style:normal; font-size:18px; font-weight:normal; color:#787878; } #contactSocial div {float:left; clear:both; height:25px; margin-top:5px; width:100%;} #contactSocial div img {clear:none;display:block; float:left; margin-right:7px; margin-top:3px; } #contactSocial div p {clear:none;display:block;float:left; width:85%!important; margin-top:5px; font-family:'open_sans_lightregular'; font-style:normal; font-size:12px; font-weight:normal; color:#333; } #contactSocial div p a {font-family:'open_sans_lightregular'; font-style:normal; font-size:12px; font-weight:normal; color:red; text-decoration:none;} #contactBank {float:left; clear:both; height:auto; width:710px; border-bottom:1px solid #F2F2F2; margin-bottom:10px; padding-bottom:10px;} #contactBank h3 {display:block;float:left; clear:both; width:250px; margin-bottom:10px; border-bottom:3px solid #CCC; font-family:'open_sans_lightregular'; font-style:normal; font-size:18px; font-weight:normal; color:#787878; } #contactBank div {float:left; clear:both; height:42px; margin-top:4px; width:100%; margin-bottom:4px;} #contactBank div img {clear:none;display:block; float:left; margin-right:7px; margin-top:3px; } #contactBank div p {clear:none;display:block;float:left; width:85%!important; margin-top:5px; line-height:18px; font-family:'open_sans_lightregular'; font-style:normal; font-size:12px; font-weight:normal; color:#787878; } #contactBank div p a {font-family:'open_sans_lightregular'; font-style:normal; font-size:12px; font-weight:normal; color:#52BFDC; text-decoration:none;} #merhabaDe {float:left; clear:both; width: 154px; height:55px; margin-bottom:20px; padding:0; } #merhabaDe p {display:block; float:left; margin-right:15px; padding-top:12px; font-family:'open_sans_lightregular'; font-size:16px; color:#999; margin:0; line-height:none;text-decoration:none;} @-webkit-keyframes bluePulse { from { background-color: #0DB3E5;; -webkit-box-shadow: 0 0 1px #ff80c0;; } 50% { background-color: #0DB3E5;; -webkit-box-shadow: 0 0 1px #ff80c0;; } to { background-color: #0DB3E5;; -webkit-box-shadow: 0 0 1px #ff80c0;; } } #merhabaDe .button {display:block; float:left; text-decoration:none;font-family: arial; font-weight:bold; font-size: 15px; color: #ffffff; padding: 10px 15px; background: #FF80BF; background: -webkit-gradient(linear, left top, left bottom, from(#ff80c0), color-stop(0.25, #ff82c9), to(#ff80c0)); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 8px; border: 3px solid #f9f9f9; text-shadow:0px 1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);} #merhabaDe .button:hover {background: #0DB3E5; color:white; -webkit-animation-name: bluePulse; -webkit-animation-iteration-count: infinite; -webkit-transition-duration: 2s; } #qrcodeContent {float:right; position:relative; width:auto; height: auto; clear:none; margin-right:10px;} #qrCode { padding:7px; background:#F4F4F4; } #qrcodeContent {float:right; width:auto; height:auto;} #qrcodeContent .ust {font-family:'open_sans_lightregular'; color:#8A8A8A; font-size:8px; margin:0; padding:0; letter-spacing:1px;} #qrcodeContent .alt {display:block; position:absolute; left:-48px; top:52px; font-family:'open_sans_lightregular'; color:#8A8A8A; font-size:8px;-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); margin:0; padding:0; letter-spacing:0px;} /*========================================================*/ /*CORPORATE*/ /*========================================================*/ /*----------------------------------------------------*/ /*ABOUT US*/ /*----------------------------------------------------*/ .aboutusBottom {float:left; width:100%; margin-left:15px; margin-top:15px; margin-bottom:50px;} .aboutusBottom .signature {float:right; height:auto; width:180px; margin-right:20px;} .aboutusBottom .signature h4 { text-align:center; font-family:'open_sans_lightregular'; color:#333; font-weight:normal; font-size:18px; margin:0; padding:0;} .aboutusBottom .signature p { text-align:center; font-family: 'open_sansbold'; color:#333; font-weight:normal; font-size:18px; margin:0; padding:0;} .aboutusBottom .signature img { margin-top:10px } /*----------------------------------------------------*/ /*Logo Reklam*/ /*----------------------------------------------------*/ #mediaCenter { float:left; clear:both; height:auto; width:100%; } #mediaCenter ul {float:left; margin-top:10px; padding:0px; width:100%; } #mediaCenter ul li {list-style-type:none; width:97%; padding-top:10px; padding-bottom:10px; padding-left:15px; height:51px; border-bottom:1px solid #EBEBEB;} #mediaCenter ul li img {float:left;} #mediaCenter ul li:first-child {border-top:1px solid #EBEBEB;} #mediaCenter ul li abbr {display:block; float:left; border-right:3px solid #69B0E4; width:98px; height:70px; padding:0; font-family:'open_sans_lightregular'; font-weight:normal; font-size:25px; color:#8A8A8A; } #mediaCenter ul li .mediaDetail {float:left; width:500px; margin-top:15px; height:auto; margin-left:20px;} #mediaCenter ul li h2 {float:left; clear:both; font-family:'open_sansregular'; font-size:18px; color:#333333; margin:0; line-height:none; margin-bottom:3px;} #mediaCenter ul li h2 a {float:left; clear:both; font-family:'open_sansregular'; font-size:18px; font-weight:normal; color:#333333; margin:0; line-height:none; margin-bottom:-11px; margin-top:-11px;text-decoration:none;} #mediaCenter ul li h2 a:hover {color:#07B6E7;} #mediaCenter ul li p {float:left; clear:both; font-family:'open_sans_lightregular'; font-size:14px; color:#333333; margin:0; line-height:none;} #mediaCenter ul li .mediaInfo {float:left; margin-top:10px; font-family:'open_sansregular'; font-size:11px; color:#333333; } #mediaCenter ul li .mediaInfo span {margin-right:30px;} #mediaDetail {float:left; height:auto; width:100%; border-top:1px solid #EBEBEB; padding-top:15px; } #mediaDetail .fileImage {float:left; width:603px; height:auto; } #mediaDetail .fileImage h2 {float:left; clear:both; font-family:'open_sansregular'; font-size:18px; color:#333333; margin:0; line-height:none; margin-bottom:3px;} #mediaDetail .fileImage p {float:left; clear:both; font-family:'open_sans_lightregular'; font-size:14px; color:#333333; margin:0; line-height:none;} #mediaDetail .fileImage img {float:left; clear:both; margin-top:15px;} #mediaDetail .fileInfo {float:right; width:300px; height:auto; } #mediaDetail .fileInfo .fileBox {float:left; height:68px; width:300px; background:#FBFBFB; border:1px solid #EFEFEF;} #mediaDetail .fileInfo .fileBox .downloadButton{display:block; float:left; text-decoration:none;font-family: arial; font-weight:bold; font-size: 15px; color: #ffffff; padding: 12px 40px; background: #E55E48; margin-left:20px; background: -webkit-gradient(linear, left top, left bottom, from(#E55E48), color-stop(0.25, #E55E48), to(#E55E48)); text-shadow:0px 1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3); margin-top:10px;} #mediaDetail .fileInfo .fileBox .downloadButton:hover {background: #0DB3E5; color:white; -webkit-animation-name: bluePulse; -webkit-animation-iteration-count:infinite; -webkit-transition-duration: 2s; } #mediaDetail .fileInfo .fileBox .infoButton{display:block; float:left; text-decoration:none;font-family: arial; font-weight:bold; font-size: 15px; color: #ffffff; padding: 12px 40px; background: #5FAAE3; margin-left:20px; background: -webkit-gradient(linear, left top, left bottom, from(#5FAAE3), color-stop(0.25, ##5FAAE3), to(##5FAAE3)); text-shadow:0px 1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3); margin-top:10px;} #mediaDetail .fileInfo .fileBox .infoButton:hover {background: #E55E48; color:white; -webkit-animation-name: bluePulse; -webkit-animation-iteration-count:infinite; -webkit-transition-duration: 2s; } #mediaDetail .fileInfo ul {float:left; width:300px; height:auto; padding:0;} #mediaDetail .fileInfo ul li { width:100%; padding-left:4px; padding-top:10px; padding-bottom:10px; height:25px; border-bottom:1px solid #DBDBDB; list-style:none; } #mediaDetail .fileInfo ul li h3 {float:left; clear:both; font-family:'open_sans_lightregular'; font-size:14px; color:#333333; margin:0; line-height:none;} #mediaDetail .fileInfo ul li p { font-family: 'open_sansbold'; font-size:11px; color:#333333; margin:0; line-height:none; margin-top:5px;} #mediaDetail .fileInfo ul li h6 { float:left; width:150px; font-family: 'open_sansbold'; font-size:11px; color:#333333; margin:0; padding:0;} #mediaDetail .fileInfo ul li span { float:left; font-family:'open_sans_regular';font-size:11px; color:#333333; margin:0; line-height:none;} /*----------------------------------------------------*/ /*Humman Resource*/ /*----------------------------------------------------*/ .hrImage {float:right; margin-right:0px;} #content iframe {float:left; width:100%; /*height:2500px;*/margin-bottom: 15px; border:none; padding:0;} /*========================================================*/ /*GALLERY*/ /*========================================================*/ /*========================================================*/ /*NEWS*/ /*========================================================*/ #allNews {float:left; clear:both; width:98%;} #allNews ul {float:left; clear:both; width:100%; margin:0; margin-top:12px; padding:0; padding-left:10px; } #allNews ul li {float:left; clear:both; width:100%; height:60px; list-style-type:none; padding-top:20px; padding-bottom:20px; margin-bottom:10px; border-bottom:1px solid #EBEBEB;} #allNews ul li:first-child {border-top:1px solid #EBEBEB;} #allNews ul li abbr {display:block; float:left; border-right:3px solid #69B0E4; width:98px; height:42px; padding:0; font-family:'open_sans_lightregular'; font-weight:normal; font-size:25px; color:#8A8A8A; } #allNews ul li .detailsNews {float:left; width:600px; height:auto; margin-left:10px;} #allNews ul li h2 {float:left; clear:both; font-family:'open_sansregular'; font-size:18px; color:#333333; margin:0; line-height:none; margin-bottom:3px;} #allNews ul li h2 a {float:left; clear:both; font-family:'open_sansregular'; font-size:18px; font-weight:normal; color:#333333; margin:0; line-height:none; margin-bottom:5px; text-decoration:none;} #allNews ul li h2 a:hover {color:#07B6E7;} #allNews ul li p {float:left; clear:both; font-family:'open_sans_lightregular'; font-size:14px; color:#333333; margin:0; line-height:none;} #allNews ul li p a {float:left; clear:both; font-family:'open_sans_lightregular'; font-size:14px; color:#999; margin:0; line-height:none;text-decoration:none;} #allNews ul li p a:hover { color:#666;} #pagination {float:left; width:400px; height:auto; margin-left:190px; margin-top:25px; margin-bottom:10px;} #pagination-flickr ul {margin:0 auto; width:auto; height:auto; margin-top:15px;} #pagination-flickr li{border:0; margin:0; padding:0; font-size:11px; list-style:none; width:auto; } #pagination-flickr a{border:solid 1px #DDDDDD; margin-right:2px; } #pagination-flickr .previous-off, #pagination-flickr .next-off {color:#666666; display:block; float:left; font-weight:bold; padding:7px 11px; border-radius:40px; background-color:#FFCC00; margin-left:2px; margin-right:2px; } #pagination-flickr .next a, #pagination-flickr .previous a { font-weight:bold; padding:7px 11px; border-radius:40px; background-color:#FFCC00; margin-left:2px; margin-right:2px;} #pagination-flickr .next a:hover{border:solid 1px #9FBFDD;} #pagination-flickr .active{ color:#fff; font-weight:bold; display:block; float:left; padding:7px 11px; text-decoration:none; border-radius:40px; background-color:#EAEAEA; margin-left:2px; margin-right:2px; } #pagination-flickr a:link, #pagination-flickr a:visited { color:#0063e3; display:block; float:left; padding:6px 10px; text-decoration:none; border-radius:40px; margin-left:2px; margin-right:2px; } #pagination-flickr a:hover{ border:solid 1px #666666;} #newsDetail {float:left; clear:both; height:auto; width:auto; margin-bottom:15px;} #newsDetail img {float:left; clear:both; margin-bottom:25px;} #newsDetail abbr {display:block; float:left; border-right:3px solid #69B0E4; width:98px; height:112px; padding:0; font-family:'open_sans_lightregular'; font-weight:normal; font-size:25px; color:#8A8A8A; } #newsDetail abbr p {float:left; clear:both; font-family:'open_sansregular'; font-size:11px; color:#333333; margin:0; line-height:20px;} #newsDetail .detailsNews {float:left; width:600px; height:auto; margin-left:10px;} #newsDetail h2 {float:left; clear:both; font-family:'open_sansregular'; font-size:18px; color:#333333; margin:0; line-height:none; margin-bottom:3px;} #newsDetail h2 a {float:left; clear:both; font-family:'open_sansregular'; font-size:18px; font-weight:normal; color:#333333; margin:0; line-height:none; margin-bottom:5px; text-decoration:none;} #newsDetail h2 a:hover {color:#07B6E7;} #newsDetail p {float:left; clear:both; font-family:'open_sansregular'; font-size:12px; color:#333333; margin:0; line-height:18px;} /*========================================================*/ /*FILO*/ /*========================================================*/ #filo {float:left; width:100%; height:auto; clear:both; margin-top:20px;} #filo img {float:left; margin-bottom:20px;} #filo .filoDetail {float:left; width:730px; height:auto; margin-left:10px;} #filo .filoDetail h2 {float:left; clear:both; font-family:'open_sansregular'; font-size:18px; color:#333333; margin:0; line-height:none; margin-bottom:3px;} #filo .filoDetail p {float:left; clear:both; font-family:'open_sansregular'; font-size:11px; color:#333333; margin:0; line-height:18px;} #filo .certification {float:left; clear:both; margin-top:50px; margin-left:10px; width:350px;} #filo .certification a { margin-right:3px;} #filo .certification a img {margin-right:4px;} #carsMenu {float:left; clear:both; margin-top:15px; margin-bottom:20px; width:100%; height:27px;} #carsMenu ul {float:left; width:auto; margin:0; padding:0; height:27px;} #carsMenu ul li { display:inline-block; padding-left:10px; padding-bottom:3px; padding-top:0; margin-right:10px; background:#F5F5F5; border-radius:5px;} #carsMenu ul li a {margin:0 10px 10px 0; font-family:'open_sansbold'; text-decoration:none; text-transform:uppercase; color:#0099CC; font-size:11px;} #carsMenu .element {width:165px;!important height:150px;!important} .cars {border:1px solid #F2F2F2; padding:6px; width:145px;!important height:150px;!important} #carsDetail {float:left; margin-top:10px;} #carsDetail h3 { display:block;float:left; clear:both; font-family:'open_sansregular'; font-size:18px; color:#333333; margin:0; line-height:none; margin-bottom:3px; margin-top:35px;} #carsDetail p {display:block;float:left; clear:both; font-family:'open_sansregular'; font-size:12px; color:#333333; margin:0; line-height:18px; margin-bottom:45px;} /*========================================================*/ /*ABOUT US*/ .icerikler{float:left; width:100%;} .icerikler .item{float:left; width:100%; border-bottom: 1px solid #CCC; margin-bottom: 15px;} .icerikler .item a {float:left; width:100%; color:#574733; text-decoration:none; margin-bottom:5px; font-weight:bold;} .icerikler .item span{float:left; width:100%; margin-bottom:15px;} /*========================================================*/ .icerik {float:left;} .icerik h1 {float: left; clear: both; width: 705px; height: 35px; margin-top: 6px; background: #F3EFEA; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 21px; color: #FAB303; padding-top: 7px; padding-left: 15px; border-radius: 7px;} .icerik div {float:left; font-family:'open_sansregular'; font-size:12px; color:#333333; } /*========================================================*/ /*SERVICES*/ /*========================================================*/ /*----------------------------------------------------*/ /*SUBSERVICE*/ /*----------------------------------------------------*/ /*========================================================*/ /*FILO*/ /*========================================================*/ #content table {width:100%;border: none; border-color:#CCC; padding:3px; font-family:'open_sansregular'; font-size:12px; color:#333333;} #content table th {vertical-align: top; padding-left:5px; height:20px; border-radius: 6px;} #content table td {vertical-align: top;} /*========================================================*/ /*PRODUCTS*/ /*========================================================*/ /*========================================================*/ /*SITEMAP*/ /*========================================================*/ /*--------------------------------------------------------------------*/ /*---------------------------------------------------------------------- FOOTER ----------------------------------------------------------------------*/ footer {position:relative; clear:both; width:100%; z-index:10; } footer #spaceFooter { margin:0 auto; clear:both; height:250px; width:1000px; padding-top:10px; } footer #spaceFooter .g-plusone { margin-top:5px;} footer #spaceFooter .twitter-share-button { margin-left:0px; margin-top:0px;} footer #spaceFooter .fb-like {} footer #footer {position:relative; clear:both; width:100%; height:144px; background: #FFF url(../images/footer_bg.png/) center top repeat-x; z-index:10;} footer #author { margin:0 auto; height:90px; width:1000px; margin-top:29px;} footer #author .corporateCopyright { float:left; width:520px; margin-top:76px; } footer #author .corporateCopyright img {float:left;} footer #author .corporateCopyright p {float:left; clear:right; font-family:Tahoma, Geneva, sans-serif; font-size:10px; font-weight:bold; color:#BFBFBF; line-height:0; padding-top:15;} footer #author .corporateCopyright span {float:left; clear:right; font-family:Tahoma, Geneva, sans-serif; font-size:10px; font-weight:normal; color:#BFBFBF; line-height:0; margin-top:2px;} footer #author .sinansoydan {float:right; width:300px; height:80px; margin-top:30px;} footer #author .sinansoydan .html5 { float:right; clear:both; margin-bottom:0;} footer #author .sinansoydan p {display:block; float:right;clear:both; width:270px; margin-top:10px;} footer #author .sinansoydan p span {float:left; clear:none; font-family:Tahoma, Geneva, sans-serif; font-size:9px; font-weight:normal; color:#BFBFBF; margin-top:13px; line-height:0;} footer #author .sinansoydan p a {float:right; clear:none;} footer #author .sinansoydan p a img {margin:0px;} footer .button {display:block; border-radius:100px; margin:0 auto; height:56px; width:56px;} footer .footerSecretContent { position:absolute; height:5px; width:100%; top:435px; z-index:20; overflow:hidden; background: #F8F8F8 url(../images/footer_border.png/) left top repeat-x; } footer .deturContact { height:250px; width:1000px; margin:0 auto; margin-top:80px; clear:both; background-color:#F8F8F8;} footer .deturContact address {float:left; width:355px; height:85px; padding:10px; padding-top:20px; border-right:1px solid #EAEAEA; } footer .deturContact address img {float:left; margin-right:15px; margin-top:10px;} footer .deturContact address p {float:left; font-family:'open_sansregular', Tahoma, Geneva, sans-serif; font-weight:normal; font-size:10px; font-style:normal; margin:0; } footer .deturContact address p a {color:#0099CC; text-decoration:none;} footer .deturContact .e-bulten h3 { float:left; clear:both; margin-left:30px; font-family: tahoma; font-size:12px; font-weight:bold; line-height:0px; color:#7F8C95;} footer .deturContact .e-bulten p {float:left; clear:both; margin-left:30px; margin-top:5px; width:226px; font-family: tahoma; font-size:10px; font-weight:normal; line-height:14px; color:#7F8C95;} footer .deturContact .e-bulten {float:left; width:320; height:90px;} footer .deturContact .e-bulten div {float:left; clear:both; margin-left:30px; margin-top:5px; width:226px; height:30px; background:url(../images/formBG.png) left top no-repeat;} footer .deturContact .e-bulten div .form {float:left; border:none; margin-top:5px; margin-left:4px; width:162px; height:18px; font-family:tahoma; font-size:12px; font-weight:normal; padding-top:0px; padding-left:3px; line-height:14px; color:#00B0CA; background:transparent;} footer .deturContact .e-bulten div .buton {float:left; margin-top:4px; margin-left:8px; border:none; padding-top:3px; font-family:tahoma; font-size:11px; font-weight:bold; color:#fff; background: url(../images/ekleBtn.gif) left top no-repeat; height:23px; width:45px; } footer .deturContact .socialFooter {float:left; width:270px; height:100px; margin-left:25px; padding:15px; padding-left:25px; padding-top:0px; border-left:1px solid #EAEAEA; } footer .deturContact .socialFooter h3 { float:left; clear:both; margin-left:0px; font-family: tahoma; font-size:12px; font-weight:bold; line-height:0px; color:#7F8C95;} footer .deturContact .socialFooter p {float:left; clear:both; margin-left:0px; margin-top:5px; width:100%; font-family: tahoma; font-size:10px; font-weight:normal; line-height:14px; color:#7F8C95;} footer .deturContact .socialFooter a {float:left; width:31px; height:31px; margin-top:0px; margin-right:5px;} footer .footerButton {position:absolute; top:408px; border-radius:100px; z-index:100; margin:0 auto; height:32px; width:60px; left: 51.7%; margin-left: -50px; overflow:hidden;} footer .footerButton img {-webkit-transition: all 200ms linear ; -moz-transition: all 200ms linear ; -o-transition: all 200ms linear ; -ms-transition: all 200ms linear ; margin-top:4px } footer .footerButton img:hover { -webkit-transform:scale(1.1) ; -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .kurumsal {float:left; width:119px; height:180px; margin-top:0; padding:0;} .kurumsal ul {float:left; width:119px; height:180px; border-right:1px solid #fff; margin-top:0; padding:0; padding-left:30px; border-left:1px solid #fff;} .kurumsal ul li { margin-top:7px; font-family:'open_sans_lightregular'; font-size:11px; font-weight:normal; color:#7A7878;} .kurumsal ul li a { font-family:'open_sans_lightregular'; font-size:11px; font-weight:normal; color:#7A7878;} .kurumsal ul li a:hover { font-family:'open_sans_lightregular'; font-size:11px; font-weight:normal; color:#C8C8C8;} .kurumsal ul li.baslik {margin-top:0; margin-bottom:5px;} .kurumsal ul li h2 { font-family:'TFFHlvCmprsBold'; font-weight:normal; color:#5A5455; font-size:18px; margin:0; padding:0;} .miniks {float:left; margin-left:15px; width:174px; height:180px; margin-top:0;} .miniks ul {float:left; width:174px; height:180px; border-right:1px solid #fff ; margin-top:0;} .miniks ul li { margin-top:7px; font-family:'open_sans_lightregular'; font-size:11px; font-weight:normal; color:#7A7878;} .miniks ul li a { font-family:'open_sans_lightregular'; font-size:11px; font-weight:normal; color:#7A7878;} .miniks ul li a:hover { font-family:'open_sans_lightregular'; font-size:11px; font-weight:normal; color:#C8C8C8;} .miniks ul li.baslik {margin-top:0; margin-bottom:5px;} .miniks ul li h2 { font-family:'TFFHlvCmprsBold'; font-weight:normal; color:#5A5455; font-size:18px; margin:0; padding:0;} .product {float:left; width:508px; height:130px; margin-left:25px; margin-top:0;} .product ul {float:left; display:block; width:508px; height:180px; border-right:1px solid #fff ; margin-top:0;} .product ul li { margin-top:7px; padding:0; margin-left:5px; font-family:'open_sans_lightregular'; font-size:11px; font-weight:normal; color:#7A7878; width:155px; float:left;} .product ul li a { font-family:'open_sans_lightregular'; font-size:11px; font-weight:normal; color:#7A7878; text-decoration:none;} .product ul li a:hover { font-family:'open_sans_lightregular'; font-size:11px; font-weight:normal; color:#C8C8C8; text-decoration:none;} .product ul li.baslik {display:block; width:100%; clear:right; margin-top:0;} .product ul li h2 { font-family:'TFFHlvCmprsBold'; font-weight:normal; color:#5A5455; font-size:18px; margin:0; padding:0;} /*================================================================*/ /*AUTHOR*/ /*================================================================*/ /*================================================================*/ /*CERTIFICATION*/ /*================================================================*/ /*================================================================*/ /*NAVIGATION*/ /*================================================================*/ /*================================================================*/ /*İE7 Version Control*/ /*================================================================*/ .ie7 body {overflow:hidden; background:#EDEDED url(../images/body_bg.png) top repeat; } .ie7 #masterPage, {display:none; } .ie7 .chromeframe {color:#FFF; left:50%; margin-left:-250px; margin-top:-10px; width:500px; top:50%; text-align:center; position:absolute; display:block;} .chromeframe { display:none;} .ie7 .chromeframe a { border-bottom:1px dotted #FFF; color:#FFF; font-weight:bold; } .ie7 .chromeframe a:hover {color:#333; border-bottom:1px dotted #333;} /*================================================================*/ /*İE8 Version Control*/ /*================================================================*/ .ie8 #Aside {border:5px solid #F0F0F0; } .ie8 #masterPage {float:left;} /*.ie8 #NavigatorMenu .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ /*float: left; color:#000; font-size: 14px; font-weight:NORMAL; font-family:'tff_hlv_condbold', Arial, Helvetica, sans-serif; padding: 0 12px; color: transparent; color:#333333; } .ie8 aside {outline:5px solid rgba(255, 255, 255, filter:alpha(opacity=30);} */ /*================================================================*/ /*İE9 Version Control*/ /*================================================================*/ /*.ie9 #NavigatorMenu .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ /*float: left; color:#000; font-size: 14px; font-weight:NORMAL; font-family:'tff_hlv_condbold', Arial, Helvetica, sans-serif; padding: 0 10px; color: transparent; color:#333333; } .ie9 #NavigatorMenu .sf-sub-indicator {right:-5px}*/ /*========================================================*/ /*CONTACT*/ /*========================================================*/ .ie9 #maps { float:left; clear:both; width:782px; margin: 0 auto; height: 430px; border-bottom:1px solid #F2F2F2; margin-bottom:10px;} .ie9 #contact-top {position:absolute; top:0px; left:0; z-index:47; width:760px; height:130px;} .ie9 #contact-top .contact-title {float:left; width:445px; height:auto;} .ie9 #contact-top .contact-title h1 {font-family: 'TFFHlvBlkExtraBlack'; font-size:52px; height:65px; color:#0099CC; margin:0; margin-bottom:0px; padding:0;} .ie9 #contact-top .contact-title h3 {font-family: 'open_sans_semiboldregular'; font-size:22px; color:#333; font-style:italic; margin:0; margin-bottom:0px; padding:0;} .ie9 #contact-top .contact-title p {font-family: 'open_sansregular'; font-size:12px; color:#333; margin:0; margin-bottom:0px; padding:0;} .ie9 #contact-top .socialShare {float:right; width:150px; height:auto; margin-top:5px;} .ie9 #contact-top .socialShare .facebookShare {float:left;} .ie9 #contact-top .socialShare .twitterShare {float:left; margin-left:5px; margin-top:5px;} .ie9 #contact-mapp { width: 760px; margin: 0 auto; height: 600px; overflow:hidden; position: relative;} .ie9 #contenitore-mappa-testo {position:absolute; top:0px; width:100%; height:30px; text-align: right; z-index:2;} .ie9 #contenuto-mappa {position: absolute; top:18px; width:450px; right:10px;} .ie9 .gmap3{ width:800px; height: 415px;} .ie9 .mapmaskdx {position: absolute; top:0px; left:0px;} .ie9 .mapmaskdy {position: absolute; top:0px; right:0px;} .ie9 .mapmaskdxy {position: absolute; top:0px; left:0px;} .ie9 .mapmaskdyx {position: absolute; top:350px; left:0px;} .ie9 .zoomin { position: absolute; top: 25px; left:8px; width:39px; height:40px; background: url(../images/zoomin.png) top; cursor: pointer;} .ie9 .zoomin:hover { background: url(../images/zoomin.png) bottom;} .ie9 .zoomout { position: absolute; top: 70px; left:8px; width:39px; height:40px; background: url(../images/zoomout.png) top; cursor: pointer;} .ie9 .zoomout:hover { background: url(../images/zoomout.png) bottom;} .ie9 .wheel { position: absolute; top: 460px; left:8px; padding: 7px 0 0 110px; width:230px; height:82px; background: url(../images/scroll.png) left top no-repeat; color:#333; font-weight: bold; z-index: 9998; } .ie9 .wheel p {fony-family:'open_sansbold'; font-size:14px; font-weight:bold; margin-top:17px;} .ie9 .wheel:hover { background: url(../images/scroll.png) left bottom no-repeat;} .ie9 #contactAddress {float:left; clear:both; height:auto; width:760px; border-bottom:1px solid #F2F2F2; margin-bottom:10px; padding-bottom:10px;} .ie9 #contactAddress h3 {display:block;float:left; clear:both; width:150px; margin-bottom:5px; border-bottom:3px solid #CCC; font-family:'open_sans_lightregular'; font-style:normal; font-size:18px; font-weight:normal; color:#787878; } .ie9 #contactAddress div {float:left; clear:both; height:auto; width:100%;} .ie9 #contactAddress div img {display:block; float:left; margin-right:7px; margin-top:10px;} .ie9 #contactAddress div p {display:block;float:left; font-family:'open_sans_lightregular'; font-style:normal; font-size:12px; font-weight:normal; color: #333/*#787878*/; } .ie9 #contactSocial {float:left; clear:both; height:auto; width:760px; border-bottom:1px solid #F2F2F2; margin-bottom:10px; padding-bottom:10px;} .ie9 #contactSocial h3 {display:block;float:left; clear:both; width:150px; margin-bottom:10px; border-bottom:3px solid #CCC; font-family:'open_sans_lightregular'; font-style:normal; font-size:18px; font-weight:normal; color:#787878; } .ie9 #contactSocial div {float:left; clear:both; height:25px; margin-top:5px; width:100%;} .ie9 #contactSocial div img {display:block; float:left; margin-right:7px; margin-top:3px; } .ie9 #contactSocial div p {display:block;float:left; margin-top:5px; font-family:'open_sans_lightregular'; font-style:normal; font-size:12px; font-weight:normal; color:#333; } .ie9 #contactSocial div p a {font-family:'open_sans_lightregular'; font-style:normal; font-size:12px; font-weight:normal; color:red; text-decoration:none;} .ie9 #contactBank {float:left; clear:both; height:auto; width:760px; border-bottom:1px solid #F2F2F2; margin-bottom:10px; padding-bottom:10px;} .ie9 #contactBank h3 {display:block;float:left; clear:both; width:250px; margin-bottom:10px; border-bottom:3px solid #CCC; font-family:'open_sans_lightregular'; font-style:normal; font-size:18px; font-weight:normal; color:#787878; } .ie9 #contactBank div {float:left; clear:both; height:42px; margin-top:4px; width:100%; margin-bottom:4px;} .ie9 #contactBank div img {display:block; float:left; margin-right:7px; margin-top:3px; } .ie9 #contactBank div p {display:block;float:left; margin-top:5px; line-height:18px; font-family:'open_sans_lightregular'; font-style:normal; font-size:12px; font-weight:normal; color:#787878; } .ie9 #contactBank div p a {font-family:'open_sans_lightregular'; font-style:normal; font-size:12px; font-weight:normal; color:#52BFDC; text-decoration:none;} .ie9 #merhabaDe {float:left; clear:both; width:295px; height:55px; margin-top:20px; margin-bottom:20px; padding: 10px 0 0 15px; background:#F4F4F4;} .ie9 #merhabaDe p {display:block; float:left; margin-right:15px; padding-top:12px; font-family:'open_sans_lightregular'; font-size:16px; color:#999; margin:0; line-height:none;text-decoration:none;} @-webkit-keyframes bluePulse { from { background-color: #0DB3E5;; -webkit-box-shadow: 0 0 1px #ff80c0;; } 50% { background-color: #0DB3E5;; -webkit-box-shadow: 0 0 1px #ff80c0;; } to { background-color: #0DB3E5;; -webkit-box-shadow: 0 0 1px #ff80c0;; } } .ie9 #merhabaDe .button {display:block; float:left; text-decoration:none;font-family: arial; font-weight:bold; font-size: 15px; color: #ffffff; padding: 10px 15px; background: #FF80BF; margin-left:15px; background: -webkit-gradient(linear, left top, left bottom, from(#ff80c0), color-stop(0.25, #ff82c9), to(#ff80c0)); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 8px; border: 3px solid #f9f9f9; text-shadow:0px 1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3);} .ie9 #merhabaDe .button:hover {background: #0DB3E5; color:white; -webkit-animation-name: bluePulse; -webkit-animation-iteration-count: infinite; -webkit-transition-duration: 2s; } #text_what { width: 120px; height: 19px; background-position: -202px -175px;} #text_features { width: 94px; height: 17px; background-position: -202px -216px;} #text_demonstration { width: 167px; height: 20px; background-position: -202px -195px;} #text_options { width: 86px; height: 25px; background-position: -431px -133px;} #sign_up { -moz-border-radius: 6px; background: #fbfbfb; -webkit-border-radius: 6px; border: 1px solid #fefefe; -webkit-box-shadow: rgba(0,0,0,.4) 0px 2px 12px; -moz-box-shadow: rgba(0,0,0,.4) 0px 2px 12px;; padding: 14px 22px; width: 400px; position: relative; display: none; } #sign_up #sign_up_form { margin-top: 13px; } #sign_up label { display: block; margin-bottom: 10px; color: #536376; font-size: .9em; } #sign_up label input { display: block; width: 393px; height: 31px; background-position: -201px 0; padding: 2px 1px; font-size: 1.2em; line-height: 31px; border:none; } #see_id { width: 228px; height: 23px; background-position: -202px -133px; } #left_out { background-position: -202px -158px; width: 113px; height: 16px; } #sign_up_form { position: relative; background: url(../images/divider.png/) repeat-x bottom left; padding-bottom: 54px; margin-bottom: 12px; } #actions { float: left; position: absolute; right: 0; height: 31px; bottom: 20px; } a.form_button { float: left; width: 93px; height: 31px; margin-right: 15px; } #cancel { background-position: -198px -36px; } #log_in { background-position: -291px -36px; } #cancel:hover { background-position: -198px -67px; } #cancel:active { background-position: -198px -98px; } #log_in:hover { background-position: -291px -67px; } #log_in:active { background-position: -291px -98px; } #close_x { width: 24px; height: 23px; overflow: hidden; line-height: 1000px; display: block; position: absolute; top: 5px; right: 5px; background-position: -387px -102px; } #usage { background-position: -323px -172px; width: 67px; height: 22px;} .sprited { background: url(../images/download_sprite.png/) no-repeat; line-height: 1000px; overflow: hidden; display: block; } #slider-with-blocks-1 { width: 100%; } .rsContent { color: #FFF; font-size: 24px; line-height: 32px; float: left; } .bContainer { position: relative; top:10%; } .rsABlock { position: relative; display: block; left: auto; top: 40%; } .blockHeadline { font-size: 42px; line-height: 50px; } .blockSubHeadline { font-size: 32px; line-height: 40px } .txtCent { width: 100%; } .slider1s-1 { text-align:left; margin-left:80px; z-index:10; width: 92%;} .slider1s-2 { text-align:right; margin-right:30px; margin-top:100px; z-index:8; width: 90%;} .slider1s-3 { text-align:right; margin-right:250px; width: 80%; margin-top:100px;} .slide1 { background:url(../images/slider/attuchoSlider1.jpg); height:472px; } .slide1 .bContainer { top: 0%; height:340px; } .slide2 { background:transparent; color:#000; height:340px; } .slider2s-1 { text-align:left; margin-left:0px; margin-top:45px; z-index:10; width: 92%;} .slider2s-2 { text-align:left; margin-left:620px; margin-top:30px; z-index:8; width: 100%;} .slider2s-3 { text-align:right; margin-right:0px; width: 100%; margin-top:0px;} .slide2 .bContainer { top: 5px; } .slide2 .txtCent { line-height: 44px; } .slide2 .blockHeadline { line-height: 66px; } .slide3 { background:transparent; color:#FFF; height:340px; } .slider3s-1 { text-align:left; margin-left:30px; top:-10px; z-index:10; width: 92%;} .slider3s-2 { text-align:left; margin-left:450px; margin-top:120px; z-index:8; width: 100%;} .slide3 .bContainer { top: 24px; } .slide3 span { line-height: 44px; } .slide4 .bContainer { position: absolute; left: 0; width: 100%; height: 340px; top: 24px; } .slider4s-1 { text-align:left; margin-left:220px; margin-top:290px; z-index:10; width: 92%;} .slider4s-2 { text-align:left; margin-left:280px; margin-top:40px; z-index:8; width: 100%;} .slider4s-3 { text-align:left; margin-left:0px; margin-top:40px; z-index:8; width: 100%;} .slider4s-4 { text-align:right; margin-left:0px; margin-top:40px; margin-right:20px; z-index:8; width: 85%; } .slider4s-5 { text-align:right; margin-left:0px; margin-top:180px; margin-right:00px; z-index:8; width: 90%; } .photoCopy { position: absolute; line-height: 24px; font-size: 12px; background: black; color: white; background-color: rgba(0, 0, 0, 0.75); padding: 0px 10px; position: absolute; left: 12px; bottom: 12px; top: auto; border-radius: 2px; z-index: 25; } .photoCopy a { color: #FFF; } .palmImg { left: 0; top: auto; bottom: -60px; position: absolute; } @media screen and (min-width: 0px) and (max-width: 960px) { .rsContent { font-size: 22px; line-height: 28px; height:472px; } .blockHeadline { font-size: 32px; line-height: 32px; } .blockSubHeadline { font-size: 26px; line-height: 32px } } @media screen and (min-width: 0px) and (max-width: 500px) { .royalSlider, .rsOverflow { height: 472px !important; } .rsContent { font-size: 18px; line-height: 26px; height: 472px !important; } .blockHeadline { font-size: 24px; line-height: 32px; } .blockSubHeadline { font-size: 22px; line-height: 32px } } .main {display:none;} .register {display:none;} .form-2 { /* Size and position */ width: 340px; margin: 60px auto 30px; padding: 15px; position: relative; /* Styles */ background: #fffaf6; border-radius: 4px; color: #7e7975; box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4); } .form-2 h1 { font-size: 15px; font-weight: bold; color: #bdb5aa; padding-bottom: 8px; border-bottom: 1px solid #EBE6E2; margin-bottom:1px; text-shadow: 0 2px 0 rgba(255,255,255,0.8); box-shadow: 0 1px 0 rgba(255,255,255,0.8); } .form-2 h1 .log-in, .form-2 h1 .sign-up { display: inline-block; text-transform: uppercase; } .form-2 h1 .log-in { color: #6c6763; padding-right: 2px; } .form-2 h1 .sign-up { color: #ffb347; padding-left: 2px; } .form-2 .float { width: 49%; float: left; margin-top:0; margin-bottom:3px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,1); } .form-2 .float:first-of-type { padding-right: 5px; } .form-2 .float:last-of-type { padding-left: 5px; } .form-2 label { display: block; padding: 0 0 5px 2px; cursor: pointer; text-transform: uppercase; font-weight: 400; text-shadow: 0 1px 0 rgba(255,255,255,0.8); font-size: 11px; } .form-2 label i { margin-right: 5px; /* Gap between icon and text */ display: inline-block; width: 10px; } .form-2 input[type=text], .form-2 input[type=password] { font-family: 'Lato', Calibri, Arial, sans-serif; font-size: 13px; font-weight: 400; display: block; width: 90%; padding: 6px; margin-bottom: 5px; border: 3px solid #ebe6e2; border-radius: 5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .form-2 input[type=text]:hover, .form-2 input[type=password]:hover { border-color: #CCC; } .form-2 label:hover ~ input { border-color: #CCC; } .form-2 input[type=text]:focus, .form-2 input[type=password]:focus { border-color: #BBB; outline: none; /* Remove Chrome's outline */ } .form-2 input[type=submit], .form-2 .log-twitter { /* Size and position */ width: 48%; height: 39px; float: left; position: relative; /* Styles */ box-shadow: inset 0 1px rgba(255,255,255,0.3); border-radius: 3px; cursor: pointer; /* Font styles */ font-family: 'Lato', Calibri, Arial, sans-serif; font-size: 14px; line-height: 38px; /* Same as height */ text-align: center; font-weight: bold; } .form-2 input[type=submit] { margin-left: 1%; height: 41px; background: #fbd568; /* Fallback */ background: -moz-linear-gradient(#fbd568, #ffb347); background: -ms-linear-gradient(#fbd568, #ffb347); background: -o-linear-gradient(#fbd568, #ffb347); background: -webkit-gradient(linear, 0 0, 0 100%, from(#fbd568), to(#ffb347)); background: -webkit-linear-gradient(#fbd568, #ffb347); background: linear-gradient(#fbd568, #ffb347); border: 1px solid #f4ab4c; color: #996319; text-shadow: 0 1px rgba(255,255,255,0.3); } .form-2 .log-twitter { margin-right: 1%; background: #34a5cf; /* Fallback */ background: -moz-linear-gradient(#34a5cf, #2a8ac4); background: -ms-linear-gradient(#34a5cf, #2a8ac4); background: -o-linear-gradient(#34a5cf, #2a8ac4); background: -webkit-gradient(linear, 0 0, 0 100%, from(#34a5cf), to(#2a8ac4)); background: -webkit-linear-gradient(#34a5cf, #2a8ac4); background: linear-gradient(#34a5cf, #2a8ac4); border: 1px solid #2b8bc7; color: #ffffff; text-shadow: 0 -1px rgba(0,0,0,0.3); text-decoration: none; } .form-2 input[type=submit]:hover, .form-2 .log-twitter:hover { box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 20px 40px rgba(255,255,255,0.15); } .form-2 input[type=submit]:active, .form-2 .log-twitter:active{ top: 1px; } /* Fallback fro broswers that don't support box shadows */ .no-boxshadow .form-2 input[type=submit]:hover { background: #ffb347; } .no-boxshadow .form-2 .log-twitter:hover { background: #2a8ac4; } .form-2 p:last-of-type { clear: both; margin:0; } .form-2 .opt { text-align: right; margin-right: 3px; margin-bottom:0; } .form-2 label[for=showPassword] { display: inline-block; margin-bottom: 10px; font-size: 11px; font-weight: 400; text-transform: capitalize; } .form-2 input[type=checkbox] { vertical-align: middle; margin: -1px 5px 0 1px; } @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot/'); src: url('../font/fontawesome-webfont.eot/#iefix') format('eot'), url('../font/fontawesome-webfont.woff/') format('woff'), url('../font/fontawesome-webfont.ttf/') format('truetype'), url('../font/fontawesome-webfont.svg/#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } .back {float: left;margin: 10px 0;padding: 10px;} .back a {text-decoration: none; color: #fff; font-size: 12px; text-transform: uppercase;} /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: top; font-size: 1.3333333333333333em; } .btn [class^="icon-"], .btn [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: .9em; } li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.875em; } li[class^="icon-"], li[class*=" icon-"] { margin-left: 0; list-style-type: none; } li[class^="icon-"]:before, li[class*=" icon-"]:before { text-indent: -2em; text-align: center; } li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { text-indent: -1.3333333333333333em; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } /* \f020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-user-md:before { content: "\f200"; } .back{float:left; display:none; margin-top:5px; margin-bottom:5px;} .back a{text-decoration:none; color:#666; font-size: 15px; font-family: arial; font-weight: bold;} .Services {float:left; min-height:280px; height:auto; width:232px; margin-top:0px; margin-bottom:5px; margin-left:8px;} .Services:first-child {/*margin-left:0;*/} .Services .grslImage {float:left; border:4px solid #E3E3E3;} .Services h1 {display:block; float:left; clear:both; width:100%; font-family:arial; font-size:18px; color:#333333; margin:0; line-height:none; margin-bottom:5px; } .Services p {display:block; float:left; clear:both; width:100%; font-family:arial; font-size:11px; color:#333333; margin:0;} .Services a {display:block; float:left; clear:both; background:#5C5C5C; margin-top:10px; padding: 4px 15px 4px 15px; font-family: 'tff_hlv_condnormal'; font-size:16px; color:#FFF; text-decoration:none;} .carouselContent {float:left;clear:both; background:url(../images/carouselBG.png) left top no-repeat; height:168px; margin-bottom: 17px;} .carouselContent h1 {margin: 10px 0; margin-left:10px; font-family: 'open_sans_semiboldregular'; font-size:14px;} .icerikContent {float:left; width:720px;margin-top: 25px;} .rocky {float: left; margin-top: 63px; margin-left: 218px;} #asideBottom div:nth-child(1) {display:block; margin-right:10px;} #asideBottom img {display:block; margin-right:10px;} /*-------------> BAROUSEL */ .barousel { position:relative; margin-bottom:0px; background:url(../images/bg_banner.gif/) repeat 0 0; width:1000px; height:352px; } .barousel_image { position:absolute; z-index:10; width:1000px; height:352px; } .barousel_image img { position:absolute; display:none; } .barousel_image img.default { display:block; } .barousel_image img.current { z-index:10; } .barousel_image img.previous { z-index:5; } .barousel_content { position:absolute; padding:5px 5px 5px 5px; z-index:50; background:url(../images/bg_barousel_content.png/) repeat 0 0; color:#fff; width: 600px; bottom:0px; left:10px; height:30px!important; } .barousel_content div { display:none; } .barousel_content div.default { display:block; } .barousel_content p { font-family:arial; font-size:24px; font-weight:normal; line-height:5px; color:#333333; margin:0; padding:0; } .barousel_content p span { color:#900; } .barousel_content p.header { font-size:28px; font-weight:normal; line-height:28px; color:#fff55b; } .barousel_content a, .barousel_content a:hover { color:#fff55b; background-color:transparent !important; } .barousel_nav { position:absolute; padding:3px 3px 0px 0; height:60px; background:#E3E3E3; bottom:0; z-index:20; padding-right:20px; width: 700px; } .barousel_nav .counter { display:none; float:right; font-size:0.75em; color:#fff; margin:3px 5px 0 0; } .barousel_nav ul { float:right; padding:0; margin:0; } .barousel_nav li { float:left; padding-left:3px; font-size:0; line-height:0; list-style:none; } .barousel_nav li a { display:block; width:33px; height:33px; background-color:#AEAB9C; font-size:0; line-height:0; text-decoration:none; margin-top:15px; } .barousel_nav li a:hover { background-color:#6e6e6e; } .barousel_nav li a.current { background-color:#fff55b; } .barousel_nav li.prev a { background-image:url(../images/barousel_link_previous.png); background-repeat:no-repeat; background-position: 11px 7px; border-radius: 50%; } .barousel_nav li.next a { background-image:url(../images/barousel_link_next.png); background-repeat:no-repeat; background-position: 13px 7px; border-radius: 50%; } .barousel img.ajax_loader { display:none; position:absolute; z-index:99; top:70px; left:135px; } .resimGaleri {float:left; width:100%; margin:10px 0;} .resimGaleri .icerikler {float:left; width:100%; } .resimGaleri .icerikler .itemA {float:left; width:154px; height:200px; margin:10px;background: rgba(204, 204, 204, 0.14); } .resimGaleri .icerikler .itemA .image {float:left; overflow:hidden; clear:both; width:153px; margin-bottom:15px; } .resimGaleri .icerikler .itemA .image img {width:153px;} .resimGaleri .icerikler .itemA a {font-family: 'open_sans_semiboldregular'; font-size:14px;color:#333333; text-decoration:none;} .resimGaleri .icerikler .itemA span {display: block; width: 100%;font-family: 'open_sans_semiboldregular'; font-size:14px;color:#333333; text-align: center;} .resimGaleri {float:left; width:100%; margin:10px 0;} .resimGaleri .icerikler {float:left; width:100%; } .resimGaleri .icerikler .itemR {float:left; width:154px; height:200px; margin:10px;background: rgba(204, 204, 204, 0.14); } .resimGaleri .icerikler .itemR .image {float:left; overflow:hidden; clear:both; width:153px; margin-bottom:15px; } .resimGaleri .icerikler .itemR .image img {width:153px;} .resimGaleri .icerikler .itemR a {font-family: 'open_sans_semiboldregular'; font-size:14px;color:#333333; text-decoration:none;} .resimGaleri .icerikler .itemR span {display: block; width: 100%;font-family: 'open_sans_semiboldregular'; font-size:14px;color:#333333; text-align: center;} .resimGaleri .icerikler .albumAciklama {font-family: 'open_sans_semiboldregular'; font-size:14px; float:left; width:700px; margin-left:10px; background:#EBEBEB; clear:both; padding:10px 0; padding-left:10px;} .product-img-thumb {width: 300px; float:left; margin-top: 10px;} .product-img-thumb img {display:block; margin:0 auto; width:/*float:left; margin: 0px 0px 10px 0px;padding: 2px;border: 1px solid #e0e0e0;background-color: #fff;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;*/} .product-img {float: left; width:300px; padding: 1px;border: 1px solid #e0e0e0;background-color: #fff;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .product-img img {width: 300px;} .product-img-thumb a {/*margin-right:17px;*/ float:left; overflow: hidden; margin: 0px 15px 10px 0px;padding: 2px;border: 1px solid #e0e0e0;background-color: #fff;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; width:84px; height:67px; } .product-img-thumb a:nth-child(3) {margin-right:0;} #ContentPlaceHolder1_lnkKaydet { background: #fe2e31; padding: 9px 52px; border-radius: 5px; text-decoration: none; color: #fff; font-size: 15px; font-weight: bold; margin-left:20px; } #ContentPlaceHolder1_CodeNumberTextBox { margin-bottom:15px; width: 195px; height: 23px; margin-left:20px; } .dugme tbody tr td img { margin-bottom:15px; margin-left:20px; } .dugme { margin-left:15px; } .formlar h1 { float: left; clear: both; width: 696px; height: 35px; margin-top: 6px; background: #F3EFEA; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 21px; color: #0e3a67; padding-top: 7px; padding-left: 15px; border-radius: 7px; margin-bottom:20px; } .form tbody tr { width: 350px; height: 40px; } .form { margin-left: 15px; } .form tbody tr td input { width:195px; height:23px; margin-left:20px; } #ContentPlaceHolder1_txt_16 { width:240px; margin-left:20px; } #ContentPlaceHolder1_ddl_11 { width: 201px; height: 25px; margin-left: 20px; } .label { font-size: 13px; color: #333; font-weight: bold; } .dugme tbody tr th { padding-top: 47px; width:109px; }