﻿/** BASIC HTLM CSS***/

.HtmlLtrDiv h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif, Tahoma, Arial;
    color: #404041;
    margin-bottom: 15px;
    font-weight: 400;
}

.HtmlLtrDiv h1 {
    font-size: 22px;
}

.HtmlLtrDiv h2 {
    font-size: 22px;
}

.HtmlLtrDiv h3 {
    font-size: 18px;
}

.HtmlLtrDiv h4 {
    font-size: 16px;
}

.HtmlLtrDiv h5 {
    font-size: 14px;
}

.HtmlLtrDiv h6 {
    font-size: 14px;
}

.HtmlLtrDiv p {
    font-size: 14px;
    color: #404041;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 24px !important;
}
.HtmlLtrDiv pre {
    font-size: 14px;
    color: #404041;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 23px !important;
    white-space: pre-wrap !important;
    font-family: 'Open Sans', sans-serif, Tahoma, Arial !important;
}
.PreWarp {
        white-space: pre-wrap !important;
        line-height: 22px !important;
}
.HtmlLtrDiv img {
    margin-bottom: 9px;
}

.HtmlLtrDiv a {
    font-family: 'Open Sans', sans-serif, Tahoma, Arial;
    color: #404041;
    text-decoration: underline;
    cursor: pointer;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s; 
}

    .HtmlLtrDiv a:hover {
        color: #008dd2;
        text-decoration: underline;
    }

.HtmlLtrDiv ul {
    color: #404041;
    font-size: 14px;
    margin-bottom: 20px;
}

    .HtmlLtrDiv ul li {
        font-family: 'Open Sans', sans-serif, Tahoma, Arial;
        font-size: 14px;
        color: #404041;
        line-height: 20px;
        list-style-type: disc;
        list-style-position: inside;
    }

.HtmlLtrDiv ol {
    color: #404041;
    font-size: 14px;
    margin-bottom: 20px;
}

    .HtmlLtrDiv ol li {
        font-family: 'Open Sans', sans-serif, Tahoma, Arial;
        font-size: 14px;
        color: #404041;
        line-height: 20px;
        list-style-type: decimal-leading-zero;
        list-style-position: inside;
    }


.HtmlLtrDiv table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}

    .HtmlLtrDiv table caption {
        padding: 5px;
        font-size: 16px;
        font-family: 'Open Sans', sans-serif, Tahoma, Arial;
        background-color: #008dd2;
        color: #FFFFFF;
    }

.HtmlLtrDiv td {
    font-family: 'Open Sans', sans-serif, Tahoma, Arial;
    font-size: 14px;
    color: #404041;
    border: 1px solid #CCCCCC;
    padding: 5px;
}

    .HtmlLtrDiv td span {
        font-family: 'Open Sans', sans-serif, Tahoma, Arial !important;
        font-size: 14px !important;
        color: #404041 !important;
    }

/*SLIDER CONTENT*/
.SliderContentDiv {
    float: right;
    width: 600px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.70);
}

/*TICKER 1*/
.TickerView1 {
}

    .TickerView1 li {
        width: 370px;
        line-height: 14px;
        list-style-type: none !important;
        list-style-image: none !important;
    }

.TickerNavDiv1 {
}

.TickerNextBtn1 {
    width: 24px !important;
    height: 24px !important;
    float: left;
    cursor: pointer;
}

.TickerPreviousBtn1 {
    width: 24px !important;
    height: 24px !important;
    float: left;
    margin-right: 4px;
    cursor: pointer;
}

/*TICKER 2*/
.TickerView2 {
}

    .TickerView2 li {
        width: 100%;
        line-height: 14px;
        list-style-type: none !important;
        list-style-image: none !important;
    }
	.TickerView2 ul li img {
        width:370px;
	height:260px;
    }


.TickerNavDiv2 {
}

.TickerNextBtn2 {
    width: 24px !important;
    height: 24px !important;
    float: left;
    cursor: pointer;
}

.TickerPreviousBtn2 {
    width: 24px !important;
    height: 24px !important;
    float: left;
    margin-right: 4px;
    cursor: pointer;
}

/*TICKER 2*/
.TickerView3 {
}

    .TickerView3 li {
        width: 370px;
        line-height: 14px;
        list-style-type: none !important;
        list-style-image: none !important;
    }

.TickerNavDiv3 {
}

.TickerNextBtn3 {
    width: 24px !important;
    height: 24px !important;
    float: left;
    cursor: pointer;
}

.TickerPreviousBtn3 {
    width: 24px !important;
    height: 24px !important;
    float: left;
    margin-right: 4px;
    cursor: pointer;
}

.SocialBtns {
    float: left;
}

.SocialBtnsDiv {
    background-repeat: no-repeat;
    background-position: left top;
    width: 440px;
    height: 65px;
}

.SocialBtnsHeader {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-left: 80px;
    padding-top: 20px;
}
/*HEADER BANT*/
.HeaderBantH {
  font-size: 16px !important;
  padding:5px;
  font-family: 'Open Sans', sans-serif, Tahoma, Arial;
  color: #404041;
  text-transform: uppercase;
  display: inline;
  background-color: #ffffff;
  padding-right: 15px;
}

.HeaderBantDiv {
    background-image: url('images/HeaderBant.png');
    background-repeat: repeat-x;
    background-position: left 7px;
    margin-bottom: 15px;
}

/*SLIDER CONTENT*/

.SliderTemplate1Div {
    position: absolute;
    left: 0px;
    padding: 15px;
    width: 670px;
    height: 105px;
    background-color: rgba(255,255,255, 0.50);
}

.SliderTemplate2Div {
    position: absolute;
    left: 0px;
    padding: 15px;
    width: 670px;
    height: 105px;
    background-color: rgba(64,64,65, 0.50);
}
/*PARAGRAFLAR*/

.p1 {
    font-family: 'Open Sans', sans-serif, Tahoma, Arial;
    color: #404041 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
}

.p1Italic {
    font-family: 'Open Sans', sans-serif, Tahoma, Arial;
    color: #404041 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-style: italic !important;
    margin-bottom: 20px !important;
}

.p2 {
    color: #404041 !important;
    line-height: 20px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-family: 'Open Sans', sans-serif, Tahoma, Arial;
    margin-bottom: 20px !important;
}

.p3 {
    font-family: 'Open Sans', sans-serif, Tahoma, Arial;
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
}

/*BAŞLIKLAR*/

.h1Grey {
    color: #404041 !important;
}

.h1Blue {
    color: #008dd2 !important;
    text-transform: uppercase !important;
}

.h2Grey {
    color: #404041 !important;
}

.h2Blue {
    color: #008dd2 !important;
    text-transform: uppercase !important;
}

.h2White {
    color: #FFFFFF !important;
}

.h3Grey {
    color: #404041 !important;
}

.h3Blue {
    color: #008dd2 !important;
    text-transform: uppercase !important;
}

.h4Grey {
    color: #404041 !important;
}

.h4Blue {
    color: #008dd2 !important;
    text-transform: uppercase !important;
}

.h5Grey {
    color: #404041 !important;
}

.h5Blue {
    color: #008dd2;
    text-transform: uppercase !important;
}

.h6Grey {
    color: #404041 !important;
}

.h6Blue {
    color: #008dd2 !important;
    text-transform: uppercase !important;
}

.aGrey {
    color: #404041 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    margin-bottom: 15px !important;
}

    .aGrey:hover {
        color: #008dd2 !important;
        text-decoration: underline !important;
    }

.aBlue {
    color: #008dd2 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    margin-bottom: 15px !important;
}

    .aBlue:hover {
        color: #404041 !important;
        text-decoration: underline !important;
    }

.aWhite {
    color: #FFFFFF !important;
    font-size: 14px !important;
    text-decoration: none !important;
    margin-bottom: 15px !important;
}

    .aWhite:hover {
        color: #D92231 !important;
        text-decoration: underline !important;
    }

.btnGrey {
    color: #FFFFFF !important;
    font-size: 14px !important;
    background-color: #404041 !important;
    text-decoration: none !important;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 15px;
}

    .btnGrey:hover {
        background-color: #008dd2 !important;
        color: #FFFFFF !important;
    }
