/*
Theme Name: X-SGI
Author URI: http://www.xpertsistemas.com.br
Description: Developed by Xpert Sistemas
Author: Sérgio Lemos
Version: 1.0
Created on : 10/09/2013, 21:06
Copyright: (c) 2012 Xpert Sistemas
*/


/* TAGS */
body{font-family: 'Open Sans', sans-serif;color: #5a5a5a;background: /*url(../images/fundo.png)*/ no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;
  -o-background-size: cover;background-size: cover;font-size: 16px}
input[type=text],input[type=password]{font-size: 18px;font-weight: lighter;font-family: 'Open Sans', sans-serif;}
input[type=text]:focus,input[type=password]:focus{/*-webkit-box-shadow: 0 0 10px rgba(205,0,0,.5);-moz-box-shadow: 0 0 10px rgba(205,0,0,.5);box-shadow: 0 0 10px rgba(205,0,0,.5);*/border: 1px solid #0098DA;}
h1{font-family: 'Raleway', sans-serif;}
label{font-weight: lighter;margin: 10px 0 0 0}
a{color: #0098DA;}
a:hover {color: #0073B5;text-decoration: underline;-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out;}

/* HEADER */
header{margin: 0;padding: 2px 0 5px;background: white;border-bottom: 1px solid #ccc}
header .logo{}
header .redes-sociais{text-align: right; margin: 15px 0 0 0}
header .redes-sociais a{color: #5a5a5a;text-decoration: none;}
header .redes-sociais a:hover.color-facebook{color: #466CB0;}
header .redes-sociais a:hover.color-twitter{color: #00ACED;}
header .redes-sociais a:hover.color-google-plus{color: #E46044;}

/* LOGIN */
.login-wraper {width: 350px;margin: 10% auto;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);position: relative;padding: 10px;height: auto;background: white;text-align: left;}
.login-wraper h1{font-family: 'Raleway', sans-serif;font-weight: lighter;text-align: center;font-size: 28px;padding: 0;margin: 0}
.login-wraper .login-body{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 10px auto;padding: 15px 0 10px}
.login-wraper .login-body .input-append,.login-wraper .login-body .input-prepend {width: 350px;}
.login-wraper .login-body input[type=text],.login-wraper .login-body input[type=password]{width: 100%}
.login-wraper .esqueceu-senha {font-size: 12px;text-align: right;padding:15px 0 5px;display: block;}

/* FOOTER */
footer{font-size: 16px;text-align: center;padding: 20px 0 10px;background: white;border-top: 1px solid #ccc}


/* AUXILIARES */
.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {font-family: 'Open Sans', sans-serif;font-weight: lighter;font-size: 14px}
.cor-cc-vermelho{color: #0098DA;}
.cor-cc-azul{color: #da251d;}
.btn-cc {color: white;background-color: #0098DA;border: none; margin: 1px 3px;}
.btn-cc:hover {background: #0073B5;color: white;-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out;}

/* BOOTSTRAP */

/* RESPONSIVE */
@media (max-width: 600px) {
  .login-wraper {width: auto;height: auto;margin: 10% auto;}
  header .navbar-inner .logo{text-align: center}
  footer.navbar-fixed-bottom{position: relative}
}
@media (max-width: 800px) {
  .login-wraper {margin: 10% auto;}
  footer.navbar-fixed-bottom{position: relative}
}