@charset "utf-8";
.body {
	margin: 0 auto;
	width: 980px;}
a{
	text-decoration: none;}
#intro{
	width: 90%;
	}/* CSS Document */
div.article{
	margin: 0 auto;
	width:90%;
	}
i{
	text-align: center;}

p.author{
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 14px;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 18px;
	font-style:italic;
}
td{font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
p.figure{
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 14px;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 18px;
	font-style:italic;
	margin-bottom: 25px;
}
p.source{
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 15px;
	font-style:italic;
}
.img{
	padding: 5px;}
	
p.caption{
	text-align: center;
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 14px;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 20px;
	}
#ethernet {
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 24px;
	color: #4398ef;
	margin-top: 30px;
	}
.header-text {
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 15px;
	color: #666666;
	line-heigth: 1.5em;
	margin-bottom: 20px;
	}
ul#insidenav{
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 14px;
	color: #666666;
	line-heigth: 26px;
	list-style-type: none;
	margin-bottom: 20px;
	margin-left: 40px;
	}
li.submenu{
	padding-bottom: 8px;
	color: #1E8BC3;
	}
li.submenu>a{
	color: #1E8BC3;
	text-decoration: none;
}
li.submenu>a:hover{
	color: #1c76a5;
	text-decoration: underline;
	}
	
h3.subtitle{
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 20px;
	color: #666666;
	font-weight:500;
	}
p.content, ul {
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 15px;
	color: #515151;
	line-height: 23px;
	margin-top: 0;
	margin-bottom: 10px;
	 }
.content1{
	font-size: 14px;
	font-family: 'Open Sans', Tahoma, sans-serif;
	color: #666666;}
.list{
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 14px;
	color: #515151;
	line-height: 23px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 50px;}
p.end {
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 15px;
	color: #666666;
	line-height: 23px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-style:italic;
	 }
#ethernet{
	margin-bottom: 10px;
	}
table#comparison{
	width: 720px;
	border: 1px solid #c0c0c0;
	margin: 10px auto 30px auto;
	}
td.switch{
	border: 1px solid #e2e2e2;
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 13px;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	}
tr.charachteristics{
	background-color: #ececec;
	}
tr.managed {
	background-color: #e4f1fe;
	}
tr.unmanaged {
	background-color: #dff7de;
	}
img.control{
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
	}
table#features {
	margin: 0 auto;}
p.img-description {
	font-style:italic;
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-color: #333333;
	font-size: 14px;
	}
a.text{
	color: #1E8BC3;
	text-decoration: none;
	}
a.text:hover{
	color: #1c76a5;
	text-decoration: underline;
	}
a.button {
	padding: 10px;
	background-color: #1E8BC3;
	border: 2px solid #1E8BC3;
	color: #ffffff;
	text-decoration: none;
	border-radius: 5px;
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 14px;
	}
div#action{
	margin: 30px auto;
	}
a.button2{
	padding: 10px 20px;
	border: 2px solid #1E8BC3;
	color: #1E8BC3;
	text-decoration: none;
	border-radius: 5px;
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 14px;
	margin-bottom: 30px;
	margin-right: 20px;
	}
a.button2:hover{
	background-color: #1E8BC3;
	color: #ffffff;}
a.button:hover{
	background-color: #1c76a5;
	border: 2px solid #1E8BC3;
}
a.chapter{
	text-decoration: none;
	color: #666666;
	}
a.chapter:hover{
	text-decoration: none;
	}
#features{
	margin-bottom: 20px;
	}
	
.sharing{
	padding-left: 0px;
	padding-top: 40px;
	margin-bottom: 50px;
	margin-top: 20px;
	}
ul.materials>li, ul.share-buttons>li {
	display: inline;
	}
div.sharing{
	clear: both;
	}
ul.share-buttons{
	text-align: left;
	padding-left: 0;}
.kit{
		color: #1E8BC3;
		text-decoration: none;
		font-weight: 600;
		}
.kit:hover{
	text-decoration: underline;
	}
h3.subtitle{
	margin-top: 30px;
	border: none;}
.right{
	float: right;
	padding: 20px;
	border-radius: 15px;
    padding: 5px;
    border: solid 1px #EFEFEF;
}
img.center{
	text-align:center;
	border-radius: 15px;
    padding: 5px;
    border: solid 1px #EFEFEF;
				}

.center{
	text-align:center;
	padding-top: 20px;
	}
.graph{
	padding-top: 15px;
	text-align: center;}
	.pic{
		text-align: center;}
.container{
	margin: 0 auto;
	width: 95%;
	clear: both;
	display: block;
	padding-bottom: 120px;
	margin-top: 20px; 
	margin-bottom: 20px;
	
	}
	
	.left, .right1{
		float: left; 
		width: 55%;}
	.right, .left1{
		float: right; 
		width: 43%;}
	li.li{font-size: 14px;
	list-style-type: disc;
	
	}
	.h4{
		margin: 0;
		margin-bottom: 5px;}
	.ul{margin-left: 50px;
	list-style-type: disc;}
	div.text{display:  block; 
	clear: both;}
	ul{padding-left: 20px;}
@media screen and (max-width: 980px) {
	.body{width: 90%;
	}
}
@media screen and (max-width: 767px) {
	.body{width: 90%;
	}
	
	.img{text-align: center;
	width: 95%;}
	.left, .right1, .right, .left1{
		width: 90%;
		margin: 0 auto;}
	
}
@media screen and (max-width: 480px) {
	.body{width: 90%;
	}
.img{text-align: center;
width: 95%;}

	.left, .right1, .right, .left1{
		width: 90%;
		margin: 0 auto;}
}