body { 

background: beige; 

font-family:Arial, Helvetica, sans-serif; 

color:#7f7f7f;

}



input { 

font-family:Arial, Helvetica, sans-serif; 

color:#595959; 

font-size:18px;

}



a { 

outline:none; 

text-decoration:none;

}



.main { 

width:400px; 

height:250px; 

position:absolute; 

top:40%; 

left:50%; 

margin-top:-125px; 

margin-left:-180px;

}



.box {

width:340px; 

overflow:hidden; 

padding:15px; 

background: #CCC; 

border:1px solid #d5d5d5; 

border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 

box-shadow:  0 0 20px rgba(35, 108, 69, 0.6); 

-moz-box-shadow: 0 0 20px rgba(35, 108, 69, 0.6); 

-webkit-box-shadow: 0 0 20px rgba(35, 108, 69, 0.6);

}



.box h2 { 

color:#292929; 

font-size:22px; 

margin:0; 

padding:0 0 10px 0; 

font-weight:bold; 

outline:none;

margin-left: 89px;

}



.box h3 { 

color:#292929; 

font-size:22px; 

margin:0; 

padding:0 0 10px 0; 

font-weight:bold; 

outline:none;

margin-left: 60px

}



.form { 

margin:0; 

padding:0;

}



.form fieldset { 

border:none; 

padding: 10px 0 0; 

margin:0;

}



.form .row {

 margin-bottom:6px; 

 position:relative; 

 line-height:33px;

 }



.form .row input[type="text"], .form .row input[type="password"] 

{ 

height:33px; 

line-height:33px; 

border:1px solid #c5c5c5; 

border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; 

box-shadow: 0 0 5px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1) inset; 

-moz-box-shadow: 0 0 5px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1) inset; 

-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1) inset;

}



.form .row input[type="text"]:focus, .form .row input[type="text"]:hover, .form .row input[type="password"]:focus, .form .row input[type="password"]:hover { 

border:1px solid #b8d564; 

box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset; 

-moz-box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset; 

-webkit-box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset;

}



.form .row input.login 

{ 

background:url(../images/input_login1.png) left center no-repeat #f5f5f5; 

width:75.4%; 

padding: 1px 5px 1px 45px;

margin-left: 40px;

}



.form .row input.password 

{ 

background:url(../images/input_password1.png) left center no-repeat #f5f5f5; 

padding: 1px 0px 1px 45px; 

margin-left: 40px;

margin-bottom: 18px;

}



.form .row input.correo 

{ 

background:url(../images/input_login1.png) left center no-repeat #f5f5f5; 

width:75.4%; 

padding: 1px 5px 1px 45px;

margin-left: 40px;

}



.form .row input.error 

{ 

border:1px solid #eb9393; 

box-shadow: 0 0 5px #f7c4c4; 

-moz-box-shadow: 0 0 5px #f7c4c4; 

-webkit-box-shadow: 0 0 5px #f7c4c4; 

background-color:#fce4e4; 

}



.form a.forgot { 

position:absolute;

top: 276px;

right: 50px;

color: #064712; 

 font-size:12px; 

 text-shadow:1px 1px 1px #fff;

 }

 

.form a.forgot:hover { 

color:#6e6e6e;

}



.form .row input[type="checkbox"] 

{ 

display:block; float:left; margin: 9px 6px 9px 2px; 

}



.form .row label 

{

color:#086f86; font-size:14px; display:block; float:left; 

}



.form .row input[type="submit"] { 

cursor:pointer; 

color: #1F4E1C; 

text-shadow: 1px 1px 0px #C2F7AA; 

border: 1px solid #3BB828;

border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; 

background:#67bbcf;

background: transparent -moz-linear-gradient(center bottom , #67CF7B, #82F187) repeat scroll 0% 0%; 

font-size:16px; 

padding:5px 20px; 

font-weight:bold; 

}



.form .row input[type="submit"]:hover { 

background:#51b1c7; 

background: -webkit-gradient(linear, bottom, top, from(#4297ab), to(#60cce3)); 

background: -moz-linear-gradient(bottom, #4297ab, #60cce3);

}



.copy {

float:right; color:#9eabae; 

font-size:12px; 

margin:10px 16px 0 0; 

text-shadow:1px 1px 1px #fff;

}



a:link, a:visited {

text-decoration:none;

cursor:pointer;

color:#333333;

}



a:hover {

text-decoration:none;

cursor:pointer;

color:#333333;

}



#boton { 

cursor:pointer; 

color:#1c464e; 

text-shadow:1px 1px 0 #aaeaf7; 

border:1px solid #289cb8; 

border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; 

background:#67bbcf; 

background: -webkit-gradient(linear, bottom, top, from(#67bbcf), to(#82def1)); 

background: -moz-linear-gradient(bottom,  #67bbcf,  #82def1); 

font-size:16px; 

padding: 5.8px 16px;

font-weight:bold; 

float:right;

margin-right: 20px;

}



#boton:hover { 

background:#51b1c7; 

background: -webkit-gradient(linear, bottom, top, from(#4297ab), to(#60cce3)); 

background: -moz-linear-gradient(bottom, #4297ab, #60cce3);

}