﻿html, body { 
	width:100%; height:100%; margin:0; text-align:center; background:#333333; color:#000000;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size:14px; line-height:18px;
} 

img{border:0px;}

a:link{color:inherit; text-decoration:none;}

.div-container{	width:100%;	margin:auto; text-align:center;	display:block; position:relative;}
.div-container-login {	width: 60%;	margin: auto;	text-align: center;	display: block;	position: relative;}
.table-content{width:960px;}

h1{ font-size:14px; line-height:20px; font-weight:normal; color:#000000; margin:0; padding:0;}

/*Header*/
#div-container-header{background:#FFFFFF; color:#000000;}
#table-header{}
.td-header-logo{text-align:left; padding-top:20px; padding-bottom:20px; padding-right:20px; width:200px;}
.td-header-writeup{ text-align:right; font-size:12px; line-height:16px; color:#000000; font-weight:normal; padding-left:15px; padding-right:15px;}
.td-header-banner{ text-align:center; font-size:13px; line-height:18px; padding-left:15px; padding-right:15px;}
.txt-header-title{display:block; font-size:18px; line-height:28px; font-weight:bold; color:#990000; text-transform:uppercase;}
.txt-company{font-weight:bold; color:#BD0100; text-transform:uppercase;}
.div-header-banner{
	width:200px; padding:10px;
	background-color:#000000; color:#FFFFFF; font-size:13px; line-height:18px;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}
/*Header*/

/*Menu Top*/
#div-container-menutop{
	/*background:#F60000;*/
	background:#BD0100; 
	color:#FFFFFF; z-index:999;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
}
#table-menutop{}
.td-menutop{text-align:right; vertical-align:middle;}
/*Menu Top*/

/*Menu*/

/*Menutop Item*/
.td-menuitem{min-width:100px;}
#menutop-selected{background:#FF0000;}
.menutop-item {position:relative; display:inline-block; vertical-align:middle; padding-left:15px; padding-right:15px; height:40px; font-size:14px; line-height:40px; font-weight:normal;}
.menutop-item:hover{background:#DE0000;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.menutop-item a:link {text-decoration:none; font-weight:inherit; color:inherit;}
.menutop-item a:visited {text-decoration:none; font-weight:inherit; color:inherit;}
.menutop-item a:hover { text-decoration:none; font-weight:inherit; color:inherit;}
/*Menutop Item*/


/*Footer*/
#div-container-footer{
	z-index:998;
	background:#333333; color:#FFFFFF;
	border-top:5px #BD0100 solid;
	/*
	-webkit-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.25);
	box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.25);
	*/
}
#table-footer{ height:120px;}
.td-footer-writeup{text-align:left; vertical-align:top; font-size:13px; line-height:23px; padding-top:20px; color:#EEEEEE;}
.td-footer-icons{text-align:right; vertical-align:top;}
/*Footer*/

/*Menu Bottom*/
.menubottom {font-size:inherit; line-height:inherit; font-weight:normal; color:inherit; display:block;}
.menubottom a:link {text-decoration:none; font-weight:inherit; color:inherit;}
.menubottom a:visited {text-decoration:none; font-weight:inherit; color:inherit;}
.menubottom a:hover { text-decoration:none; font-weight:inherit; color:#FFFFFF;
	
}
ul.menubottom { padding-left: 0px; list-style-type:none; margin:0px; line-height:20pt;}
ul.menubottom li{display:inline; padding-right:15px;}
/*Menu Bottom*/

/*SOCIAL ICONS*/
ul.list-social-icons { padding-left: 0px; list-style-type:none;}
ul.list-social-icons li{ display:inline;}

.social-icons{display:inline-block; width:40px; height:40px; background-position:-9 -9; background-repeat:no-repeat;}

#social-google { background: url("../graphics/shared/icons/google.png")  }
#social-google:hover { background: url("../graphics/shared/icons/google-a.png")  }

#social-facebook { background: url("../graphics/shared/icons/facebook.png")  }
#social-facebook:hover { background: url("../graphics/shared/icons/facebook-a.png")  }

#social-linkedin { background: url("../graphics/shared/icons/linkedin.png")  }
#social-linkedin:hover { background: url("../graphics/shared/icons/linkedin-a.png")  }

#social-mail { background: url("../graphics/shared/icons/mail.png")  }
#social-mail:hover { background: url("../graphics/shared/icons/mail-a.png")  }

#social-twitter { background: url("../graphics/shared/icons/twitter.png")  }
#social-twitter:hover { background: url("../graphics/shared/icons/twitter-a.png")  }
/*SOCIAL ICONS*/





