@charset "utf-8";
/* CSS Document */

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
	
    visibility: hidden;
    width: 320px;

	left:15%;
	top:55%;
	

 
    background-color: #7c7d7d;
    color: #fff;
    text-align: justify;
	font: 13px Arial;
    height: auto;
  	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}





/* ------------------------------------------------------------------------------------------------------*/


body { 
    font: normal 12px Arial;
	line-height:normal;

    
    
}
a {
    color:#000000;
    text-decoration:none;   
}
a:hover {
    color:#A0A0A0;   
}
a:active {
    position:relative;
    top:1px;  
}


    #buttonLink , #inputLink input {
        width:450px;
        height:60px;
         -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        box-shadow:inset 0 0 0 0px #f3f4f2,inset 0 0 40px 5px rgba(0,0,0,.3),0 0 2px 1px rgba(0,0,0,.5);
        margin:7px 0px 0px;
        display:block;
        float:left;
        background:#f2f4f2;
        text-align: justify;
        line-height:20px;
		padding-left:10px;
		padding-top:10px;
		padding-right:10px;
    }
	
	  #buttonLink1 , #inputLink1 input {
         width:450px;
        height:80px;
         -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        box-shadow:inset 0 0 0 0px #617586,inset 0 0 40px 5px rgba(0,0,0,.3),0 0 2px 1px rgba(0,0,0,.5);
        margin:7px 0px 0px;
        display:block;
        float:left;
        background:#bebebe;
        text-align: justify;
        line-height:40px;
		padding-left:20px;
		padding-top:10px;
    }
	

    
	

 #bopin33 {
        width:450px;
        height:auto;
 }


.instructivo {
        width:130px;
        height:20px;
		margin-right:25px;
		text-align:right;
		float: right;
		

 }


