*{
    box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.row:before,
.row:after{
	content : "";
	display : table;
}

.row:after{
	clear:both;
}
.row {
	zoom : 1;
}

[class*="col-"] {
    float: left;
    padding: 10px;
}
html {
    font-family: "Lucida Sans", sans-serif;
	color:rgb(40, 40, 40);
}
body{
	margin:0;
	padding:0;
		background-color:rgb(240, 240, 240);
		
	
}



.content{
	margin:auto;
	width:80%;
	position:relative;
}


/*logo and navigation-------------------------------------------------------
---------------------------------------------------------------------------*/
.header{
	background:#fff;
	overflow:hidden;
		border-bottom:2px solid #0099cc;
}

.headerTop{	
	background-color:#09c;
	margin:auto;
	overflow:hidden;
	border-top:2px solid #09c;
	border-bottom:1px solid #09c;
	text-align:center;
}

.headerTop p{
	
	float:right;
	margin:0;
	padding:5px;
	color:#fff;

}

.headerTop a:link,
.headerTop a:visited,
.headerTop a:hover{
    color:white;
    text-decoration: none;
}

 .phone a:link,
.phone a:visited,
.phone a:hover{
    color:white;
    text-decoration: none;
}

#logo{
	width:300px;
	height:78px;

	float:left;
}

.topnav {
  overflow: hidden;
  background-color: #fff;
  float:right;
}

.topnav a{
  float: left;
  display: block;
  color: #ccc;
  text-align: center;
  padding: 30px 16px;
  text-decoration: none;
  font-size: 18px;
}

.topnav a:link,
.topnav a:visited{
 color: #0099cc;
}

.topnav a:hover {
 color: #09c;
	background-color:rgb(250, 250, 250);	
}

.topnav .icon {
  display: none;
}



@media screen and (max-width: 767px) {
  .content{
	  width:100%;
  }
  	.headerTop p{
	float:none;
	text-align:center;
	font-size:14px;
}
 
 .headerTop a:link,
.headerTop a:visited,
.headerTop a:hover{
    color:white;
    text-decoration: none;
}
 
  .phone a:link,
.phone a:visited,
.phone a:hover{
    color:white;
    text-decoration: none;
}
    
  .topnav {
  float:none;
}
  
  
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: relative;

	

   
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
	width:100%;
	padding: 8px 0;
	border-top:1px solid #ccc;
  }


  
  .topnav a{display: none;}
  .topnav a.icon {
    float: none;
    display: block;
	color:#ccc;
	text-align:center;
	padding: 5px 0;
	border-top:1px solid #eee;
	

  }
  
  
#logo{
display:block;
float:none;
text-align:center;
margin:auto;
}

}

/*--------------------------------------------------------------------------------
--------------------------------------------------------------------------------*/
 
.main{
	margin-top:10px;
	margin-bottom:10px;
	background:#fff;
	border-radius:0 0 20px 20px;
}

.mainContent p{
	padding:0px;
	margin:0px;
	
}

.mainContent ul{
	padding:5px;
	margin:0 25px
	
}
.mainContent ul li{
	padding:0px;
	margin:0 25px;
	
	
}

.mainContent a{
	color:#0099cc;
	
	
}

.mainGallery{
	background:#fff;
	border-left:solid 1px #0099cc;
	border-radius:0 0 20px 0px;
	
}

 .mainGallery img{
	background:#fff;
	border:solid 1px #fff;
	border-radius: 0 0 0px 0px;
	
	
}
iframe{
	border:1px solid white;
}
.prices{
	background:rgb(252,252,252);
	border-radius:10px;
	margin:10px 0 0 0;	
	color:#156991;
}

.prices table{
	background-color:#fff;

	margin:0px;
	padding:0px;
	border:0px;
	margin-bottom:15px;	
}
.prices table tr th{
	background-color:#0099CC;
	padding:5px;
	color:#fff;
}
.prices table tr th:nth-of-type(2n){

	padding:5px;
	color:#fff;
	background-color:#0099ee;
}
.prices table tr td:nth-of-type(2n+1){
	
    border-collapse: collapse;
	padding:15px 5px;
	
}
.prices table tr td:nth-of-type(2n){
	
    border-collapse: collapse;
	padding:15px 5px;
	
}
.prices table tr:nth-of-type(2n){
	background-color:#EEF7F6;
	
}
table {
    border: 0px solid black;
    border-collapse: collapse;
}
/*
.prices table tr{
	background-color:#fff;
	padding:5px;
}*/
.sidebar{
	background:rgb(249,249,249);
	border-radius:10px 10px 0 0;
	margin:10px 0 0 0;	
	color:#156991;
}

.sidebarTitle h2{
	padding:0px 18px 0 18px;
}

.sidebarContent{
	font-size:18px;
	padding-bottom:15px;	
} 

.sidebarContent h3,
.sidebarContent p{
   margin:0px;
   padding:0px;
   color:07367;		
   }
   
 .sidebarContent h3{
   margin-top:10px;
  } 
  
.sidebarMap{

	height:350px;
}




.footer{
	clear:both;
	/*height:80px;
	 background-color: rgb(0,0,128);*/
	background-color:#777;
	color:rgb(255,255,255);
	font-family:Arial,Helvetica,sans serif;
	padding:10px;
	text-align: center;
	overflow:hidden;	
	
	
}

.footer a{
	color:rgb(198,181,114);
}
.footer img{
	float:right;
	margin:0px;
	padding:0px;
}
.footer p{
	margin:0;
	padding:0 5px;
}


 img{
	display:inline;
}



.brake{
	display:none;
}




/* For mobile320 phones: */
@media only screen and (max-width:480px) {
	
	.content{
	width:100%;
	margin:auto;
	}


	[class*="col-"] {
		width: 100%;
	}
	

	
	
	
	


.mainGallery{
	border-left:none;
	border-top:solid 1px #0099cc;	
}	
.mainGallery img{
	padding:0;
}
	
	





	
}

/* For 	mobile640: */
@media only screen and (min-width: 481px) and (max-width: 767px) {

    .col-xs-1 {width: 8.33%;}
    .col-xs-2 {width: 16.66%;}
    .col-xs-3 {width: 25%;}
    .col-xs-4 {width: 33.33%;}
    .col-xs-5 {width: 41.66%;}
    .col-xs-6 {width: 50%;}
    .col-xs-7 {width: 58.33%;}
    .col-xs-8 {width: 66.66%;}
    .col-xs-9 {width: 75%;}
    .col-xs-10 {width: 83.33%;}
    .col-xs-11 {width: 91.66%;}
    .col-xs-12 {width: 100%;}
	
	.content{
	width:100%;
	margin:auto;
	}
	
	


	.brake{
	display:block;
}
	.mainGallery{
	border-left:none;
	border-top:solid 1px #0099cc;	
}		
	
	
}


/* For tablets: */
@media only screen and (min-width: 768px){

    .col-sm-1 {width: 8.33%;}
    .col-sm-2 {width: 16.66%;}
    .col-sm-3 {width: 25%;}
    .col-sm-4 {width: 33.33%;}
    .col-sm-5 {width: 41.66%;}
    .col-sm-6 {width: 50%;}
    .col-sm-7 {width: 58.33%;}
    .col-sm-8 {width: 66.66%;}
    .col-sm-9 {width: 75%;}
    .col-sm-10 {width: 83.33%;}
    .col-sm-11 {width: 91.66%;}
    .col-sm-12 {width: 100%;}
	
	.content{
	width:100%;
	margin:auto;
	}
	


[class*="col-"] {
    float: left;
    padding: 5px;
}



/* For desktop: */
@media only screen and (min-width: 1024px) {
    
   
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	
	.content{
	width:80%;
	margin:auto;
}





	
}


