body {
    /*background-image:  url(../../Images/bgroundCW.jpg);
    background-repeat: repeat;*/
    background-image: url(../../Images/BackgroundCW.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.CWheader {
    background-image: url(../../Images/LogoTransp_BB.png);
    background-repeat: no-repeat;
    background-position: 3% center;
    background-size: 260px 55px;    
    background-color: #0E52A3; 
    border-bottom: 1px #e3e829 solid;
    height: 90px;
}

.CWContainer
{
    /*background-image:  url(../../Images/bgroundCW.jpg);
    background-repeat: repeat; */
    max-width : 520px;
    margin : 0 auto;
    vertical-align : middle;
    padding-left:5px;
}

.resultDiv{
    width:  98%;
    height: 150px;
    border: solid 1px #bfbfbf;
    padding: 5px;
    background-color:white;
    margin-top: 5px;
}

.resultDiv:hover{
    width:  98%;
    height: 150px;
    border: solid 1px #bfbfbf;
    padding: 5px;
    background-color:#f1f1f1;
    margin-top: 5px;
    cursor:pointer;
}

.text{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight:bold;
    color: #111E6C;
    line-height: 22px;
}

.titText{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
    font-weight:bold;
    color: #111E6C;
    line-height: 25px;
}

@media only screen and (max-width: 400px) {
      [class*="CWheader"] {
            background-position: 5% center, 96% center;
            background-size: 150px 33px ,90px 45px, 5px 60px ;
            height: 60px;
        }

      [class=CWContainer]{
            width : 100%;
            margin : 0 auto;
            vertical-align : middle;
            padding-left:5px;
       }

       [class=text]{
            padding-right:5px;
       }

}



.fieldForm {
    width: 98%;
    border-radius: 25px;
    height:35px !important;
}

.main {
    
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    min-height: 450px;
    padding: 40px 0px;
    background-image: url(../../Images/landing_tree.png);
    background-repeat: no-repeat;
    background-position: 70% bottom; 
    background-size:   150px 260px;
}

.graylabel{
     font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
    color:#747474;
}

.bluelabel{
     font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    font-weight:bold;
    color: #111E6C
}


.button{
    cursor:pointer;
    /*float:left;*/
    padding-left:5px;
}

.msgError{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color:#ff0000;
    font-size:12px;
    padding-left: 10px;
}

.msgSuccess{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color:#4b9b56;
    font-size:12px;
    padding-left: 10px;
}


.sub
{
    text-decoration: underline;
    font-size: 10px;
    cursor:pointer;
    float:right;
}


/* Nuevos estilos Caja Cupón */
.resultsContent {
    padding:3px;
}
.divDocument {
    width:100%;
    margin-bottom:3px;
    background-color:#FFF;
    border:1px solid #9d9d9d;
    height:120px;
}
    .divDocument:hover {
        cursor:pointer;
        background-color:#efeeee;
    }
    .divDocument > header {
        background-color:#9d9d9d;
        color:white;
        font-size:18px;
        font-weight:bold; 
        padding-left: 10px;  
        padding-top:2px;
        padding-bottom:2px;
    }
    .divDocument > content{
        color:#081F63;
        font-size:12px;
    }
    .divDocument > content >  div:nth-of-type(1) {
        float:left;
        width:40%;
        padding-left:5px;
        padding-top:3px;
    }
    .divDocument > content >  div:nth-of-type(2) {
        float:left;
        width:40%;
        text-align:right;
        height:50px;
        padding-top:3px;
    }
    .divDocument > content >  div:nth-of-type(3) {
        float:left;
        width:20%;
        font-size:10px;
        text-align:center;
        padding-top:14px;
        font-weight:bold;
    }
.divDocumentClear {
    clear:left;
}

.greenBtn {
    background-color: #529D42;
    border: 1px solid #55b554;
    padding-top: 2px;
    padding-bottom: 3px;
    color: #bcd8a4;
    font-size: 16px;
    text-align: center;
    border-radius: 25px;
    min-width: 130PX;
    height: 30px;
}

.ResultsForm > footer {
    text-align:left;
}

.footer {
    background-color:#0E52A3;
    text-align:right;
    color:#FFF;
    font-size: 17px;
    height:70px;
    padding-top:12px;
}

.footer > .divfooterLegend {
    float:right;
}

.footer > .divfooterImg {
    width: 100px;
}