*{
	margin:0;
	padding:0;
}
body{
	font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	font-size:14px;
	background:#f4f4f4 url(../imagenes/bg1.png) repeat top left;
	color:#333;
	/*text-shadow:1px 1px 1px #fff;*/
	overflow-y:scroll;
}
h1{
	font-size:56px;
}
h2{
	font-size:20px;
	padding:0px 0px 40px 0px;
	color:#aaa;
}
h2 span{
	color:#ffa800;
}
a{
	color:#777;
}
a:hover{
	color:#222;
}
p{
	padding:5px 0px;
}
.wrapper{
	width:960px;
	margin:20px auto;
	min-height:550px;
}
.box{
	width:49%;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
a.back{
	color:#777;
	position:fixed;
	top:5px;
	right:10px;
	text-decoration:none;
}
/* Form Style */
.form_wrapper{
	background:#fff;
	border:1px solid #ddd;
	margin:0 auto;
	width:350px;
	font-size:16px;
	-moz-box-shadow:1px 1px 7px #ccc;
	-webkit-box-shadow:1px 1px 7px #ccc;
	box-shadow:1px 1px 7px #ccc;
        
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
.header{
	/*padding:20px 30px 20px 30px;*/
	/*background-color:#444;*/
	/*color:#fff;*/
	/*font-size:25px;*/
	/*border-bottom:1px solid #ddd;*/
        /*background: url("/admin/images/header_bg.png") repeat-x scroll 0 0 #222222;*/
         
        background:url("../imagenes/bg3.png") repeat scroll left top #F4F4F4; 
        /*color: #FFFFFF;*/
        /*font-size: 20px;*/
        height: 15px;
        padding: 10px 0 35px;
        
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
}
.form_wrapper h3{
    font: 22px Helvetica, Arial, Sans-Serif; 
    /*letter-spacing: -3px;*/  
    text-align: center;
    color: #c2c2c2; 
    font-weight: bolder;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75), 0 1px 0 rgba(255, 255, 255, 0.1);
    transition: color 0.35s ease 0s;
}
.form_wrapper h4{
    font: 14px Helvetica, Arial, Sans-Serif; 
    /*letter-spacing: -3px;*/  
    text-align: center;
    color: #c2c2c2; 
    font-weight: bolder;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75), 0 1px 0 rgba(255, 255, 255, 0.1);
    transition: color 0.35s ease 0s;
}
.form_wrapper form{
	display:none;
	background:#fff;
}
.form_wrapper .column{
	width:47%;
	float:left;
}
form.active{
	display:block;
}
form.login{
	width:350px;
}
form.register{
	width:550px;
}
form.forgot_password{
	width:300px;
}
.form_wrapper a{
	text-decoration:none;
	color:#777;
	font-size:12px;
}
.form_wrapper a:hover{
	color:#000;
}
.form_wrapper label{
	display:block;
	padding:10px 30px 0px 30px;
	margin:10px 0px 0px 0px;
        font-weight: bolder;
}
.form_wrapper input[type="text"],
.form_wrapper input[type="password"]{
	border: solid 1px #8F8F8F;
	background: #FFFFFF;
	margin: 5px 30px 0px 30px;
	padding: 9px;
	display:block;
	font-size:16px;
	width:76%;
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#FFFFFF),
			color-stop(4%, #EEEEEE),
			to(#FFFFFF)
		);
	background: 
		-moz-linear-gradient(
			top,
			#FFFFFF,
			#EEEEEE 1px,
			#FFFFFF 25px
			);
	-moz-box-shadow: 0px 0px 8px #f0f0f0;
	-webkit-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
}
.form_wrapper input[type="text"]:focus,
.form_wrapper input[type="password"]:focus{
	background:#feffef;
}
.form_wrapper .bottom{
/*	background-color:#444;
	border-top:1px solid #ddd;
	
	color:#fff;
	text-shadow:1px 1px 1px #000;*/
        margin-top:20px;
	clear:both;
         /*background: url("/admin/images/header_bg.png") repeat-x scroll 0 0 #222222;*/
        color: #FFFFFF;
        font-size: 20px;
        height: 15px;
        padding: 20px 0;
        text-align: center;
        
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
        
        background: #3a87ad; /* Old browsers */
        background: -moz-linear-gradient(top,  #3a87ad 39%, #177caa 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(39%,#3a87ad), color-stop(100%,#177caa)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #3a87ad 39%,#177caa 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #3a87ad 39%,#177caa 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #3a87ad 39%,#177caa 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #3a87ad 39%,#177caa 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a87ad', endColorstr='#177caa',GradientType=0 ); /* IE6-9 */
}
.form_wrapper .bottom a{
	display:block;
	clear:both;
	padding:10px 30px;
	text-align:right;
	color:#ffa800;
	text-shadow:1px 1px 1px #000;
}
.form_wrapper a.forgot{
	float:right;
	font-style:italic;
	line-height:24px;
	color:#ffa800;
	text-shadow:1px 1px 1px #fff;
}
.form_wrapper a.forgot:hover{
	color:#000;
}
.form_wrapper div.remember{
	float:left;
	width:140px;
	margin:20px 0px 20px 30px;
	font-size:11px;
}
.form_wrapper div.remember input{
	float:left;
	margin:2px 5px 0px 0px;
}
.form_wrapper span.error{
	visibility:hidden;
	color:red;
	font-size:11px;
	font-style:italic;
	display:block;
	margin:4px 30px;
}
.form_wrapper input[type="submit"] {
	background: #e3e3e3;
	border: 1px solid #ccc;
	color: #333;
	font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0 9px;
	text-align: center;
	width: 150px;
	cursor:pointer;
	float:right;
	margin:-10px 20px 10px 10px;
	text-shadow: 0px 1px 0px #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 2px #fff inset;
	-webkit-box-shadow: 0px 0px 2px #fff inset;
	box-shadow: 0px 0px 2px #fff inset;
}
.form_wrapper input[type="submit"]:hover {
	background: #d9d9d9;
	-moz-box-shadow: 0px 0px 2px #eaeaea inset;
	-webkit-box-shadow: 0px 0px 2px #eaeaea inset;
	box-shadow: 0px 0px 2px #eaeaea inset;
	color: #222;
}

.box_error {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../imagenes/error.png');
}

.box_error a
{
    font-size: 1em;
}
.box_error1 {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: black;
    background-color: #FFBABA;
    background-image: url('../imagenes/telefono1_ico.png');
}

.rounded {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behaviour: url(border-radius.htc);
} 

h4.titulo
{
    color:#3A87AD;
    text-shadow: none;
    font-size: 1.4em;
}

.recuperar-txt
{
    font-size: 0.9em;
    padding: 1px 30px;
}
.recuperar-txt a
{
    font-weight: bold;
    font-size: 1em;
}

.msj-ok 
{
    padding: 10px 30px 3px;
    font-size: 0.9em;
    color:#1F7EAB;
    text-align: justify;
    
} 
.msj-err
{
    padding: 10px 30px 3px;
    font-size: 0.9em;
    color:red;
    text-align: justify;
    
}