* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
html {
min-width:970px;
}
body {
background:#f7f7f7;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1.125em;
color:#828282;
}
img {
border:0;
vertical-align:top;
text-align:left;
}
object {
vertical-align:top;
outline:none;
}
ul, ol {
list-style:none;
}
.fleft {
float:left;
}
.fright {
float:right;
}
.clear {
clear:both;
}
.col-1, .col-2, .col-3, .col-4 {
float:left;
}
.alignright {
text-align:right;
}
.aligncenter {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
}
.container {
width:100%;
}
/*==== GLOBAL =====*/
#main {
width:970px;
margin:0 auto;
font-size:.75em;
}
#header {
height:90px;
overflow:hidden;
}
#footer {
padding:0 0 20px 0;
}
/*----- forms parameters -----*/
input, select, textarea {
font-family:Arial, Helvetica, sans-serif; font-size:1em;
vertical-align:middle;
font-weight:normal;
}
/*----- other -----*/
.img-indent {
margin:0 30px 0 0;
float:left;
}
.img-box {
width:100%;
overflow:hidden;
padding-bottom:20px;
}
.img-box img {
float:left;
margin:0 30px 0 0;
}
.extra-wrap {
overflow:hidden;
}
p {
margin-bottom:18px;
}
.p1 {
margin-bottom:9px;
}
.p2 {
margin-bottom:18px;
}
.p3 {
margin-bottom:27px;
}
/*----- txt, links, lines, titles -----*/
a {
color:#58a1a0;
outline:none;
}
a:hover{
text-decoration:none;
}
h1 {
float:left;
padding:18px 0 15px 51px;
font-size:34px;
line-height:1.2em;
color:#1d1d1d;
background:url(images/logo.jpg) no-repeat 4px 8px;
font-family:"Times New Roman", Times, serif;
}
h1 a {
color:#1d1d1d;
text-decoration:none;
}
h1 a span {
color:#b6b6b6;
font-weight:normal;
}
h2 {
font-size:26px;
line-height:32px;
color:#252525;
font-weight:normal;
font-family:"Times New Roman", Times, serif;
margin-bottom:20px;
padding-top:10px;
}
h2.alt {
letter-spacing:-1px;
}
h3 {
font-size:18px;
color:#4f5658;
line-height:22px;
margin-bottom:16px;
}
h4 {
font-size:12px;
color:#4f5658;
line-height:22px;
margin-bottom:6px;
}
h4 span {
display:block;
font-size:11px;
color:#bcbcbc;
font-weight:normal;
}
h5 {
font-size:1em;
}
.txt1 {
font-size:14px;
line-height:20px;
color:#ababab;
}
.txt2 {
}
.link1 {
background:url(images/arrow1.gif) no-repeat 100% 3px;
padding-right:15px;
font-size:12px;
color:#0e0e0e;
font-weight:bold;
}
.link2 {
color:#ababab;
}
.button {
float:right;
}
.button span {
display:block;
background:url(images/button-left.gif) no-repeat left top;
padding-left:3px;
}
.button span span {
background:url(images/button-right.gif) no-repeat right top;
padding-right:4px;
padding-left:0;
}
.button span span a {
display:block;
background:#333743;
padding:4px 5px 3px 5px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
}
.button span span a:hover {
text-decoration:underline;
}
.line-hor {
padding-bottom:40px;
margin-bottom:37px;
background:url(images/line-dot.gif) 0 100% repeat-x;
}
.line-ver {
background-image:url(images/line-ver.gif);
background-repeat:repeat-y;
width:100%;
}
.title {
margin-bottom:20px;
}
/*==================boxes====================*/
.box {
background:#dfdfdf;
width:100%;
}
.box .left-top-corner {
background:url(images/left-top-corner.gif) no-repeat left top;
}
.box .right-top-corner {
background:url(images/right-top-corner.gif) no-repeat right top;
}
.box .left-bot-corner {
background:url(images/left-bot-corner.gif) no-repeat left bottom;
width:100%;
}
.box .right-bot-corner {
background:url(images/right-bot-corner.gif) no-repeat right bottom;
}
.box .inner {
padding:20px 25px 17px 26px;
}
.extra-box {
background:url(images/pagination-bg.gif) no-repeat 0 0;
height:44px;
overflow:hidden;
}
.extra-box .inner {
padding:8px 0 0 26px;
}
.date {
float:left;
}
.date li {
float:left;
}
.date li.day {
background:url(images/day.jpg) no-repeat 0 0;
width:27px;
padding:6px 5px 2px 0;
font-size:12px;
color:#000;
text-align:center;
font-weight:bold;
}
.address dd {
clear:both;
}
.address dd span {
float:left;
width:83px;
}
.address dd a {
color:#828282;
}
.departments {
margin-top:-30px;
}
.departments dt {
padding-top:30px;
}
.departments dd {
clear:both;
}
.departments dd span {
float:left;
width:83px;
}
.departments dd a {
color:#828282;
}
/*===== header =====*/
#header .nav {
float:right;
padding:14px 24px 0 0;
}
#header .nav li {
float:left;
background:url(images/divider.gif) no-repeat 0 0;
padding-left:31px;
}
#header .nav li.first {
background:none;
}
#header .nav li a {
font-size:12px;
color:#b7b7b7;
font-weight:bold;
line-height:1.2em;
text-decoration:none;
float:left;
padding:21px 0 20px 0;
}
#header .nav li a:hover, #header .nav li a.current {
color:#000;
}
/*--- slider begin ---*/
#faded {
width:970px;
height:323px;
overflow:hidden;
margin-bottom:10px;
}
ul.pagination {
background:url(images/pagination-bg.gif) no-repeat 0 0;
height:44px;
overflow:hidden;
padding:0 0 0 25px;
}
ul.pagination li {
float:left;
padding:14px 8px 0 0;
}
ul.pagination li a {
float:left;
background:url(images/marker1.gif) no-repeat 0 0;
width:15px;
height:15px;
color:#505e5c;
text-decoration:none;
text-align:center;
font-size:0;
line-height:0;
overflow:hidden;
}
ul.pagination li a:hover {
background:url(images/marker1-act.gif) no-repeat 0 0;
}
ul.pagination li.current a {
background:url(images/marker1-act.gif) no-repeat 0 0;
color:#fff;
}
#faded .rap {
height:277px;
margin-bottom:2px;
}
/*--- slider end ---*/
.banner img {
float:left;
margin-right:31px;
}
.banner h4 {
padding-top:31px;
}
/*===== content =====*/
#content .indent {
padding:40px 24px 10px 25px;
}
#content .section {
padding-bottom:60px;
}
/*--- list styles ---*/
.list1 {
padding-bottom:20px;
}
.list1 li {
background:url(images/arrow1.gif) no-repeat 0 5px;
padding:0 0 8px 16px;
font-size:12px;
line-height:1.2em;
}
.list1 li a {
color:#58a1a0;
font-weight:bold;
}
.img-list li {
width:100%;
overflow:hidden;
padding-bottom:12px;
font-size:12px;
line-height:1.5em;
color:#828282;
}
.img-list li img {
float:left;
margin-right:16px;
}
.img-list li h4 {
padding-top:5px;
}
/*===== footer =====*/
#footer {
color:#545454;
font-size:10px;
}
#footer span {
text-transform:uppercase;
color:#858585;
}
#footer a {
color:#545454;
}
.social-services {
float:right;
}
.social-services li {
float:left;
padding-left:9px;
}
/*----- forms -----*/
#ClockForm {
float:left;
}
#ClockForm fieldset {
border:none;
float:left;
}
#ClockForm input {
border:none;
color:#99b2b2;
font-size:12px;
width:110px;
padding:5px 0 6px 0;
background:none;
}
#TimeForm {
float:left;
}
#TimeForm fieldset {
border:none;
background:url(images/clock-bg.jpg) no-repeat 0 0;
float:left;
}
#TimeForm input {
border:none;
color:#99b2b2;
font-size:12px;
width:100px;
padding:5px 0 6px 36px;
background:none;
}
#search-form {
float:right;
padding:0 25px 0 0;
}
#search-form fieldset {
border:none;
background:url(images/search-bg.gif) no-repeat 0 0;
float:right;
}
#search-form input.text {
width:190px;
padding:7px 5px 7px 12px;
background:none;
border:none;
color:#898989;
}
#search-form input.submit {
width:34px;
height:28px;
border:none;
background:none;
cursor:pointer;
}
#contacts-form fieldset {
border:none;
}
#contacts-form label {
display:block;
height:33px;
overflow:hidden;
}
#contacts-form span {
float:left;
width:90px;
}
#contacts-form input {
background:none;
width:290px;
padding:4px 5px 4px 6px;
border:none;
border:1px solid #8c8c8c;
color:#111;
}
#contacts-form textarea {
width:290px;
padding:4px 5px 4px 6px;
height:155px;
background:none;
overflow:auto;
border:1px solid #8c8c8c;
color:#111;
margin-bottom:17px;
}
/*==========================================*/
.anasayfahakkimizda {
margin-top:-20px;
}
/*===============================================*/
.content-iletisim {width:500px; height:570px; float:left;}
.content-ofis {width:1000px; height:auto; float:left;}
.ofis
{ width:480px; line-height:25px; margin:10px; float:left;}
.ofis-ikon
{ width:20px; height:21px; line-height:25px; padding-top:4px; float:left;}
.ofis-baslik
{ width:60px; height:25px; line-height:25px; font-weight:bold; float:left;}
.ofis-ayrac
{ width:5px; height:25px; line-height:25px; font-weight:bold; float:left;}
.ofis-metin
{ width:390px; height:25px; line-height:25px; padding-left:5px; float:left;}
input, textarea, select { font-size: 11px;}
#contact {
display: block;
width: 480px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
/* Form style */
#contact label {
display: block;
height: 16px;
line-height: 16px;
width: 250px;
}
#contact label.verify {float: left; width: 60px; height: 50px; line-height: 50px;}
#contact input, #contact textarea, #contact select {
color: #666;
border: 1px; border-style:solid;
border-color:#AAAAAA;
margin: 10px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #F3F3F3;
}
#contact input, #contact textarea {
width: 420px;
padding: 10px;
}
#contact select {
width: 100%;
padding: 10px;
}
#contact input:focus, textarea:focus, select:focus {
background: #eeeeee;
border-color:#CCCCCC;
color:#333;
}
#contact input.submit {
width: 85px;
cursor: pointer;
background:#333;
color:#fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
transition: all .1s ease-in;
}
#contact input.submit:hover {
background:#fff;
color: #444;
}
#contact input[type="submit"][disabled] { background:#888; }
/* #contact fieldset { padding:20px; border:1px solid #eee;}
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; margin-bottom:0 !important; margin-bottom:20px; } */
#contact span.required{ font-size: 11px; color: #ff0000; } /* Select the colour of the * if the field is required. */