@charset "UTF-8";
* {
    margin: 0;
}
html, body {
    color: #333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 100%;
}
p {
    padding: 10px;
}
body a span {
    cursor: pointer;
}
body img {
    vertical-align: bottom;
}


.bodyResponsiveHipo {
	background: url("../images/Login_Broker.jpg") repeat-y scroll center top #e8e8e8;
    height: auto !important;
    margin: 0 auto -150px;
    /*min-width: 996px;*/
    width: 100%;
	background-size:cover;
}
.bodyResponsiveHipo #containerAll {
    /*background: none repeat scroll 0 0 #fff;*/ /* MODIFICADO JA */
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 100%;
}
.bodyResponsiveHipo #headerAll {
	/*background: url("../images/layout/bg_header_white_shadow.gif") no-repeat scroll center bottom transparent;*/
    /*background: url("../images/layout/bg_header_white_shadow_2.gif") repeat-x scroll center bottom;*/
	background: url("../images/Header_bg.png") repeat-x scroll center bottom;
    height: 107px;
    padding: 0 0 10px;
	width:100%; 
}
.bodyResponsiveHipo #headerRow { 
    background: url("../images/layout/bg_header_grey.gif") repeat-x scroll center bottom #626469;
    height: 35px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 10;
}



.bodyResponsive {
	background: url("../images/fondo1_login.jpg") repeat-y scroll center top #e8e8e8;
    height: auto !important;
    margin: 0 auto -150px;
    /*min-width: 996px;*/
    width: 100%;
}
.bodyResponsive #containerAll {
    /*background: none repeat scroll 0 0 #fff;*/ /* MODIFICADO JA */
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 100%;
}
.bodyResponsive #headerAll {
	/*background: url("../images/layout/bg_header_white_shadow.gif") no-repeat scroll center bottom transparent;*/
    /*background: url("../images/layout/bg_header_white_shadow_2.gif") repeat-x scroll center bottom;*/
	background: url("../images/Header_bg.png") repeat-x scroll center bottom;
    height: 107px;
    padding: 0 0 10px;
	width:100%; 
}
.bodyResponsive #headerRow { 
    background: url("../images/layout/bg_header_grey.gif") repeat-x scroll center bottom #626469;
    height: 35px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 10;
}
#logo {
    height: 24px;
    margin: 24px 0 0 3.8%;
    position: relative;
    width: 136px;
    z-index: 11;
}
#logo img {
    width: 100%;
}
#sidebar {
    float: right;
    padding: 0 9px 0 2px;
    top: -50px;
}
@media screen and (max-width: 995px) {



.bodyResponsiveHipo {
    background: url("../images/Login_Broker_995.jpg") repeat-y scroll center top #e8e8e8;
    height: auto !important;
    margin: 0 auto -150px;
    max-width: 995px;
    min-width: 769px;
    width: 100%;
}
.bodyResponsiveHipo #containerAll {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    text-align: left;
    width: 758px;
}
.bodyResponsiveHipo #headerAll {
   /* background: url("../images/layout/bg_header_white_shadow.gif") no-repeat scroll center bottom transparent;*/
   /*background: url("../images/layout/bg_header_white_shadow_2.gif") repeat-x scroll center bottom;*/
   background: url("../images/Header_bg.png") repeat-x scroll center bottom;
    height: 82px;
    padding: 0 0 10px;
	width:100%;
}
.bodyResponsiveHipo #headerRow {
    height: 10px;
    z-index: 10;
}




.bodyResponsive { 
    background: url("../images/fondo1_login.jpg") repeat-y scroll center top #e8e8e8;
    height: auto !important;
    margin: 0 auto -150px;
    max-width: 995px;
    min-width: 769px;
    width: 100%;
}
.bodyResponsive #containerAll {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    text-align: left;
    width: 758px;
}
.bodyResponsive #headerAll {
   /* background: url("../images/layout/bg_header_white_shadow.gif") no-repeat scroll center bottom transparent;*/
   /*background: url("../images/layout/bg_header_white_shadow_2.gif") repeat-x scroll center bottom;*/
   background: url("../images/Header_bg.png") repeat-x scroll center bottom;
    height: 82px;
    padding: 0 0 10px;
	width:100%;
}
.bodyResponsive #headerRow {
    height: 10px;
    z-index: 10;
}
#sidebar {
    float: right;
    padding: 0 15px;
    top: 0;
    width: 100%;
}
}
@media screen and (max-width: 768px) {

.bodyResponsiveHipo {
    background: url("../images/Login_Broker_768.jpg") repeat-y scroll center top #e8e8e8;
    max-width: 768px;
    min-width: 476px;
    width: 100%;
}
.bodyResponsiveHipo #containerAll {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    text-align: left;
    width: 420px;
}
.bodyResponsiveHipo #headerAll {
    /*background: url("../images/layout/bg_header_white_shadow.gif") no-repeat scroll center bottom transparent;*/
	/*background: url("../images/layout/bg_header_white_shadow_2.gif") repeat-x scroll center bottom;*/
	background: url("../images/Header_bg.png") repeat-x scroll center bottom;
    height: 65px;
    padding: 0 0 10px;
	width:100%;
}


.bodyResponsive {
    background: url("../images/fondo1_login.jpg") repeat-y scroll center top #e8e8e8;
    max-width: 768px;
    min-width: 476px;
    width: 100%;
}
.bodyResponsive #containerAll {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    text-align: left;
    width: 420px;
}
.bodyResponsive #headerAll {
    /*background: url("../images/layout/bg_header_white_shadow.gif") no-repeat scroll center bottom transparent;*/
	/*background: url("../images/layout/bg_header_white_shadow_2.gif") repeat-x scroll center bottom;*/
	background: url("../images/Header_bg.png") repeat-x scroll center bottom;
    height: 65px;
    padding: 0 0 10px;
	width:100%;
}
#logo {
    margin: 18px 0 0 6%;
    position: relative;
    width: 100px;
    z-index: 11;
}
}
@media screen and (max-width: 475px) {
.bodyResponsiveHipo {
    background: url("../images/Login_Broker_475.jpg") repeat-y scroll center top #e8e8e8;
    max-width: 475px;
    min-width: 280px;
    width: 100%;
}
.bodyResponsiveHipo #containerAll {
    background: none repeat scroll 0 0 #ffd;
    margin: 0 auto;
    text-align: left;
    width: 300px;
}


.bodyResponsive {
    background: url("../images/fondo1_login.jpg") repeat-y scroll center top #e8e8e8;
    max-width: 475px;
    min-width: 280px;
    width: 100%;
}
.bodyResponsive #containerAll {
    background: none repeat scroll 0 0 #ffd;
    margin: 0 auto;
    text-align: left;
    width: 300px;
}
}
@media (min-width: 768px) {
.fullwindowsSize {
    height: 15px;
    width: 100%;
}
}
.sampleClass {
    float: left;
}
@media only screen and (max-width: 995px) {
.sampleClass {
    float: none;
}
}