/*--------------------------------------------------------*/
body {
    background: #efefef;
    /*background: #47b5be;*/
    font-family: 'Helvetica Neue', sans-serif;
    color: #323c46;
}

a {
    color: #0096b2;
    font-weight: 400;
}

span {
    font-weight: 300;
    color: #0096b2;
}

.mlogin {
    margin: 170px auto 0;
}

.mregister {
    margin: 80px auto 0;
}

.error {
    margin: 40px auto 0;
    border: 1px solid #777;
    padding: 3px;
    color: #fff;
    text-align: center;
    width: 650px;
    background: #0096b2;
}

.regtext {
    font-size: 13px;
    margin-top: 26px;
    color: #323c46;
}
#logos{ clear:both; height:70px; }
.dcha{ float:right;}
.izda{ float:left;}
.txt-dcha{ text-align:right}
.txt-izda{ text-align:left}
.col1_2{ float:left; width:49%}
.col2_2{ float:right; width:49%}
.txt-center{ text-align:center;}

/*CONTAINERS--------------------------------------------------------*/
.container {
    padding: 25px 16px 25px 10px;
    font-weight: 400;
    overflow: hidden;
    width: 350px;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

#welcome {
	width: 80%;
	padding: 3%;
	background: #fff;
	margin: 5% auto 0;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.container h1 {
    color: #323c46;
    text-align: center;
    font-weight: 300;
    margin-top: 13px;
}

.container label {
    color: #323c46;
    font-size: 14px;
}

#login {
    width: 320px;
    margin: auto;
    padding-bottom: 15px;
}

.container form .input,.container input[type=text],.container input[type=clave],.container input[type=e] {
    background: #fbfbfb;
    font-size: 12px;
    line-height: 1;
    width: 100%;
    padding: 3px;
    margin: 0 6px 5px 0;
    outline: none;
    border: 1px solid #d9d9d9;
}

.container form .input:focus {
    border: 1px solid #00476b;
    -webkit-box-shadow: 0 0 3px 0 rgba(240,40,55,0.75);
    -moz-box-shadow: 0 0 3px 0 rgba(240,40,55,0.75);
    box-shadow: 0 0 3px 0 rgba(240,40,55,0.75);
}


/*BUTTONS--------------------------------------------------------*/

.button{
	border: solid 1px #00476b;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#00476b), to(#0096b2));
	background: -moz-linear-gradient(top,  #00476b,  #0096b2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00476b', endColorstr='#0096b2');
	color: #fff;
	padding: 7px 12px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	float: right;
	cursor: pointer;
}


.button:hover{
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#0096b2), to(#00476b));
	background: -moz-linear-gradient(top,  #0096b2,  #00476b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0096b2', endColorstr='#00476b');
}


/*FOOTER--------------------------------------------------------*/
footer {
    color: #323c46;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
}