@charset "utf-8";
/* CSS Document */


body {
	font-family: 'Roboto', sans-serif;
	background-color: #F8F8F8;	
}



.my-container {
	max-width:1366px;
	padding:0px;
	margin:auto;
	font-size:0.92em;
	font-family: 'Roboto', sans-serif;
	background-color:#FFF;
}


.mylogo {
	max-width:1366px;
	background-color:#FFF;
	margin:auto;
	padding:15px;
	
}

.topmenu {
	padding: 0px;
	background-image: url(../images/shared/menu-bg.jpg);
	height: 45px;
	background-repeat: repeat-x;
}



.blue-top {
	background-color:#06C;
	background-image:url(../images/shared/top-blue.png);
	padding:10px;
	font-family: 'Roboto', sans-serif;
	font-size:0.9em;
	color:#FFF;
	text-align:right;
}


.blue-top a:link {
	color: #FFF;
	text-decoration: none;
}
.blue-top a: hover {
	color: #FC0;
}
.blue-top a:visited {
	color: #FFF;
	text-decoration: none;
}

.responsive {
    width: 100%;
    height: auto;
}

.intro {
	max-width: 1366px;
	background-image: url(../images/content/intro-bg.jpg);
	background-color: #F3F3F3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.text {
	max-width:1200px;
	margin:auto;
	font-family: 'Roboto', sans-serif;
	font-size:0.99em;
	padding:30px;
}


.myproducts {
	max-width:1000px; 
	margin:auto;
	font-family: 'Roboto', sans-serif;
	font-size:0.99em;
	padding:20px;
}

.myproducts a:link {
	color:#06C;
	text-decoration:none;
}

.myproducts a:visited{
	color:#06C;
	text-decoration:none;
}

.myproducts a:hover{
	color: #666;
	text-decoration:none;
}


.mini-title {
	color: #377FBB;
	font-family: 'Roboto', sans-serif;
	font-size: 0.99em;
	font-weight: bold;
}

.title-header {
	color: #377FBB;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

.title-header-big {
	color: #377FBB;
	font-family: 'Roboto', sans-serif;
	font-size: 1.8em;
	font-weight: bold;
}


.slider-image {}


.light-grey {
	background-color: #7C7C7C;
	color: #FFF;
	padding: 40px;
}

.white-border {
	border: 5px solid #FFF;
}

.product-section {
	font-family: 'Roboto', sans-serif;
	font-size:0.99em;}
.product-section a:link {
	color: #0081BB;
	text-decoration: none;
}
.product-section a:visited {
	color: #0081BB;
	text-decoration: none;
}
.product-section a:hover {
	color: #666666;
	text-decoration: none;
}


.footer  {
	background-color:;
	background-image:url(../images/shared/footer-bg.png);
	color:#FFF;
	
}

.footer-width {
	max-width:1200px;
	margin:auto;
	max-height:50px;
	font-family: 'Roboto', sans-serif;
	font-size:0.8em;
	padding:10px;
}


.footer-width a:link {
	color: #FFF;
	text-decoration: none;
}

.footer-width a:visited {
	color: #FFF;
	text-decoration: none;
}

.footer-width a:hover {
	color: #FC0;
	text-decoration: none;
}



.white-line-border {
	border: 5px solid #FFF;
}


.gray-border {
	border: 2px solid #DBDBDB;
}

.top-border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	margin-top:40px;
}
