﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #fff;
    font-size: .82em; 
    margin: 0;
    padding: 0;
    /*
    color: #5f615f; 
    background: url(/web/20171029171103im_/http://www.rehatokgoz.com/Content/images/bg.jpg) no-repeat top center;  
    */
    font-family: 'Open Sans', sans-serif;
    padding-top: 2px;
}
 

#main .header .bg
{
    background: url(header.jpg) no-repeat top center;  
    background-color: #FF9C47;
    min-height: 120px;
    width: 100%;  
    padding: 10px 0;
}
#main .header .bg .logo
{  
    text-align: center;
    width: 100%;
}

#mobile-nav
{
    display: none;
}
#nav
{
    
}

.kutuyazi
{
 width: 100%; text-align: center;
 background-color: #a1d5ed; 
 padding: 3px 0;  
 color: #333; font-size: 1.2em;
 margin-bottom: 10px;
}

a:link
{
    color: #5f615f;  
    text-decoration: none;
}
a:visited
{
    color: #5f615f;
}
a:hover
{
    color: #5f615f;
    text-decoration: underline;
}
a:active
{
    color: #1382b8;
}

p 
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #1382b8;   
    padding: 0;
    margin: 0;
}

h1
{
    font-size: 2em; 
}
h2
{ 
    font-size: 1.6em;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

ul
{ 
   
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
 

 
/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.tedaviler li
{
    color: #5a4f41; font-size: 1.2em;
    line-height: 24px;
}


#main
{
      
}

 

#main .content .beyazbg
{ 
     background-color: rgba(255, 255, 255, 0.3);
}

.content .kutu 
{
    background-color: #c6f682;
    padding: 5px;    
    padding-top: 10px; 
    width: 100%;
}
.content .kutu table 
{
    width: 96%;
}
.phone span
{
    display: none;
}

.content .kutu table td
{
    border: none;
}

.content .kutu input
{
    border: none;
    height: 15px;
    padding: 2px 4px;
    width: 97%;
}


.content .icerik
{
    background-color: #fff;
    padding: 10px 0;
    margin-bottom: 20px;
    list-style: none;
}
 
.content .icerik a
{
    color: #5f615f;
    text-decoration: none;
    font-size: 1.05em;
} 
.content .icerik a:hover
{
    font-weight: bold;
}

.shadow
{
    box-shadow: 0 1px 4px #555;    
    -webkit-box-shadow: 0 1px 4px #555;
    -moz-box-shadow: 0 1px 4px #555;
}
.round
{ 
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;  
}

#menu 
{  
    margin-top: 10px;  
     
}

#menu li
{
    float: left; 
    list-style: none; 
    font-size: 1.1em;
}
#menu li a
{
    padding: 0 40px;
    text-align: center; 
    bottom: 0; 
    text-decoration: none;
    color: #4c77a1;
    font-weight: bold;
    text-shadow: 0 0 2px #fff;
    font-size: 1.1em;
    
}


.footer
{
    min-height: 150px;
    width: 100%; 
    background: url(footer.jpg) repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
    background-color: #B6DB58;
} 
ul.uygulamalar 
{
    margin-left: 10px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 0px;
    line-height: 1.5em;
    margin-top: 0px;  
}

.uygulamalar li 
{
    float: left;
    margin-right: 30px; 
}

.phonecall 
{
    display: none;
}

/* responsive design codes */



.row {
    width: 100%;
    max-width: 1100px;
    min-width: 755px;
    margin: 0 auto;
    overflow: hidden;
}
 
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
    margin-right: 3.8%;
    float: left;
    min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}
.last {
margin-right: 0px !important;
} 

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}
@media only screen and (max-width: 1023px) {

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}  
	
	.phonecall 
    {
        display: block;
    }
	
	}

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	.phonecall 
    {
        text-align: center;
        display: block;
    }
	ul.uygulamalar 
    {
        margin-left: 3px;
        margin-right: 0px;
        padding-left: 3px;
        padding-right: 0px;
        line-height: 1.2em;
        margin-top: 10px;  
        width: 320px;
        margin-bottom: 15px;
    }
.row, body, .header {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

    .solresim
    {
        display: none;
    }
}


/* responsive design codes end */
 
 
 /*  responsive menu  code start*/
 
 
 

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 40em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
	background:##4D8B0C;
	padding:5px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#333;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#fff;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
 
 /* responsive menu end */
/*
     FILE ARCHIVED ON 17:11:03 Oct 29, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:37:27 Oct 27, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  PetaboxLoader3.datanode: 95.275 (4)
  LoadShardBlock: 168.725 (3)
  RedisCDXSource: 7.538
  load_resource: 75.49
  captures_list: 203.416
  CDXLines.iter: 21.959 (3)
  exclusion.robots: 0.183
  esindex: 0.014
  PetaboxLoader3.resolve: 55.633
  exclusion.robots.policy: 0.17
*/