/* CSS Document */
h1 {font-family: "iskra",sans-serif; font-size:24px; font-weight:normal; color:#054f93;}
h2 {font-family: "iskra",sans-serif; font-size:16px; font-weight:normal; color:#054f93;}
p {font-family: "open-sans",sans-serif; font-size:14px; font-weight:normal;}
ul li {font-family: "open-sans",sans-serif; font-size:14px; font-weight:normal;}
hr { width:100%; height:1px; background:url(../images/homepage-hr.jpg) center; border:none; margin:35px 0px;}
table {font-family: "open-sans",sans-serif; font-size:12px;}
/* GENERAL ELEMENTS */
#header-area { width:100%; height:141px; position:relative; background:#044f93 url(../images/header-back.jpg) center no-repeat; border-top: solid 7px #012f66;-webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);}
#homepage-slogan-area { width:100%; position:relative; padding-bottom:20px;}
#homepage-interactive-area { width:100%; position:relative; background: url(../images/homepage-interactive-back.png) repeat-x #023673; padding-bottom:40px; }
#footer-area { width:100%; position:relative;}
/* HEADER ELEMENTS */
#logo { width:178px; height:94px; position: relative; margin-top:24px;}
.language-area { width:100%; height:78px; position:relative;}
.lang a { position:absolute; top:10px; right:10px; color:white; font-size:13px; text-decoration:none}
.menu-area { width:100%; height:63px; position:relative;}

/* HOMEPAGE ELEMENTS */
.slogan h1 {font-family: "iskra",sans-serif; font-size:40px; font-weight:normal; color:#000; text-align:center;}
.slogan p {font-family: "open-sans",sans-serif; font-size:13px; text-align:center;}
.slogan hr { width:100%; height:1px; background:url(../images/homepage-hr.jpg); border:none; margin-bottom:35px;}
.interactive h2 {font-family: "iskra",sans-serif; font-size:24px; font-weight:normal; color:#FFF; margin:40px 0px; padding:0px;}
.interactive h4 {font-family: "iskra",sans-serif; font-size:16px; font-weight:normal; color:#FFF; margin:20px 0px 10px 0px; padding:0px;}
.interactive p {font-family: "open-sans",sans-serif; font-size:12px; font-weight:normal; color:#FFF; margin:0px 0px 10px 0px; padding:0px;}
.interactive p a { color:#FFF; text-decoration:underline;}
.news-data { width:100%; position:relative; overflow:hidden; }
.news-buttons { width:100%; height:35px; position:relative; text-align:right; margin-top:10px;}
.news-buttons img { padding-left:10px;}
/* FOOTER ELEMENTS */
#footer-top { width:100%; position:relative; background:url(../images/footer-top-back.png) repeat-x}
#footer-top p {font-family: "open-sans",sans-serif; font-size:12px; color:#686a6b; margin:30px 0px; padding:0px;}
#footer-top p a { text-decoration:underline;color:#686a6b;}
#footer-top p a:hover { text-decoration:underline;color:#000;} 
#footer-bottom { width:100%; height:45px; position:relative; background:#023977; border-bottom:solid 7px #012f66}
#footer-bottom p {font-family: "open-sans",sans-serif; font-size:10px; color:#FFF; margin:18px 0px; padding:0px;}
#footer-bottom img { float:right; margin-top:18px;}
#socialicon { position:absolute; right:350px; top:40px;}
#twitter { position:absolute; right:170px; top:42px;}
#facebook { position:absolute; right:10px; top:40px;}
/* CONTENT ELEMENTS */
.content { margin:50px 0px;}
.content p {font-family: "open-sans",sans-serif; font-size:13px; color:#000;}
.content ul li {font-family: "open-sans",sans-serif; font-size:13px; color:#000; list-style: square;}
.team p {font-family: "open-sans",sans-serif; font-size:11px; color:#000; margin:0px; padding:0px;}
.team p a {font-family: "open-sans",sans-serif; font-size:11px; color:#054f93; margin:0px; padding:0px; font-style:italic;}
.team-title { background:#054f93; margin-top:1px;}
.team-title h5 {font-family: "open-sans",sans-serif; font-size:12px; color:#FFF; font-weight:normal; text-align:center; margin:0px; padding:15px 5px 15px 5px;}
.team-title h6 {font-family: "open-sans",sans-serif; font-size:11px; color:#FFF; font-weight:normal; text-align:center; margin:0px; padding:0px 5px 15px 5px;}
.team-title-bottom { width: 0; height: 0; border-left: 80px solid transparent; border-right: 80px solid transparent;	border-top: 60px solid #054f93; margin-bottom:30px;}
.team-text { width:100%; height:370px; }
.team-text-2 { width:100%; }
.product-category a {font-family: "iskra",sans-serif; font-size:15px; text-decoration:none; color:#054f93;  border-bottom:#dcdcdc 1px solid; display:block; padding:10px 0px 10px 10px;}
.product-category a:hover {font-family: "iskra",sans-serif; font-size:15px; text-decoration:none; color:#054f93; border-bottom:#dcdcdc 1px solid; display:block; padding:10px 0px 10px 10px;}
.product-category a.active {font-size:18px; background: url(../images/product-background.png) 0px 39px no-repeat; border:none;padding:10px 0px 20px 10px;}
.product-left-line {border-left:#dcdcdc 3px double; padding-left:20px; font-weight: bold; }
/* CONTACT ELEMENTS */
#map {width:100%; height:350px; margin:0px; padding:0px; position:relative;}
#google_map {width:100%; height:350px; margin:0px; padding:0px;}
#google_map_left { position:absolute; bottom:0px; left:0; border-left: 0px solid transparent;	border-bottom: 125px solid white; z-index:2;}
#google_map_right { position:absolute; bottom:0px; right:0; border-right: 0px solid transparent;	border-bottom: 125px solid white; z-index:2;}
#diamond-narrow {width: 0;height: 0;	border: 110px solid transparent;border-bottom: 70px solid #044f93;position: relative;
top: -90px;}
#diamond-narrow:after {content: '';position: absolute;left: -110px;top: 70px;width: 0;height: 0;border: 110px solid transparent;border-top: 70px solid #044f93;
}
#diamond-text { position:absolute; top:230px; width:220px; height:70px; text-align:center; z-index:5; color:white;font-family: "iskra",sans-serif; font-size:14px;}
#diamond-text a { color:white; text-decoration:none;font-size:12px;}
#diamond-text a:hover { color:white; text-decoration:underline;}
.address {font-family: "open-sans",sans-serif; font-size:12px; color:#686a6b; margin-top:35px; text-align:center; }
/* HUMAN RESOURCES ELEMENTS */
.human-resources table tbody tr td { padding:5px; color:#333333}
.text-1 { width:290px; height:10px; padding:5px; margin:0px; color: #000; font-size:13px; font-family:Arial, Helvetica, sans-serif}
.text-2 { width:90px; height:10px; padding:5px; margin:0px; color: #000; font-size:13px; font-family:Arial, Helvetica, sans-serif}
.text-3 { width:95px; height:5px; padding:5px; margin:0px; color: #000; font-size:13px; font-family:Arial, Helvetica, sans-serif}
.textarea-1 { width:290px; height:50px; padding:5px; margin:0px; color: #000; resize:none; font-size:13px; font-family:Arial, Helvetica, sans-serif}
.textarea-2 { width:550px; height:110px; padding:5px; margin:0px; color: #000; resize:none; font-size:13px; font-family:Arial, Helvetica, sans-serif}
.textarea-3 { width:550px; height:50px; padding:5px; margin:0px; color: #000; resize:none; font-size:13px; font-family:Arial, Helvetica, sans-serif}
.red-text { color:#FF0000}
.form-title { font-size:14px}
/* FORMS */
.table_left{padding:1px 30px 15px 0px}
.form-1 {border:#044f93 solid 1px;width:268px;height:23px;color: silver;padding-left:10px; font-weight:bold;}
.form-1:hover {border:#044f93 solid 3px;width:264px;height:19px;padding-left:10px; color:#044f93}
.form-2 {border:#044f93 solid 1px;width:268px;height:145px;color: silver;padding:10px 0px 0px 10px;resize: none; font-weight:bold;}
.form-2:hover {border:#044f93 solid 3px;width:264px;height:141px;color: #044f93;padding:10px 0px 0px 10px;resize: none;}
.form-3 { width:100px; height:30px; margin:10px 0px 40px 0px;;background:#ee1c24; border:none; font-weight:bold; color:#FFF; }
.form-3:hover {width:100px; height:30px;background:#044f93; cursor:pointer; }