@charset "utf-8";
/* CSS Document */
body {
    font-size: 12px;
    font-family:"Courier New", Courier, monospace;
    background-color:#f2f2f2;
}

.headerColor{
	background-color:#550000;
}

.formLogin{
    background-color:#CCCCCC;
    padding:10px;
    color:#000066;
}

legend{
    font-size:24px;
    color:#0E2871;
    font-weight:bold;
}

.input{
    background-color:#FFFFFF;
    background-image:url(../img/fondoInput2.png);
    background-repeat:repeat-x;
    color:#000000;
    font-weight:bold;
    font-size:24px;
    height:25px;
    width:9.5em;
    border:solid #666666;
}

.headerLogin{
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:30px;
    text-align:center;
}

.leftAdd{
    text-align:left;
    left:0px;
    z-index:56;
    position:absolute;
    left:450px;
    top:240px;
}

.leftPanel{
    position:absolute;
    left:20px;
    top:180px;
    z-index:56;
    width:200px;
}

.rightPanel{
    position:absolute;
    top:180px;
    left:80%;
    z-index:57;
}

.google{
    background-color:#FFFFFF;
    width:200px;
}

.mensaje{
    margin:15px;
}

.loginDown{
    background-image:url(../img/fondo%20down%201.jpg);
    background-repeat:no-repeat;
    background-color:#FFFFFF;
}

.errorUsuario{
    clear: both;
    position:absolute;
    /*top:200px;
    left:260px;*/
    /*top:220px;
    left:440px;*/
    top: -35px;
    left: 310px;
    z-index:165;
}

.triangleRight{
    border-color: transparent transparent transparent #EEEE55;
    border-style: solid;
    border-width: 20px;
    height:0;
    width:0;
}
.triangleDown{
    border-color: #EEEE55 transparent transparent transparent;
    border-style: solid;
    border-width: 20px;
    height:0;
    width:0;
}

.triangleLeft{
	position:absolute;
	left:-40px;
	top:40px;
}

.triangle {
  border-color: transparent #FFFF55 transparent transparent;
  border-style: solid;
  border-width: 20px;
  height: 0;
  width: 0;
	position:absolute;
	left:-40px;
	top:40px;
}

#All{
    background-color:#220000;
    z-index:2;
    position:relative;
    width:800px;
}

.wrapper{
    position:relative;
    margin:auto;
    /*height:250px;*/
}

.loginWords{
color:#333333;
}

.ie-shadow-firefox{
    display:block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 302px; /* match target width */
    height: 80px; /* match target height */
    z-index: 0;
    background: #000;
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.40);
}

.ie-shadow{
    display:block;
    position: relative;
    top: -390px;
    /* left: 170px;*/
    width: 804px; /* match target width */
    height: 395px; /* match target height */
    z-index: 0;
    background: #000;
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.40);
}

.cerrar{
font-size:12px;
font-weight:bold;
}

.box-close-link{
padding:5px;
}

/*------------------------------------------------------------------
[ Responsive ]*/



@media (max-width: 992px) {
  .errorUsuario {

  }
}

@media (max-width: 768px) {
  .errorUsuario {
    left: -20px;
    top: -135px;
  }

  .triangle {
    border-color: #FFFF55 transparent transparent transparent !important;
    top: 115px;
    left: 115px;
  }
}

@media (max-width: 576px) {
  .errorUsuario {
    left: -20px;
    top: -135px;
  }

  .triangle {
    border-color: #FFFF55 transparent transparent transparent !important;
    top: 115px;
    left: 115px;
  }
}