@charset "utf-8";
@import "font.css";

/*	
==================================================================
BODY
==================================================================
*/

body {color: #333;background-color: #f0660e;font-family: 'Open Sans', sans-serif;}
.headline{height:450px; background: white; box-shadow: 1px 0 5px #212121;}
.headline_wrap{position:relative}
.sliderwrapper{position:relative; overflow:hidden; color:white; height:450px;}
.sliderwrapper .contentdiv{visibility:hidden; position:absolute; left:0; top:0; padding:0; height:100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity:1; opacity:1}
.sliderwrapper .contentdiv h1{color:white; font-size:20px; border-bottom:none}
.sliderwrapper .contentdiv img{max-width:100%;max-height:100%;}
.sliderwrapper .contentdiv .sum{width:100%; text-align:left; padding:20px 10px 0 20px; font-size:18px; font-weight:Normal; position:absolute; top:240px; z-index:5000; height:60px; margin:10px 0 0 0; left:0px; color:#fff; text-shadow:1px 1px 2px #000}
.sliderwrapper .contentdiv .sum span{width:400px}
.pagination{width:180px; text-align:left; padding:10px 10px 0 20px; font-size:10px; font-weight:bold; position:absolute; top:-1px; z-index:5000; height:40px; margin:10px 0 0 0; left:-5px}
.pagination a{padding:10px 12px; text-decoration:none; color:#FFF; width:auto; background-image:url(./img/bg_paging.png); background-repeat:no-repeat; background-position:center center}
.pagination a:hover{color:#000; background-image:url(./img/bg_paging_selected.png); background-repeat:no-repeat; background-position:center center; border:0}
.pagination a.selected{color:#000; background-image:url(./img/bg_paging_selected.png); background-repeat:no-repeat; background-position:center center; border:0}

/*
================================================
LOGIN FORM
================================================
*/

#login{float: right; width:210px;text-align:left;padding-top: 100px;padding-right: 40px;padding-left: 0px;font-weight:bold;position:absolute;top:-5px;z-index:5000;margin:10px 0 0 0;}
label {font-size: .75em;color: #0000ff;text-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);vertical-align: bottom;}
input[type='text'], input[type='password']{height: 23px;font-size: .8em;border-radius: 4px;border-width: 1px; border-style:solid; border-color:#0000ff;width: 120px;padding-left: 5px;color: #9999ff;}
.username, .password, .captcha{float: left;width:70px;vertical-align: text-top;text-transform: uppercase;}
.dot_space {float: left;width: 10px;}
.clear{clear: both;height: 5px;}
#cap_image{float: left;width: 100px;}
.btnLogin{float: right;padding-top: 20px; margin-right: 60px;}
.btn {display: inline-block;font-weight: 700;cursor: pointer;border: 1px solid transparent;border-radius: 4px;background: transparent;outline: none;-moz-transition: 0.3s all ease;-webkit-transition: 0.3s all ease;-o-transition: 0.3s all ease;transition: 0.3s all ease;position: relative;text-align: center;font-size: 16px;line-height: 1;text-transform: uppercase;text-decoration: none;padding: 7px 10px;background: #FFCA33;color: #ffffff;min-width: 75px;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.btn-default {color: #ffffff;background-color: #FFCA33;border-color: #FFCA33;}
.btn-default:hover {color: #ffffff;background-color: #0060a9;border-color: #0060a9;}
.create{cursor: pointer; font-size: .6em ;color: #ff0099}
.create:hover{color: #0099FF}
.power{float: right;margin-top:3px;font-size: .5em;color: #FFFFFF;}
.company a{float:right;padding-top: 50px;padding-right: 60px;}
.company a:hover{color: #FFCA33}
.error{border-color:#FF0000}