@charset "UTF-8";
/*
* Engin Tasarım
* Copyright 2013
* www.engintasarim.com
* 20/12/2013
*/
body {font-size:12px;font-family:'Open Sans', sans-serif; background: #8bb718;overflow-x: hidden;}

#ustkisim {
    background: #fff;
    box-shadow: 0px 1px 8px #8D8D8D;
}
.logo {
    text-align: left;
}
.logo a {
    display: block;
}
.menu {
    width: 100%;
    margin-top: 54px;
    position: relative;
    z-index: 999999;
}
.menu ul {
    margin: 0;
}
.menu ul li:last-child {border-right:0; margin-right:0;padding-right:0}
.menu ul li {
    float: left;
    margin-right: 4px;
    margin-bottom: 5px;
    border-right: 1px solid #EEE;
    padding-right: 3px;
    position: relative;
}
.menu ul li a {
    display: block;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    color: #444444;
    padding: 8px 2px;
}
.menu ul li ul {
    display: none;
}
.menu ul li:hover ul {
	z-index:999999;
    display: block;
    position: absolute;
    min-width: 185px; 
	color: #fff;  
    background: #97c912;
    padding: 4px 0 4px 0;
    border-radius: 0 4px 4px 4px;
}
.menu ul li:hover ul li a {font-size: 14px;}
.menu ul li:hover ul li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid #89BB04;
    border-top: 1px solid #ABDD27;
}
.menu ul li:hover {
}
.menu ul li:hover a {
    background: #97c912;
    color: #fff;
    border-radius: 4px;
}

.menu ul li:hover ul li:last-child {
    border-bottom: 0;
}
.menu ul li:hover ul li:first-child {
    border-top: 0;
}
.menu ul li:hover ul li:hover a {
    background: #017d41;
	border-radius: 0;
}
.menu ul li:hover ul li ul {
    display: none;
}

.menu ul li:hover ul li:hover ul {
	z-index:9999999;
    display: block;
    position:absolute;
    top: -4px;
    left: -200px;
    padding: 5px;
    z-index: 9;
    border-radius: 4px;
    background: #017d41;
	width: 190px;
}



.menu ul li:hover ul li:hover ul li {
    border-bottom: 1px solid #005029;
    border-top: 1px solid #1DA261;
}
.menu ul li:hover ul li:hover ul li {
    border-bottom: 1px solid #005029;
    border-top: 1px solid #1DA261;
}
.menu ul li:hover ul li:hover ul li:first-child {
    border-top: 0;
}
.menu ul li:hover ul li:hover ul li:last-child {
     border-bottom: 0;
}
.menu ul li:hover ul li:hover ul li:hover a {
    color: darkseagreen;
}
.menu ul li.altmenuvar a{border-radius: 4px 4px 0 0;}
.menu ul li.altmenuvar a:after {content: ""; top: 6px; left: 3px; position: relative;  background:url(../images/down-arrow.gif) right top no-repeat; padding-right:12px;}
.menu ul li.altmenuvar ul li a:after{content:""; background:none; }
.menu ul li.altmenuvar ul li.altmenuvar a:after{content:"»";  background:none;  top: 0;left: 2px;position: relative;}
.menu ul li.altmenuvar ul li.altmenuvar ul li a:after{content:"";  background:none;  }




#altmenu {background: #017d41;box-shadow: inset 0px 0px 8px #004926;border-bottom: 1px solid #fff;z-index: 99995;position:relative;}

.altmenu {float: right;}
.altmenu ul {margin: 0;}
.altmenu ul li {float: left;margin-left: 5px;padding-left: 5px;margin-bottom: 0;position:relative;}
.altmenu ul li a img{margin-top: 5px;margin-bottom: -5px;}
.altmenu ul li a:hover{text-decoration:underline;}
.altmenu ul li a {padding: 5px;line-height: 30px;text-decoration: none;color: #fff;text-shadow: 1px 1px #000;display: block;}

.altmenu ul li ul {display:none;margin: 0;}
.altmenu ul li ul li a{ display:block; clear:both; width:170px; }
.altmenu ul li:hover ul {display:block;margin: 0;position:absolute;width: 170px;padding: 0;left: 0;background: #017d41;}
.altmenu ul li:hover ul li{
    margin: 0;
}
.altmenu ul li:hover ul li a{
    line-height: 20px;
}
.altmenu ul li:hover ul li:hover{}
.altmenu ul li:hover ul li:hover a{}

.diller {float: left;margin: 0 auto;}
.diller ul{margin:0}
.diller ul li {
    float: left;
    margin: 0 5px 0 0;
    line-height: 0;
    padding: 12px 5px;
}
.diller ul li a{
    display: block;
}
.diller ul li a img{}

#ortaalan {
    background: #fff;
}

.slayt {
    padding: 0 5px 5px 5px;
    background: #fff;
    border: 1px solid #017d41;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    line-height: 0;
    box-shadow: 0px 1px 2px;
}


.anaalan {
background: #f7f7f7;
border-radius: 5px;
box-shadow: 0px 1px 2px;
margin-bottom:10px;
margin-top: 10px;
}
.anaalan:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.anaalan .dortlu ul {
    margin: 0;
}

.anaalan .dortlu ul li {
margin-top: 10px;
margin-bottom: 0;
}

.anaalan .dortlu ul li a {
    display: block;
    padding: 10px 3px 0 10px;
    text-decoration: none;
	border-right: 1px solid #ccc;
}
.anaalan .dortlu ul li:last-child a {border-right:0}
.anaalan .dortlu {
	border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #e4e7ea;
    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #DDE0E3),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #DDE0E3 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #DDE0E3 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #DDE0E3 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #DDE0E3 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #DDE0E3 0%, #FFFFFF 100%);
}
.anaalan .dortlu ul li  img {
    float: left;
    margin-right: 5px;
}
.anaalan .dortlu ul li h3{
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 5px;
    text-shadow: 1px 1px #fff;
}
.anaalan .dortlu ul li a { margin:0px; padding:0px; }

.anaalan .dortlu ul li p {
    font-size: 12px;
	letter-spacing:-1px;
	margin-bottom: 5px;
	line-height: 14px;
}



.urunkatlist {margin-top:10px}
.urunkatlist ul {
    margin: 0;
}

.urunkatlist ul li {
    position: relative;
    padding: 4px 10px 4px 10px;
    margin-bottom: 0;
}
.urunkatlist ul li a {
padding: 10px 8px;
border-radius: 2px;
    display: block;
    border: 1px solid #ccc;
    color: #991A1A;
    font-size: 17px;
    text-decoration: none;
    font-weight: 600;
    background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #FFFFFF),  color-stop(1, #DDE0E3) ); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #DDE0E3 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #DDE0E3 100%); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #DDE0E3 100%); background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #DDE0E3 100%); background-image: linear-gradient(to bottom, #FFFFFF 0%, #DDE0E3 100%);
}
.urunkatlist ul li:hover a {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #DDE0E3),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #DDE0E3 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #DDE0E3 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #DDE0E3 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #DDE0E3 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #DDE0E3 0%, #FFFFFF 100%);
}
.urunkatlist ul li ul {display: none!important;position: absolute!important;z-index:99999;}
.urunkatlist ul li:hover ul {display: block!important;padding: 5px;position: absolute!important;margin: 0;
top: -6px;
left: 220px;
z-index: 99999!important;
background: #EEEEEE;
border: 1px solid #ccc;}
.urunkatlist ul li:hover ul li {float: left;padding: 5px;margin:0;height: 48px;}
.urunkatlist ul li:hover ul li a {padding: 8px;height: 30px;font-size: 14px;}
.urunkatlist ul li:hover ul li:hover a {background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #FFFFFF),  color-stop(1, #DDE0E3) ); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #DDE0E3 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #DDE0E3 100%); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #DDE0E3 100%); background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #DDE0E3 100%); background-image: linear-gradient(to bottom, #FFFFFF 0%, #DDE0E3 100%);}
a.urunresmi {margin-top: -1px;line-height: 0;}
a.urunresmi img{width:100%;border: 1px solid #ccc;margin-left: -1px;}
.ackapa {float: left;}

.ackapa span {
display: block;
margin-top: 3px;
margin-bottom: 2px;
height: 3px;
background: #747474;
width: 16px;
margin-right: 10px;
}


.uclu {
    margin-top: 15px;
    padding: 10px 10px 5px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #f2f2f2 url(../images/uclubg.png) no-repeat right bottom;
}
.uclu h3 {
    font-size: 15px;
    font-weight: 600;
    color: #708134;
    line-height: 20px;
}
.uclu p {
    line-height: 14px;
    margin-bottom: 5px;
}
p{text-shadow: 1px 0px 1px #ccc;}
.uclu a {
    padding: 4px;
    display: block;
    text-decoration: none;
    font-weight: 400;
    color:#017d41;
	font-size:14px;
}
.uclu.iletisim p{line-height: 22px;}
.uclu.iletisim p b{font-weight:600}


.haberler .bx-wrapper .bx-viewport{background:none;}
.haberler .bx-wrapper {margin-bottom: 8px!important;}
.haberler {
    margin: 10px;
    padding: 10px;
    border: 1px solid #ccc;  border-radius: 2px;  background: #f2f2f2;
}
.haberler h4 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
}
.haberler h4 a {
    text-decoration: none;
    color: rgb(126, 0, 0);
}
.haberler ul {
    margin-bottom: 0;
}
.haberler ul li {
    margin: 0;
}
.haberler ul li:last-child a {
	border-bottom:0;
}
.haberler ul li a {
    text-decoration: none;
    padding: 5px;
    display: block;
    border-bottom: 1px solid  #D8D8D8;
    border-top: 1px solid #EEEEEE;
    color: #898989;
}
.haberler ul li a:hover {color:#000}



.referanslar:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.referanslar {
    margin: 10px 10px 10px -10px;
    padding: 10px;
    border: 1px solid #ccc;  border-radius: 2px;  background: #f2f2f2;
}
.referanslar h4 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}
.referanslar h4 a {
    text-decoration: none;
    color: rgb(126, 0, 0);
}
.referanslar ul {
    margin-bottom: 0;
}
.referanslar ul li {
   float: left;
margin-right: 20px;
}
.referanslar ul li a {
padding: 5px;
display: block;
border: 1px solid #D8D8D8;
background: #fff;
border-radius: 3px;
}
.referanslar ul li:hover a{border: 1px solid #A0A0A0;}

.referanslar .bx-wrapper .bx-viewport{background: none;height: 63px!important;}
.referanslar .bx-wrapper img{height: 50px;margin: 0 auto;}

.referanslar .slide {
border: 1px solid #D8D8D8;
padding: 5px;
border-radius: 3px;
background: #fff;
}



#solkisim {padding: 10px 5px 10px 0;border-right: 1px solid #dfdfdf;}
#solkisim h4{color: #97c912;margin: 5px 15px 0 15px;font-weight: 600;}
#solkisim .altsayfalar{margin: 15px;}
#solkisim .altsayfalar ul{}
#solkisim .altsayfalar ul li{padding: 7px 10px;margin-bottom: 5px;border: 1px solid #CCCCCC;box-shadow: 0px 2px 3px #D8D8D8;}
#solkisim .altsayfalar ul li a{color: #777777;text-decoration: none;font-size: 15px;font-weight: 600;display: block;}
#solkisim .altsayfalar ul li:hover{}
#solkisim .altsayfalar ul li:hover a {color: #B60000;}
#solkisim .resim{margin: 16px 16px 0 16px;}
#solkisim .resim img{max-width:100%;border-radius: 3px;}
#solkisim .uclu{margin: 15px;}

#sagkisim {padding: 10px 0 10px 13px; }
#sagkisim h4{color: #017d41;margin:5px 15px 10px 9px;font-weight: 600;}

#sagkisim .sayfaic {padding: 5px 15px 5px 5px;}
#sagkisim .sayfaic:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#sagkisim .sayfaic img{max-width:100%;border-radius: 5px;}
#sagkisim .sayfaic .resim{padding: 5px;background: #fff;line-height: 0;border-radius: 5px;border: 1px solid #ccc;margin-bottom: 10px;
}
#sagkisim .sayfaic p{}
#sagkisim .sayfaic ul{}
#sagkisim .sayfaic ul li{}
#sagkisim .sayfaic ul li span{font-size: 14px;
font-weight: 600;}
#sagkisim .sayfaic ul li span:nth-child(1){width: 25%;
display: block;
float: left;}
#sagkisim .sayfaic ul li span:nth-child(2){}

a.urunkat{display: block;padding: 6px;border: 1px solid #dfdfdf;border-radius: 5px;text-decoration: none;}
a.urunkat img{}
a.urunkat h3{font-size: 18px;text-align: center;color: #a24a4a;font-weight: 600;line-height: 30px;margin-bottom: 0;background: #eeedec;border-radius: 5px;}
.urundetay-foto {margin-bottom:10px;}
.urundetay-foto a {display: block;padding: 6px;border: 1px solid #dfdfdf;border-radius: 5px;}
.urundetay-foto a img{}

.urunfotolari {}
.urunfotolari a{display: block;padding: 6px;border: 1px solid #dfdfdf;border-radius: 5px;}
.urunfotolari a img{}
.urunfotolari .kutu03{margin-left:0;margin-bottom: 10px;}

#referanslar{}
#referanslar .kutu02{border: 1px solid #D8D8D8;padding: 5px;border-radius: 3px;background: #fff;margin:0 30px 30px 0;}
#referanslar .kutu02:nth-child(5n+5){margin-right:0}
#referanslar .kutu02 img{width:100%}

/*Tablolar*/
table {border-collapse: collapse;border-spacing: 0;empty-cells: show;border: 1px solid #cbcbcb;width: 100%;}
table thead {background: #e0e0e0;color: #000;text-align: left;vertical-align: bottom;}
tr {display: table-row;vertical-align: inherit;border-color: inherit;border-bottom: 1px solid #ccc;}
table td:first-child, table th:first-child {border-left-width: 0;}
table td, table th {border-width: 0 0 1px;border-bottom: 1px solid #cbcbcb;}
table td, table th {border-left: 1px solid #cbcbcb;border-width: 0 0 0 1px;text-align: left;font-size: inherit;margin: 0;overflow: visible;padding: 6px 12px;}
table th {font-weight:600}
table td {background-color: transparent;}
tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
tbody tr:nth-child(2n+1){background:#f0f0f0;}


/**/
.ui-accordion .ui-accordion-content {padding: 1em;}
#globalharita table{margin-bottom:15px;}


#altkisim {
border-top: 1px solid #6e7f34;
}

.copyright {
padding: 5px 0;
color: #fff;
text-shadow: 1px 1px #5a6a20;
}

.designed {
padding: 5px 0;
float: right;
}

.designed a {
display: block;
line-height: 0;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#034661 url(../images/cizik.png);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#fff;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}
		
		
.listele:nth-child(4n+1) {margin-right: 0;}		

.bottom-margin{ margin-bottom:20px; }

.haberliste .kutu03{ margin-bottom:20px !important; border:1px solid #ccc; border-radius: 5px; padding:4px; }
.haberliste h4{ font-size:16px; margin:0px !important; padding:0px !important; line-height:160%; }
.haberliste p{ line-height:120%; padding:0px; margin:0px; }
.haberliste a{ font-size:12px; color:#063; display:block; }
.haberliste h4 a { font-size:16px; text-decoration:none; }


.sosyal a{ float:left; padding:5px 15px; display:inline-block; }

.world-map{ background:url(../images/sango-global.jpg) left top / 100% no-repeat scroll;  width:100%; height:100%; display:block; min-height:352px; }
.amerika a{ position:relative; left:40px; top:85px; width:81px; height:37px; font-size:0px;  }
.kanada a{ position:relative; left:128px; top:22px; width:81px; height:37px; font-size:0px; }
.turkiye a{ position:relative; left:300px; top:25px; width:81px; height:37px; font-size:0px; }
.hindistan a{ position:relative; left:410px; top:15px; width:81px; height:37px; font-size:0px; }
.cin a{ position:relative; left:490px; top:-100px; width:81px; height:37px; font-size:0px; }
.japonya a{ position:relative; left:530px; top:-75px; width:81px; height:37px; font-size:0px; }
.tayland a{ position:relative; left:466px; top:-62px; width:81px; height:37px; font-size:0px; }
.endonezya a{ position:relative; left:545px; top:-50px; width:81px; height:37px; font-size:0px; }

ul.sitemap{ margin:10px 20px; }
ul.sitemap li a{ font-size:14px; text-decoration:none; padding-left:30px; }
ul.sitemap li { background:url(../images/folder-icon.png) left top no-repeat; }
ul.sitemap li .folderfile { margin-left:20px; background:url(../images/folder-icon.png) left top no-repeat; padding-left:0px; }
ul.sitemap li .folderfile a { font-size:14px; text-decoration:none; padding-left:30px; }
ul.sitemap li ul li { background:url(../images/file-icon.png) left top no-repeat; margin:10px 0px 10px 0px; padding-left:10px; }