@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'GothamMedium';
    src: url('fonts/gothammedium-webfont.eot');
    src: url('fonts/gothammedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothammedium-webfont.woff') format('woff'),
         url('fonts/gothammedium-webfont.ttf') format('truetype'),
         url('fonts/gothammedium-webfont.svg#fonts/gothammediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'GothamBlack';
    src: url('fonts/gothamblack-webfont.eot');
    src: url('fonts/gothamblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamblack-webfont.woff') format('woff'),
         url('fonts/gothamblack-webfont.ttf') format('truetype'),
         url('fonts/gothamblack-webfont.svg#fonts/gothamblackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'GothamBook';
    src: url('fonts/gothambook-webfont.eot');
    src: url('fonts/gothambook-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothambook-webfont.woff') format('woff'),
         url('fonts/gothambook-webfont.ttf') format('truetype'),
         url('fonts/gothambook-webfont.svg#fonts/gothambookregular') format('svg');
    font-weight: 300;
    font-style: normal;

}


/* ~~~~~~~~~ common ~~~~~~~~~~ */


body, select, input, textarea {
	font: 1em/1.4 "GothamBook", verdana, arial, helvetica, sans-serif;
	color: #354d4b;
	
}


body {
	 background:#e9edee;
	 margin:0 auto;
	
}

#container {
	margin:10% auto 0;
	padding: 0px;
	overflow: hidden;
	width:90%;
}




h1 {
	font-weight:700;
	font: 2.8em/1.4 "GothamMedium", verdana, arial, helvetica, sans-serif;
	text-transform:uppercase;
	margin: 0.2em 0;
	line-height:1em;
	text-align:center;
}
h2 {
	font-weight: 300;
	font: 2.4em/1.2 "GothamBook", verdana, arial, helvetica, sans-serif;
	text-transform:uppercase;
	margin: 0.2em 0;	
}

h3 {
	font-weight: normal;
	color: #354d4b;
	font: 2.0em/1.2 "GothamMedium", verdana, arial, helvetica, sans-serif;
	text-transform:uppercase;
	margin: 0.2em 0;	
}


h4 {
	font-style:italic;
	font-size:12px;
	margin: 0.2em 0;	
}

h5 {
	font-weight:300;
	font-family: "GothamBook", verdana, arial, helvetica, sans-serif;
	font-size:16px;
	line-height:24px;
	margin: 0em 0 2em;
}

h6 {
	font: 1.1em/1.0 "GothamMedium", verdana, arial, helvetica, sans-serif;
	font-weight: 700;
	margin: 0 0 10px;
	padding:0;
}

p {line-height:21px;
padding:0 0 15px;
}


aside {
	float: left;
	width: 30%;
	text-align:center;
	margin-right:10%;
	padding:0;
}

.content {
	float:left;
	width:60%;
	max-width:660px;
	padding:0;
}

.block {
	float:left;
	display:block;
	width:31%;
	border:0px solid #000;
	margin: 1%;
	text-align:center;
}



.logo {
	padding-top:50px;	
	margin:0 auto 50px;
}

.logo img{max-width:100%;
			}

/* ~~~~~~~~~ LINKS ~~~~~~~~~~ */


a:link{color:#354d4b;text-decoration:none;}
a:visit{color:#c2d66a;}

a:hover{color:#354d4b; }
a:active{color:#c2d66a;}

a.textLink { 
	opacity: 1; 
	filter:alpha(opacity=100); 
	-webkit-transition: opacity .15s ease-in-out; 
	-moz-transition: opacity .15s ease-in-out; 
	-o-transition: opacity .15s ease-in-out; 
	-ms-transition: opacity .15s ease-in-out; 
	transition: opacity .15s ease-in-out; 
	border-bottom:1px solid #c2d66a;
}
a.textLink:visited {
	border-bottom:1px solid #c2d66a;
	color:#354d4b;}

a.textLink:hover { 
	opacity: .65; 
	filter:alpha(opacity=65); 
	border-bottom:1px solid #fff;
}


a.btnAppointment {
	background-color:#c2d66a;
	padding:6px 15px;
	border-radius:5px;
	
	color:#354d4b;
	text-transform:uppercase;
	text-decoration:none;
	
	 cursor: pointer;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}		

a.btnAppointment:hover {
	background-color:#fff;
	color:#354d4b;
}

a.btnAppointment:active {
	background-color:#fff;
	color:#c2d66a;
	border:1px solid #fff;
}

a.facebook{
	width:24px;
	height:24px;
	display:inline-block;
	background:#c2d66a;
	color:#354d4b;
	text-decoration:none;
	border-radius:100%;
	
	 cursor: pointer;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

a.facebook:hover{background:#fff;}

a.twitter{
	width:24px;
	height:24px;
	display:inline-block;
	background:#c2d66a;
	color:#354d4b;
	text-decoration:none;
	border-radius:100%;
	
	 cursor: pointer;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}

a.twitter:hover{
	background:#fff;}



@media (max-width: 860px){
	html{
		-webkit-text-size-adjust:none;
		-ms-text-size-adjust:none
	}
	
	body{
		font-size: 85%;
	}
	

	aside {
	float: left;
	width: 45%;
	min-width:240px;
	text-align:center;
	margin-right:10%;
	
}

.content {
	float:left;
	width:45%;
}

h3 {font-size:1.8em;}

.block {
	float:none;
	display:block;
	width:100%;
	border:0px solid #000;
	margin: 3% auto;
	text-align:center;
}
}

@media (max-width: 670px){
	html{
		-webkit-text-size-adjust:none;
		-ms-text-size-adjust:none
	}
	
	body{
		font-size: 85%;
	}
	

	aside {
	float: left;
	width: 100%;
	text-align:center;
	margin:0 auto;
}

.content {
	float:left;
	width:100%;
	text-align:center;
	margin:0 auto;
}

.block {
	float:none;
	display:block;
	width:100%;
	border:0px solid #000;
	margin: 3% auto;
	text-align:center;
}
}