@import "http://fonts.googleapis.com/css?family=PT+Sans:400,700|Fjalla+One&subset=latin,latin-ext,cyrillic-ext,cyrillic";
/* Left & Right alignment */
html, body, div,  applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    font-family: "PT Sans";
    font-weight:normal;
}
ol, ul {
	list-style: none;
}

input,select,checkbox{font-size:11px;}
.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background:#fff; border:0; font:11px ;color:#323232; min-width:1260px; overflow:hidden;font-family: "PT Sans";}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

.page_spinner{ position:absolute;background: url(../images/bg.jpg) 0 0 repeat #cb610c; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner div{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat;width:100%; height:100%; top:0; left:0}


/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 1200px; }

#bgStretch {overflow: hidden;
    position: absolute;
    width: 1200px;
    z-index: -1;}
/*.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}*/
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-300% 0 0 0;overflow:hidden;padding:0}
.over{ margin: 0 auto;
    position: relative;
    width: 1200px;}
.bg1{width:1200px;position:fixed;bottom:0;height:40px; background-color:white;opacity:0.8;}

/* ============================= main layout ====================== */

/*a{ color:#ad2f00; text-decoration: none; outline:none}
a:hover{}
h1{  float:left}
h2{ font:30px 'Asap', sans-serif; color:#ad2f00; line-height:1.2em; padding:2px 0 14px 0; letter-spacing:-2px;}
p{ padding-bottom:25px;}
strong{ color:#ad2f00}*/

/* ============================= header ====================== */
/*header{ height:60px;}*/

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.jpg) 0 0 no-repeat; width:220px; height:220px;}

.menu { float:right; padding-top:36px}
#menu > li { float:left; margin-left:30px; position:relative;}
#menu > li > a{ display:block; font:17px 'Asap', sans-serif; color:#fff; text-shadow:1px 1px rgba(0,0,0,.5)}
#menu > li > a:hover, #menu > .active > a{ }

.submenu_1{ position:absolute; top:30px; left:-30px; width:110px; background:url(../images/bg_footer.png) repeat; padding:10px 0;}
.submenu_1 li{ position:relative;}
.submenu_1 span{ position: absolute; width:100%; height:100%; top:0; left:0; background:#fff}
.submenu_1 a{ display:block; font:14px 'Asap', sans-serif;  line-height:30px; color:#ad2f00; position:relative; text-align:center}

/* ============================= content ====================== */

#popup_icerik{  position: absolute;top: 40px;z-index:10;left: 265px;}
#popup_icerik > ul > li{ position:relative; /*background:url(../images/bg_content.png) repeat; width:100%;*/ overflow:hidden}

.pad{ padding:10px 3px; overflow:hidden}
.pad_left1{ padding-left:10px}
.pad_bot1{ padding-bottom:5px;}
.marg_right1{ margin-right:10px}

figure{ padding-top:3px;}
#page_Services figure{ padding-top:0}

.link1{ position:relative; display:inline-block}
.link1 span{ position:absolute; bottom:4px; left:0; height:1px; width:0;}

.close{ position:absolute; background:url(../images/kapat2.png) 0 0 no-repeat; width:20px; height:20px; top:18px; right:20px;}
.close span{ width:100%; height:100%; background:url(../images/kapat2.png) 0 0 no-repeat; display:block}

#icons{ padding-top:8px;}
#icons li{ float:left; margin-right:10px}
#icons .first{ font-size:14px; margin-right:18px}
#icons a{ position:relative; display:block}
#icons .img_act{ position:absolute; top:0; left:0}

.scroll{height:290px; width:340px; overflow:hidden;}
.track{ width:20px; height:299px; padding:0 0; top:38px !important; left:360px !important; background: url(../images/scroll_track.png) 0 0 no-repeat}
.shuttle{ width:20px; height:76px; background: url(../images/scroll_drag.png) 0 0 no-repeat; margin-left:0px;}
._up-butt, ._down-butt{ height:0px !important;}

.list1{}
.list1 li{ padding-left:15px; background:url(../images/marker_1.gif) 0 10px no-repeat; overflow:hidden}
.list1 a{ position:relative}
.list1 span{ position:absolute; bottom:0; left:0; width:0; height:1px; background:#ad2f00}

.gallery_big_img{ position:relative; width:100%; height:355px; margin-top:10px}
.gallery_big_img img{ position:absolute; top:0; left:0}

#caption{ position:relative; height:213px; width:100%; overflow:hidden;}
#caption  li{ position:absolute; top:0; left:0}

#gallery1{ width:380px !important;}
#gallery1 li{ float:left; margin-right:10px}
#gallery1 img{ width:120px; height:100px;}

.prev, .next{ position:absolute; top:42px; width:4px; height:6px; padding:5px; background:url(../images/marker_left.gif) 5px 5px no-repeat; left:-19px;}
.next{ left:auto; right:-19px; background:url(../images/marker_right.gif) 5px 5px no-repeat}
.prev span, .next span{ display:block; width:100%; height:100%; background:url(../images/marker_left.gif) 0 bottom no-repeat}
.next span{ background:url(../images/marker_right.gif) 0 bottom no-repeat}

.google_map{width:380px; height:206px; padding-top:0; position:relative; background:#fff; margin-top:3px; margin-bottom:22px;}

/* ============================= footer ====================== */

footer { color:#4d4d4d; position:fixed;bottom:0;width:1200px;margin:0 auto;font-size:9pt;background-color:#D6DBE1;height:45px;border:1px solid #999999;border-top-left-radius:10px;border-top-right-radius:10px;padding-top:10px;}
footer a{ text-decoration:none;}
footer a:hover{color:black;}

#bg_pagination{ position:absolute; right:60px; top:10px;}
#bg_pagination li{ float:left; margin-left:5px; background:url(../images/buttons.png) 0 0 no-repeat; position:relative}
#bg_pagination span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/buttons_active.gif) 0 0 no-repeat}
#bg_pagination a{ position:relative; display:block; width:20px; height:20px; line-height:20px; text-align:center; text-decoration:none}

/* ============================= forms ============================= */

#ContactForm{ position:relative; padding-bottom:20px}
#ContactForm .col1{ width:76px;}
#ContactForm .wrapper{ overflow:inherit; min-height:25px;}
#ContactForm .success{ display:none; position:absolute; bottom:0; line-height:20px}
#ContactForm label{ position:relative;min-height:22px; display: inline-block;}
#ContactForm .message{ height:206px;}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#ad2f00; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:23px; float:right;}
#ContactForm .input { margin:0;width:282px; height:16px; background: url(../images/spacer.gif) repeat; padding:2px 10px;color:#323232; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;resize:none;width:282px; height:197px; background: url(../images/spacer.gif) repeat; padding:2px 10px;color:#323232; font:13px Arial, Helvetica, sans-serif;}


#ContactForm  .bg{ background:#fff; border:1px solid #e5e5e5; position:relative;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius:4px; display:inline-block; line-height:20px;}


/* -------------------------- columns --------------------------*/

.col1, .col2, .col3, .cols { float:left;}

.col1{ width:380px;}
.col2{ width:280px;}
#page_Contacts .col2{ width:70px; }




.lblyazi
{
font-size:9pt;
font-family:Trebuchet MS;
font-weight:200;
line-height:16px;

}


.brdr{
    border:1px solid #ccc;
}
.brdrT{
    border-top:1px solid #ccc;
}
.brdrL{
    border-left:1px solid #ccc;
}
.brdrR{
    border-right:1px solid #ccc;
}
.brdrB{
    border-bottom:1px solid #ccc;
}

.tar {
text-align:right;
}
.tal {
    text-align:left;
}
.tac{text-align:center;}
  .label1 {
        padding:5px 0px 5px 0px;
        text-align:left;
        float:left;
        width:100px;
    }
    .inpt {
        padding:2px 0 2px 0px;
        text-align:left;
    }

     .slct {
        float:left;
        padding:1px 0 1px 0px;
        text-align:left;
    }
    .fl {
      float:left;
    }
    .w100{width:100%;}
    .pd10{padding:10px;}
    .pd5{padding:5px;}
    .pdl5{padding:0px 5px 0px 5px;}
    .pdt5{padding:5px 0px 5px 0px;}
    .pd2{padding:2px;}
    .pd1{padding:1px;}
    .pd3{padding:3px;}
    .tnowrap{text-wrap:none;}
    .curp{cursor:pointer;}
    .font8{font-size:8pt;}
    .font9{font-size:9pt;}
    .font7{font-size:7pt;}
    .font10{font-size:10pt;}
    .font11{font-size:11pt;}
    .font12{font-size:12pt;}
    .bcwhite{background-color:white;}
    .colorwh{color:white;}
.fontbold {
    font-weight: bold;
}
    .btnImg {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    color: #333333;
    font: 9pt verdana;
}
.btnImg:hover {
    background: none repeat scroll 0 0 #CCCCCC;
}
.btnImg:active {
    background: none repeat scroll 0 0 #BBBBBB;
}
.rBt {
    background: #ddd;
    border: medium none;
    cursor: pointer;
    padding: 3px 5px;
    width: 185px;
}
.rBt:hover {
    background: #ccc;
}
.rBt:active {
    background: #ddd;
    color: #FFFFFF;
}
#menu_block {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #41c1fe 1%, #007bb6 100%) repeat scroll 0 0;*/
    height: 26px;
    margin-left:629px;
    z-index: 100;
    float:left;
    position: absolute;
}
/*#menu_block {
    margin-top: 13px;
    z-index: 100;
    opacity:0.8;
    float:right;
}*/
#aramafiltre tr{ height:16px;border-spacing: 0px;border-collapse: collapse;}
#aramafiltre tr td{ height:16px;}
#aramafiltre tr td input{ height:16px;}
.bc1{background-color:#eee;}
.color1{color:#ccc;}
.buttongri{ background-color: #e0e0e0;
    background-image: linear-gradient(to bottom, #eaeaea 10%, #cacaca 90%);
    border: 1px solid #ddd;
    margin-bottom: 0;
    text-shadow: 0 1px 2px #fff;
    width: 100%;
    border-radius: 1px;
    -moz-border-radius: 4px; 
    -webkit-border-radius:4px;
    text-align:center;
}
.buttonred{ background-color: #f00;
    background-image: linear-gradient(to bottom, #f00 10%, #800000 90%);
    border: 1px solid #ddd;
    margin-bottom: 0;
    text-shadow: 0 1px 2px #fff;
    width: 100%;
    border-radius: 1px;
    -moz-border-radius: 4px; 
    -webkit-border-radius:4px;
    text-align:center;
}
span.login-button {
  /* background-image: url("/img/sections/startpage/tv_spot_2014/sprite_tv_lostart_2.png");*/
    background-position: -490px 5px;
    background-repeat: no-repeat;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    outline: medium none;
    padding-left: 15px;
}


#popup_container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #999999;
    border-radius: 5px;
    color: #000000;
    font-family: Arial,sans-serif;
    font-size: 12px;
    max-width: 600px;
    min-width: 300px;
    position:absolute;
    top: 40%; left: 40%; 
}
#popup_title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/jconfirm/jalert_title.gif") repeat-x scroll center top #CCCCCC;
    border-color: #FFFFFF #FFFFFF #999999;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    cursor: default;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.75em;
    margin: 0;
    padding: 0;
    text-align: center;
}
#popup_content {
    background: url("../images/jconfirm/jalert_info.gif") no-repeat scroll 16px 16px rgba(0, 0, 0, 0);
    margin: 0;
    padding: 1em 1.75em;
}
#popup_content.alert {
    background-image: url("../images/jconfirm/jalert_info.gif");
}
#popup_content.confirm {
    background-image: url("../images/jconfirm/jalert_important.gif");
}
#popup_content.prompt {
    background-image: url("../images/jconfirm/jalert_help.gif");
}
#popup_message {
    height: 100px;
    overflow: auto;
    padding-left: 48px;
}
#popup_panel {
    margin: 1em 0 0 1em;
    text-align: center;
}
#popup_prompt {
    margin: 0.5em 0;
}
.error
{
    color:red;
    
}
.alt li a {
    color:#0a5081;
}
.alt li a:hover {
    color:black;
}
.alt li:hover {
    color:#323232;
}
.alt li a:visited {
    color:#0a5081;
}
