@CHARSET "UTF-8";

html, body{
	font-family: 'Nunito', 'Arial Rounded MT', sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
	color: #444;
}

#page{
	width: 100%;
}

.div-content{
	position: relative;
	width: 960px;
	margin: 0px auto;
	height: 100%;
}

.div-content .left-column{
	float: left;
	width: 20%;
	height: 100%;
	padding: 5px 10px 5px 0px;
}

.div-content .right-column{
	float: right;
	width: 75%;
	height: 100%;
	padding: 5px 5px 5px 20px;
	border-left: 1px dotted #aaa;
}

.div-content h1{
	color: #017cc2;
	font-size: 16px;
}

.div-content h2{
	font-size: 14px;
}

.div-content h3{
	color: #017cc2;
	font-size: 15px;
}

.roundcorners{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius:10px;
	border: 1px dashed #017cc2;
}

.roundcorners .title{
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	padding:3px;
	background-color: #017cc2;
	color: #fff;
	text-align: center;
}

form{
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius:10px;
	background-color: #f4f4f4;
}

input, textarea{
	padding: 8px;
	font-size: 14px;
	border: 1px solid #017cc2;
}

input[type="button"]{
	color: #fff;
	background-color: #017cc2;
	padding: 8px;
	text-align: center;
	font-size:13px;
	cursor: pointer;
}

input[type="button"]:hover{
	background-color: #45a2d7;
}

.htext{
	color: #017cc2;
}

table.tbspecs{
	border-collapse: separate;
	border-spacing: 0px;
}

table.tbspecs td{
	padding: 3px;
}

table.tbspecs td.head{
	background-color: #dedede;
	color: #017cc2;
}

table.tbspecs td.headh{
	text-align: center;
	background-color: #900000;
	color: #fff;
}

#home-news{
	width: 100%;
}

#home-news a:link, #home-news a:visited{
	color: inherit;
	text-decoration: none;
}

#home-news a:hover{
	text-decoration: underline;
}

#home-news .item{
	float: left;
	width: 230px;
	padding:5px;
	height: 300px; 
}

#home-news .item .title{
	font-size: 13px;
	display: table-cell;
	vertical-align: top;
	width: 100%;
	height: 40px;
	color: #017cc2;
	padding-bottom: 3px;
}

#home-news .item .image{
	padding: 3px;
	border: 1px solid #eee;
	width: 220px;
	height: 135px;
	overflow: hidden;
}

#home-news .item p{
	margin:0px;
	padding: 6px 0px 0px 0px;
	text-align: justify;
	font-size: 12px;
	color: #777;
}

#home-news .item a.readmore{
	margin: 0px auto;
	display:block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius:10px;
	background-color: #017cc2;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	cursor: pointer;
	width: 40%;
	font-size: 11px;
	margin-top: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

#home-news .item a.readmore:hover{
	background-color: #0094e8;
}

a.empty{
	display: block;
	width: 100%;
	height: 100%;
}

#menu{
	text-align: right;
	width: 650px;
	height: 40px;
	position: absolute;
	right:0px;
	bottom:0px;
}

#logo{
	position: absolute;
	bottom: 0px;
	left: 0px;
    width: 300px;
    height: 70px;
    background-repeat: no-repeat;
}

#page #header{
	width: 100%;
	background-color: #ffffff;
	height: 80px;
}

#page #banner{
	width: 100%;
	background-color: #017cc2;
	height: 400px;
}

#page #home-products{
	width: 100%;
	min-height: 250px;
	background-color: #efefef;
	border-top: 4px solid #c4c4c4;
	border-bottom: 4px solid #c4c4c4;
	padding: 0px 0px 5px 0px;
}

#page #home-products a:link,#page #home-products a:visited{
	color: inherit;
	text-decoration: none;
}

#page #home-products a:hover{
	color: #017cc2;
	text-decoration: underline;
}

#page #content{
	width: 100%;
	background-color: #ffffff;
}

#slideshow{
	width: 960px;
	height: 375px;
	background-color: #017cc2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius:10px;
	overflow: hidden;
}

#page #footer{
	width: 100%;
	background-color: #017cc2;
	height: 50px;
}

#footer-content{
	color: #fff;
	font-size: 11px;
	text-align: center;
	padding: 10px 0px;
}

.home-product{
	float:left;
	width: 315px;
	height: 125px;
	margin-left:5px;
	margin-top: 5px;
}

.home-product .image{
	float: left;
	width: 75px;
	height: 115px;
	padding-top:10px;
}

.home-product .text{
	float: right;
	width: 235px;
	height: 115px;
	padding-top:10px;
}

.home-product .text .title{
	font-size: 17px;
	text-transform: uppercase;
	color: #444;
	margin:0px;
	padding:0px;
}

.home-product .text .desc{
	font-size: 12px;
	color: #444;
	margin:0px;
	padding:0px;
}

#left-section{
	width: 100%;
}

#left-section .title{
	padding:5px;
	background-color: #eee;
	width: auto;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius:5px;
}

#left-section .blue{
	background-color: #017cc2;
	color: #fff;
}

a.social:link, a.social:visited{
	display: block;
	color: #444;
	text-align: left;
	padding: 5px 0px 5px 30px;
	font-size: 11px;
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
	margin-top: 10px;
}

a.social:hover{
	color: #017cc2;
	text-decoration: underline;
}

.no-margin{
	margin:0px;
	margin-top: 5px;
}

#left-section a.product:link, #left-section a.product:visited{
	display: block;
	padding: 5px 0px;
	font-size: 11px;
	margin-top: 10px;
	color: #444;
	text-decoration: none;
}

#left-section a.product:hover{
	color: #017cc2;
	text-decoration: underline;
	
}

.expanded-news{
	width: 100%;
	
}

.minimized-news{
	width: 100%;
	height: 150px;
}

.expanded-news .date, .minimized-news .date{
	font-size: 10px;
}

.expanded-news .title, .minimized-news .title{
	font-weight: bold;
	font-size: 13px;
	color: #017cc2;
	text-transform: uppercase;
}

.expanded-news .subtitle, .minimized-news .subtitle{
	font-size: 11px;
	font-style: italic;
}

.expanded-news img, .minimized-news img{
	padding: 5px;
	border: 1px solid #999;
	margin: 7px 0px;
}

.expanded-news h1{
	font-size:20px;
}

.expanded-news h2{
	font-size:18px;
}

.expanded-news h3{
	font-size:16px;
}

.expanded-news h4{
	font-size:20px;
}

.expanded-news p, .minimized-news p{
	text-align: justify;
	line-height: 16px;
}

.expanded-news table{
	width: 100%;
	border:0px;
}

.expanded-news thead td{
	display: table-cell;
	color: #fff;
	background-color: #017cc2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius:5px;
	text-align: center;
	border-spacing: 2px;
	height: 30px;
}

.expanded-news tbody tr:nth-child(even) td{
    background-color: #ffffff;
}

.expanded-news tbody tr:nth-child(odd) td{
    background-color: #f3f3f3;
}

.expanded-news tbody td{
	background-color: #fff;
	text-align: center;
	border-spacing: 2px;
}

.minimized-news .image{
	float:left;
	width: 23%;
	height: 130px;
}

.minimized-news .content{
	float: right;
	width: 68%;
	padding-top:10px;
}

.minimized-news a:link, .minimized-news a:visited{
	color: inherit;
	text-decoration: none;
	border: inherit;
	outline: none;
}

.minimized-news a:hover{
	text-decoration: underline;
}


.pages{
	margin-top: 25px;
	width: 100%;
	text-align: center;
}

.pages a:link, .pages a:visited{
	padding: 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background-color: #017cc2;
	margin: 2px;
	text-align: center;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius:5px;
}

.pages a:hover{
	color: #ffda5a;
	background-color: #16587d;
}

.faq{
	width: 100%;
	margin-bottom: 20px;
}

.faq .question{
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	background-color: #017cc2;
	color: #fff;
}

.faq .question p{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 14px;
	text-align: justify;
}

.faq .answer{
	padding: 10px;
	font-size: 12px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
	background-color: #e9e9e9;
}

.faq .answer p{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: justify;
}

.standard-content{
	width: 100%;
}

.standard-content img{
	padding: 5px;
	border: 1px solid #999;
	margin: 7px 0px;
}

.standard-content p{
	text-align: justify;
	margin-bottom: 20px;
	line-height: 20px;
}

.certificates{
	width: 100%;
}

.certificate{
	float: left;
	width: 170px;
	margin: 10px 5px;
}

.certificate .image{
	margin:0px;
	border: 1px solid #017cc2;
	padding:4px;
	display:block;
}

.description-image{
	float: right !important;
	margin: 0px 0px 20px 20px !important;
}


.certificate .title{
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
	background-color: #017cc2;
	color: #fff;
	padding:5px;
	margin:0px;
	text-align: center;
}

.alert-box{
	padding:8px;
	width: 100%;
	text-align: center;
	font-size: 12px;
}

.success{
	background-color: #0ba200;
	color: #fff;
}

.info{
	background-color: #008ad9;
	color: #fff;
}

.warning{
	background-color: #ffcc00;
	color: #000;
}

.error{
	background-color: #900000;
	color: #fff;
}

.clear{
	clear: both;
}

.download{
	padding: 10px;
	background-color: #f3f3f3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.download a:link, .download a:visited{
	color: inherit;
	text-decoration: none;
}

.download a:hover{
	color: inherit;
	text-decoration: underline;
}

.font-10{font-size: 10px;}
.font-11{font-size: 11px;}
.font-12{font-size: 12px;}
.font-13{font-size: 13px;}
.font-14{font-size: 14px;}
.font-15{font-size: 15px;}
.font-16{font-size: 16px;}
.font-17{font-size: 17px;}
.font-18{font-size: 18px;}
.font-19{font-size: 19px;}
.font-10{font-size: 20px;}
.font-bold{font-weight: bold;}
.font-italic{font-style: italic;}
.color-blue{color: #008ad9;}
.color-yellow{color: #ffcc00;}
.color-black{color: #000000};
.color-white{color: #ffffff;}
.color-red{color: #900000;}
.color-green{color: #009000;}

.width-small{
	width:25%;
}

.width-medium{
	width:50%;
}

.width-large{
	width:75%;
}

.width-full{
	width:100%;
}

ul.ordinal{
	list-style-type: decimal;
}

table.specs{
	border-collapse: separate;
	border-spacing: 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius:10px;
	overflow: hidden;
	border: 1px dashed #eee;
}

table.specs thead td{
	padding:8px;
	background-color: #eee;
	text-align: center;
}

table.specs td img{
	border: none;
	padding: 0px;
	margin:3px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius:10px;
	cursor:pointer;
}

table.specs td{
	border-bottom: 1px dashed #eee;
	padding:10px;
	vertical-align: top;
}

table.specs tr:last-child td{
	border-bottom: none;
}