.clear { clear: both; }
html, body{
background:transparent url("../images/background.png") repeat-x 0px 190px;
background-attachment:fixed;
}
a:link.iclink { color:#342f27; font-size:15px; TEXT-DECORATION: none }
a:visited.iclink { color:#342f27; font-size:15px; TEXT-DECORATION: none }
a:hover.iclink { color:#09C; font-size:15px; TEXT-DECORATION: none }
#icpen { width: 1110px; float:left; margin-bottom:40px; }
#icpen_ust { float:left; }
#icpen_ust_bas { width: 42px; height:40px; float:left; }
#icpen_ust_orta { background:transparent url("../images/ic_penustgolge.png") repeat-x; width: 838px; height:40px; float:left; }
#icpen_ust_son { width: 230px; height:40px; float:left; }
#icpen_orta { float:left; }
#icpen_orta_bas { width: 27px; float:left; }
#icpen_orta_bas_bas { width: 27px; height:115px; float:left; }
#icpen_orta_bas_orta { background:transparent url("../images/ic_pen_yanczg.png") repeat-y; width: 27px; float:left; }
#icpen_orta_bas_son { width: 27px; height:132px; float:left; }
#icpen_orta_orta { width: 1010px; background:transparent url("../images/ic_penbg.png") repeat; min-height:400px; float:left; text-align:justify; padding-left:23px; padding-right: 23px; }
#icpen_orta_son { width: 27px; float:left; }
#icpen_orta_son_bas { width: 27px; height:115px; float:left; }
#icpen_orta_son_orta { background:transparent url("../images/ic_pen_yanczg_sag.png") repeat-y; width: 27px; float:left; }
#icpen_orta_son_son { width: 27px; height:132px; float:left; }
#ic_penustgolge_bas1 { }
#ic_penaltgolge_bas1 { }
#ic_penustgolge_son1 { top:0; }
#ic_penaltgolge_son1 { bottom:0; }
#icpen_alt { float:left; }
#icpen_alt_bas { width: 65px; height:38px; float:left; }
#icpen_alt_orta { background:transparent url("../images/ic_penaltgolge.png") repeat-x; width: 989px; height:38px; float:left; }
#icpen_alt_son { width: 56px; height:38px; float:left; }
.icerik_anabaslik { width: 750px; font-size:17px; color:#fff; float:left; height: 50px; margin-top:-30px; margin-left:30px;}
.ic_basliklar { color:#09C; font-size:15px; }
#div_baslik { width: 750px; font-size:17px; color:#fff; float:left; height: 50px; }
#div_icerik_yazi { width: 950px; float:left; padding-left: 50px; padding-top:20px;}
#div_hakkimizda_back { margin-top:-30px; margin-left:20px; width: 990px; float:left; }
#div_hakkimizda_resim { width: 240px; float:left; }
#div_hakkimizda_yazi { width: 750px; float:left; }
#div_hakkimizda_yazi1 { width: 750px; float:left; padding-right: 60px; }
#hakkimizda_img2 { float:right; position:relative; alignment-adjust:middle; padding:15px; margin-top:-70px;}
#canakkale_linkler { float:left; width:40%; text-align:right; padding-top:40px; }
#canakkale_resim { float:left; width:60%; text-align:center; }
.odatip { width: 680px; float:left; padding-top:10px; padding-bottom:20px; border-bottom:1px dashed #c2c2c2; margin-left: 100px;}
.odatip_resim { width: 320px; float:left; text-align:center; }
.odatip_baslik { width: 680px; float:left; font-size:20px; font-weight:bold; color:#6BB1D3; text-align:center; padding-top:20px; padding-bottom:20px; }
.odatip_yazi_sol { width: 310px; float:left; text-align:left; padding-left:10px; padding-top:10px; }
.odatip_yazi_sag { width: 310px; float:left; text-align:right; padding-right:10px; padding-top:10px; }
.odatip_liste_sol li { background: url(../images/sag_ok.png) no-repeat left top; padding-left:20px; }
.odatip_liste_sag li { background: url(../images/sol_ok.png) no-repeat right top; padding-right:20px; }
#directionsPanel { background: #FFFFFF; width: 98%; padding: 14px; margin-bottom:20px; box-shadow: 0px 0px 5px #999; border-radius: 10px; }
#routeStart { font-size: 15px; padding: 7px 8px; margin-bottom:20px; margin-left: 10px; border: 0px; box-shadow: 0px 0px 5px #999; border-radius: 10px; }
#button_guzergah { cursor:pointer; font-size: 15px; padding: 7px 8px; margin-bottom:20px; margin-left: 10px; border: 0px; box-shadow: 0px 0px 5px #999; border-radius: 10px; }
#map_canvas { float:left; width: 100%; height:350px; }
/* =============================================================================
Base 966px Grid
========================================================================== */
@media only screen and (min-width: 966px) and (max-width: 1100px) {
a:link.iclink { font-size:14px; }
a:visited.iclink { font-size:14px; }
a:hover.iclink { font-size:14px; }
#icpen { width: 910px; }
#icpen_ust_orta { width: 638px; height:40px; }
#icpen_alt_orta { width: 789px; height:38px; }
#icpen_orta_orta { width: 810px; }
#div_baslik { width: 500px; font-size:17px; height: 50px; }
#div_icerik_yazi { width: 770px; padding-left: 30px; padding-top:10px;}
#div_hakkimizda_back { margin-top:-30px; margin-left:15px; width: 800px; }
#div_hakkimizda_resim { width: 190px; }
#div_hakkimizda_yazi { width: 600px; }
#div_hakkimizda_yazi1 { width: 560px; padding-left: 30px; padding-right: 10px; }
#hakkimizda_img2 { margin-top:0px;}
.odatip { width: 650px; float:left; padding-top:10px; padding-bottom:18px; border-bottom:1px dashed #c2c2c2; margin-left: 40px; }
.odatip_resim { width: 320px; float:left; text-align:center; }
.odatip_baslik { width: 650px; float:left; font-size:20px; font-weight:bold; color:#6BB1D3; text-align:center; padding-top:15px; padding-bottom:15px; }
.odatip_yazi_sol { width: 310px; float:left; text-align:left; padding-left:20px; padding-top:10px; }
.odatip_yazi_sag { width: 310px; float:left; text-align:right; padding-right:20px; padding-top:10px; }
}
/* =============================================================================
768px Grid
========================================================================== */
@media only screen and (min-width: 790px) and (max-width: 965px) {
a:link.iclink { font-size:14px; }
a:visited.iclink { font-size:14px; }
a:hover.iclink { font-size:14px; }
#icpen { width: 780px; }
#icpen_ust_orta { width: 505px; height:40px; }
#icpen_alt_orta { width: 656px; height:38px; }
#icpen_orta_orta { width: 677px; }
#div_baslik { width: 500px; font-size:16px; height: 50px; }
#div_icerik_yazi { width: 670px; padding-left: 10px; padding-top:10px;}
#div_hakkimizda_back { margin-top:-30px; width: 675px; }
#div_hakkimizda_resim { width: 170px; }
#div_hakkimizda_yazi { width: 500px; }
#div_hakkimizda_yazi1 { width: 470px; padding-left: 20px; }
#hakkimizda_img2 { margin-top:0px;}
.odatip { width: 600px; float:left; padding-top:8px; padding-bottom:10px; border-bottom:1px dashed #c2c2c2; margin-left: 40px; }
.odatip_resim { width: 300px; float:left; text-align:center; }
.odatip_baslik { width: 600px; float:left; font-size:18px; font-weight:bold; color:#6BB1D3; text-align:center; padding-top:15px; padding-bottom:15px; }
.odatip_yazi_sol { width: 280px; float:left; text-align:left; padding-left:10px; padding-top:10px; }
.odatip_yazi_sag { width: 280px; float:left; text-align:right; padding-right:10px; padding-top:10px; }
}
/* =============================================================================
Less than 768px
========================================================================== */
@media only screen and (max-width: 789px) {
a:link.iclink { font-size:13px; }
a:visited.iclink { font-size:13px; }
a:hover.iclink { font-size:13px; }
#icpen { width: 457px; }
#icpen_ust_orta { width: 180px; height:40px; }
#icpen_alt_orta { width: 331px; height:38px; }
#icpen_orta_orta { width: 352px; }
#div_baslik { width: 300px; font-size:15px; height: 50px; color:#09C; }
#div_icerik_yazi { width: 350px; padding-left: 0px; padding-top:10px;}
#div_hakkimizda_back { margin-top:-30px; width: 400px; margin-left: 0px; }
#div_hakkimizda_resim { width: 160px; margin-left:100px; }
#div_hakkimizda_yazi { width: 300px; }
#div_hakkimizda_yazi1 { width: 350px; padding-left: 0px; }
#hakkimizda_img2 { margin-top:0px;}
#canakkale_linkler { float:left; width:100%; text-align:left; padding-top:0px; }
#canakkale_resim { float:left; width:100%; }
.odatip { width: 360px; float:left; padding-top:10px; padding-bottom:15px; border-bottom:1px dashed #c2c2c2; margin-left: 0px; }
.odatip_resim { width: 200px; float:left; text-align:center; }
.odatip_baslik { width: 360px; float:left; font-size:17px; font-weight:bold; color:#6BB1D3; text-align:center; padding-top:10px; padding-bottom:10px; }
.odatip_yazi_sol { width: 150px; float:left; text-align:left; padding-left:10px; padding-top:0px; }
.odatip_yazi_sag { width: 150px; float:left; text-align:right; padding-right:10px; padding-top:0px; }
}
/* =============================================================================
Less than 480px
========================================================================== */
@media only screen and (max-width: 479px) {
a:link.iclink { font-size:13px; }
a:visited.iclink { font-size:13px; }
a:hover.iclink { font-size:13px; }
#icpen { width: 400px; }
#icpen_ust_orta { width: 62px; height:40px; }
#icpen_alt_orta { width: 213px; height:38px; }
#icpen_orta_orta { width: 270px; padding-left:5px; padding-right: 5px; }
#div_baslik { width: 300px; font-size:15px; height: 50px; color:#09C; }
#div_icerik_yazi { width: 250px; padding-left: 0px; padding-top:10px; }
#div_hakkimizda_back { margin-top:-30px; width: 400px; margin-left: 0px; }
#div_hakkimizda_resim { width: 160px; margin-left:60px; }
#div_hakkimizda_yazi { width: 300px; }
#div_hakkimizda_yazi1 { width: 270px; padding-left: 0px; }
#hakkimizda_img2 { margin-top:0px;}
#canakkale_linkler { float:left; width:100%; text-align:left; padding-top:0px; }
#canakkale_resim { float:left; width:100%; }
.odatip { width: 270px; float:left; padding-top:10px; padding-bottom:15px; border-bottom:2px dashed #c2c2c2; margin-left: 0px; }
.odatip_resim { width: 270px; float:left; text-align:center; }
.odatip_baslik { width: 270px; float:left; font-size:16px; font-weight:bold; color:#6BB1D3; text-align:center; padding-top:10px; padding-bottom:10px; }
.odatip_yazi_sol { width: 250px; float:left; text-align:left; padding-left:40px; padding-top:10px; padding-bottom:10px; }
.odatip_yazi_sag { width: 250px; float:left; text-align:left; padding-left:40px; padding-top:10px; padding-bottom:10px; }
.odatip_liste_sol li { background: url(../images/sag_ok.png) no-repeat left top; padding-left:20px; }
.odatip_liste_sag li { background: url(../images/sag_ok.png) no-repeat left top; padding-left:20px; }
#directionsPanel { background: #FFFFFF; width: 98%; padding: 14px; margin-bottom:20px; box-shadow: 0px 0px 5px #999; border-radius: 8px; }
#routeStart { font-size: 13px; padding: 5px 6px; margin-bottom:15px; margin-left: 8px; border: 0px; box-shadow: 0px 0px 5px #999; border-radius: 8px; }
#button_guzergah { cursor:pointer; font-size: 13px; padding: 5px 6px; margin-bottom:20px; margin-left: 8px; border: 0px; box-shadow: 0px 0px 5px #999; border-radius: 8px; }
#map_canvas { float:left; width: 100%; height:350px; }
}