@charset "utf-8";
/* CSS Document */

/* Generals */
body{
    padding:0; margin:0; background-image: url(../Images/back01.gif); color:#453A1E; font-family: Arial, Helvetica, sans-serif;
}
div, p, ul, li, form, h2, img, textarea, h3, li{
    padding:0; margin:0;
    }
ul{
    list-style-type:none;
    }
.blank{
    font-size:0; clear:both; line-height:0;
    }
/*---------------main body------------*/
#mainBody{
    width:719px;  margin:0 auto 0 auto;
    }
/*---------------------------left side--------------*/
#leftPan{
    width:282px; float:left; margin:0 auto; font-family:Verdana; font-size:0; position:relative;
    }
    #logo{
    width:261px; height:198px; display:block; text-align:center
    }
    #espacio{
    width:261px; height:165px; display:block;
    }
    #banner1{
    width:261px; height:201px; display:block; text-align:center;
    }
    #espacio2{
    width:261px; height:20px; display:block;
    }
    #banner2{
    width:261px; height:201px; display:block; text-align:center;
    }

/*---------------------------------right side---------------*/
#rightPan{
    width:432px; float:right; margin:0 auto; font-family:Verdana; font-size:0; position:relative;
    }
    #slide{
    width:432px; height:319px; margin:0; padding:11px 0 0 0; display:block;
    }
    #white-border{
    width:432px; height:38px; background-image:url(../Images/top_white.gif); text-align:center;
    }
        #white-border h4{
        font:normal 14px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; color:#ad0e0f; margin:0; padding:15px 0 0 0;
        }
    #text{
    width:432px; background-image:url(../Images/back02.gif); text-align:center;
    }
        #text p{
        font:normal 12px/13px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-indent:0;
        padding:5px 26px 0 18px; margin:0;
        text-align: justify; 
        }
        #text h5{ text-align:left;
        font:normal 12px/13px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#ad0e0f;
        margin:10px 00px 10px 19px;
        }
        #text-banner {
        width:425px; height:97px;
        }
        #text-button {
        width:425px; height:93px;
        }
        #instructions {
        width:425px; height:144px; vertical-align:top;
        }
    #legaltext {
    width:432px; height:59px; background-image:url(../Images/bottom_white.gif);
    }
        #legaltext p{
        font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-indent:0;
        padding:10px 26px 0 15px; text-align:center;line-height:10px;
        }
    #links{
    width:432px; font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#ffffff;
        padding:5px 0 0 5px; text-align:center;
    }
        #links a{
         color:#ffffff; text-decoration:underline;
        }
        #links a:hover{
         color:#eee6f0; text-decoration:underline;
        }

        
div.overlay {
    /* growing background image */
    background-image: url(../Images/white.png);
    /* dimensions after the growing animation finishes  */
    width:592px;
    height:332px;        
    /* initially overlay is hidden */
    display:none;
    /* some padding to layout nested elements nicely  */
    padding:17px;
    position:relative;
}

div.overlay h1 h2 h3 h4{
    color:#9e302e;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}

div.overlay #cont-overlay{
    padding-top: 34px;
}

div.overlay #cont-overlay2{
    padding-top: 34px;
    display:none;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
    background-image:url(../Images/close.png);
    background-repeat:no-repeat;
    cursor:pointer;
    position:absolute;
    width:19px;
    height:19px;
    top:25px;
    right: 17px;
}        
        


#txin-mcontent .phone-number {
    background-image: url(../Images/phonenumber.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 170px;
    padding-top:6px;
    padding-left:12px;
}

div.co-provincia {
    background-image: url(../Images/bk-combo.png);
    background-repeat: no-repeat;
    float: left;
    height: 21px;
    width: 112px;
    padding-left:11px;
    padding-top:5px;
}

div.co-cel {
    background-image:url(../Images/bk-cel.png);
    background-repeat:no-repeat;
    width:96px;
    height:21px;
    float:left;
    padding-top:5px;
    padding-left:11px;
    margin-left:5px;
}


div.co-cel input{
    color:#7b7b7b;
    width:85px;
    height:14px;
    font-size:11px;
    border:0px;
    font-family: Tahoma, Geneva, sans-serif;
}

div.co-button {
    /*width:76px;*/
    float:left;
    padding-top:23px;
    margin-left:5px;
}
#cont-enviado{
    margin-top:55px;
    margin-left:10px;
    margin-right:10px;
    text-align:center;
    color:#AD0E0F;
    line-height:20px;
    font-size:14px;
}

div.send {
    /* growing background image */
    background-image: url(../Images/whiteinfos.png);
    /* dimensions after the growing animation finishes  */
    width:322px;
    height:156px;        
    /* initially overlay is hidden */
    display:none;
    /* some padding to layout nested elements nicely  */
    padding:17px;
    position:relative;
}
div.send h1 h2 h3 h4{
    color:#9e302e;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}

/* default close button positioned on upper right corner */
div.send div.close {
    background-image:url(../Images/close.png);
    background-repeat:no-repeat;
    cursor:pointer;
    position:absolute;
    width:19px;
    height:19px;
    top:25px;
    right: 17px;
}