@charset "utf-8";
/* body {background-color: #c1bcba; } */
.box {
height: auto;
width: 350px;
border: 1px solid #781351;  
border-radius: 8px 8px 8px 8px;
box-shadow: 5px 5px 5px #333;
background-color: #E8E8E8;
margin-top: -95px;
margin-left: -175px;
position: absolute;
left: 50%;
top: 50%;
}

a:hover {
	color : #FFF;
	text-decoration : underline;
        
}

.copyright{background:url(/cPanel_magic_revision_1355354436/unprotected/cpanel/images/cpanel-logo-tiny.png) 
              no-repeat scroll center top transparent;
          color:#10a5ca;font-family:verdana;font-size:9pt;
          margin:10px 0 0;padding-top:530px;
          text-align:center}


.box .txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
float: left;
height: 18px;
width: 90%;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 2px;
}
.box .txtbox {
float: left;
width: 285px;
height: 18px;
margin-top: 10px;
margin-left: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333;
padding-right: 10px;
padding-left: 10px;
border-radius: 8px 8px 8px 8px;
outline: none;
}
.box .button {
float: left;
margin-top: 24px;
margin-left: 125px;
width: 100px;
cursor: pointer;
}
.submit {  
clear:both;  
margin-left:20px;  
width:75px;  
height:25px;  
background:#666666;  
text-align:center;  
line-height:25px;  
color:#FFFFFF;  
font-size:13px;  
font-weight:bold;  
}
input {  
float: left; 
border: 1px solid #000000;
margin: 1px 10px 2px 15px;  
color: #0055ff;  
} 
fieldset {  
border: 1px solid #781351;  
height: 190px;
width: 350px; 
background-color:#E8E8E8; 
border-top: -10px;  
border-radius: 8px;  
-webkit-border-radius: 8px;  
-moz-border-radius: 8px;
margin:0 -30px;
box-shadow: 5px 5px 5px #333;
margin-top: -110px;
margin-left: -180px;
position: absolute;
left: 50%;
top: 50%;
} 
legend {  
color: #000;  
background: #FFDEAD;  
border: 1px solid #781351;  
padding: 2px 6px;  
margin-left: 10px;  
margin-bottom: 10px;
} 
.button-primary,a.button-primary{
width:auto;
height:auto;
float:left; 
cursor:pointer;
font-size:13px;
font-family:"Helvetica Neue", sans-serif; 
text-decoration:none; 
line-height:1;
padding:.6em 1.2em; 
font-weight:300;
border:none; -moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
}
.button-primary,a.button-primary{
color:#fff; text-shadow:0 -1px 0 rgba(0,116,162,0.8);
background-color:#2ea2cc; 
background-image:-moz-linear-gradient(top, #1e8cbe 0%, #0074a2 100%);
background-image:-webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
background-image:-ms-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
background-image:-o-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
background-image:linear-gradient(top, #1e8cbe 0%,#0074a2 100%); 
-moz-box-shadow:inset 0 1px 0 rgba(120,200,230,0.5);
-webkit-box-shadow:inset 0 1px 0 rgba(120,200,230,0.5); 
-o-box-shadow:inset 0 1px 0 rgba(120,200,230,0.5);
-ms-box-shadow:inset 0 1px 0 rgba(120,200,230,0.5);
box-shadow:inset 0 1px 0 rgba(120,200,230,0.5);
}
.button-primary:hover,a.button-primary:hover{
color:#fff;
text-shadow:0 -1px 0 rgb(0,116,162);
background-image:-moz-linear-gradient(top, #2ea2cc 0%, #0074a2 100%);
background-image:-webkit-linear-gradient(top, #2ea2cc 0%,#0074a2 100%);
background-image:-o-linear-gradient(top, #2ea2cc 0%,#0074a2 100%);
background-image:-ms-linear-gradient(top, #2ea2cc 0%,#0074a2 100%);
background-image:linear-gradient(top, #2ea2cc 0%,#0074a2 100%);
-moz-box-shadow:inset 0 1px 0 #2ea2cc, inset 0 2px 0 rgba(120,200,230,0.7);
-webkit-box-shadow:inset 0 1px 0 #2ea2cc, inset 0 2px 0 rgba(120,200,230,0.7);
-o-box-shadow:inset 0 1px 0 #2ea2cc, inset 0 2px 0 rgba(120,200,230,0.7);
-ms-box-shadow:inset 0 1px 0 #2ea2cc, inset 0 2px 0 rgba(120,200,230,0.7);
box-shadow:inset 0 1px 0 #2ea2cc, inset 0 2px 0 rgba(120,200,230,0.7);
}
.button-primary:active,a.button-primary:active{
color:rgba(255,255,255,.9); 
background-image:-moz-linear-gradient(top, #1E8CBE 0%, #0074a2 100%); 
background-image:-webkit-linear-gradient(top, #1E8CBE 0%,#0074a2 100%);
background-image:-o-linear-gradient(top, #1E8CBE 0%,#0074a2 100%);
background-image:-ms-linear-gradient(top, #1E8CBE 0%,#0074a2 100%);
background-image:linear-gradient(top, #1E8CBE 0%,#0074a2 100%);
-moz-box-shadow:inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
-webkit-box-shadow:inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
-o-box-shadow:inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe; 
-ms-box-shadow:inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
box-shadow:inset 0 1px 5px #005684, inset 0 -1px 0 #1e8cbe;
outline:none;
}
#visualizacao{display: none;}
@media screen and (max-width: 900px) {
#visualizacao{display: none;}
.copyright{display: none;}
.box {
height: auto;
width: 450px;
border: 1px solid #781351;  
border-radius: 8px 8px 8px 8px;
box-shadow: 5px 5px 5px #333;
background-color: #E8E8E8;
margin-top: -122px;
margin-left: -225px;
position: absolute;
left: 50%;
top: 50%;
}
.box .txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
float: left;
height: 28px;
width: 90%;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 2px;
}
}

@media screen and (max-width: 600px) {
#visualizacao{display: none;}
.copyright{display: none;}
.box{
height: auto;
width: 400px;
border: 1px solid #781351;  
border-radius: 8px 8px 8px 8px;
box-shadow: 5px 5px 5px #333;
background-color: #E8E8E8;
margin-top: -105px;
margin-left: -200px;
position: absolute;
left: 50%;
top: 50%;
}
.box .txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
float: left;
height: 28px;
width: 90%;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 2px;
}
}

@media screen and (max-width: 480px) {
#visualizacao{display: none;}
.box {
height: auto;
width: 320px;
border: 1px solid #781351;  
border-radius: 8px 8px 8px 8px;
box-shadow: 5px 5px 5px #333;
background-color: #E8E8E8;
margin-top: -95px;
margin-left: -160px;
position: absolute;
left: 50%;
top: 50%;
}
.box .txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
float: left;
height: 18px;
width: 90%;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 2px;
}
}
@media screen and (max-width: 350px) {
#visualizacao {display: inherit; text-align: justify; margin: 10px;}
.box{display: none;}
}