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

* { 
	box-sizing:border-box;
	}
	
html {
    font-family: "Lucida Sans", sans-serif;
}

h1 {
	display:inline; 
	margin:0; 
	padding-left:20px;
	}
.header {
    background-color: #69b;
    color: #ffffff;
    padding: 10px;
}

.header img {
	border:	1px solid #666; 
	width:70px; 
	height:auto;	 
}
img {
	max-width:100%; 
	height:auto;	 

	}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color :#88b4b5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #58aaa4;
}

.bread {
	}

.breadImgLeft {
	border:	1px solid #666; 
	margin:5px;	 
	float:left;	 
	}
.breadImgRight {
	border:	1px solid #666; 
	margin-left:10px; 
	float:right;	 
	}

.menu a { 
	text-decoration:none; 
	color:#FFF;
	
	}
.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%;}

.row:after {
    content: "";
    clear: both;
    display: block;
}


@media screen and (min-width: 769px) {
[class*="col-"] { 
	float:left; 
	padding:15px; 
	border-right: solid #ccc 1px; 

	}

}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}