@charset "utf-8";
/* CSS Document */

body,html
{
	height:100%;
}
body
{
	font-family: 'Roboto', sans-serif!important;
	font-weight:normal;
	overflow-x:hidden;
	background: var(--color-menu);
}
@font-face
{
    font-family: 'timebus';
    src: url('fuente/helvetica-webfont.eot');
    src: url('fuente/helvetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuente/helvetica-webfont.woff') format('woff'),
         url('fuente/helvetica-webfont.ttf') format('truetype'),
         url('fuente/helvetica-webfont.svg#helvetica_neue35_thin') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1
{
	float:left;
	width:440px;
	height:160px;
	background:url(../img/logo.png) no-repeat center center;
	background-size:60% auto;
	text-indent:-9999px;
	position:relative;
	top:70px;
	left:50%;
	margin:0px 0px 0px -215px;
	animation:cabecera 1s;
	-webkit-animation:cabecera 1s;
}
.general, .barra
{
	float:left;
	width:100%;
}
form,input,label,a
{
	transition:all 0.3s linear; 
}
/* Formularios generales */
form, legend, fieldset, label, input, textarea,select,
.generico span
{
	float:left;
}
input,textarea
{
	border:none;
}
/* Formulario login */
.login
{
	float:left;
	width:100%;
	margin:100px 0px 0px 0px;
	animation:anilogin 2s;
	-webkit-animation:anilogin 2s;
}
.login form
{
	float:left;
	width:400px;
	border:4px solid var(--color-textos-menu);
	position:relative;
	left:50%;
	padding:20px;
	margin:0px 0px 10px -222px;
	background:var(--color-fondo); /* #f4f4f4 */
	/*box-shadow:0px 2px 4px #999;*/
}
.login legend
{
	width:100%;
	font-family: 'Roboto', sans-serif!important;
	font-size:1.5em;
	font-weight:normal;
	letter-spacing:0px;
	color:var( --color-textos-menu); /* #fff;*/
	background: var(--color-menu); /* #708090;*/
	padding:10px;
	margin:0px 0px 20px -24px;
	clear:right;
}
.login div
{
	position:relative;
}
.login label
{
	display:none;
}
.login input[type="text"],
.login input[type="password"]
{
	float:right;
	width:334px;
	color: var(--color-menu); /*#B5B5B5;*/
	border:3px solid var(--color-menu); /*#f4f4f4;*/
	padding:12px 10px 12px 50px;
	margin-bottom:20px;
	position:relative;
	z-index:1;
}
.login input[type="text"]{
	background:var(--color-textos-menu) url(../img/iconos/ico-usuario.png) no-repeat 10px center / auto 70%!important;
	font-family: 'Roboto', sans-serif!important;
}
.login input[type="password"]{
	background:var(--color-textos-menu) url(../img/iconos/ico-candado.png) no-repeat 10px center / auto 70%!important;
	font-family: 'Roboto', sans-serif!important;
}
.login .codigoSeguridad
{
	width: 100%;
}
.login .codigoSeguridad label
{
	display: block;
	float: left;
	width: 35%;
	padding:12px 10px 12px 10px;
	font-size:1.1em;
	font-weight: normal;
	letter-spacing:0px;
	font-family: 'Roboto', sans-serif!important;
	color: var(--color-menu); /*#525252;*/
}
.login .codigoSeguridad input[type="password"]
{
	float: right;
	width: 50%;
	background:var(--color-textos-menu) !important;
	padding:12px 10px 12px 15px;
	font-family: 'Roboto', sans-serif!important;
}
.login input[type="text"]:hover,.login input[type="text"]:focus,
.login input[type="password"]:hover,.login input[type="password"]:focus
{
	color:#000;
	border:3px solid var(--color-menu-hover);
}
.login input[type="button"]
{
	cursor:pointer;
	float:right;
	width:auto;
	padding:5px 10px;
	border:none;
	font-family: 'Roboto', sans-serif!important;
	font-size:1.1em;
	font-weight:normal;
	color:var(--color-textos-menu);
	background:var(--color-menu);
}
.login input[type="submit"]:hover
{
	background:var(--color-menu-hover);
}
.olvido
{
	float:left;
	width:auto;
	font-size:0.7em;
	color:var(--color-menu);
	margin-top:12px;
}
.olvido a
{
	color:var(--color-menu);
	background:url(../img/iconos/ico-olvido.png) no-repeat -30px center;
}
form:hover .olvido a
{
		color:var(--color-menu-hover);
}
.olvido a:hover
{
	padding-left:15px;
	background:url(../img/iconos/ico-olvido.png) no-repeat left center;
}
.copy
{
	font-size:0.7em;
	color:var(--color-textos-menu);
	text-align:center;
	margin-top:15px;
	animation:anicopy 4s;
	-webkit-animation:anicopy 4s;
}

.copy a
{
	color:#FFF;
}
.copy a:hover{
		color:rgba(255,255,255,0.5);
}
/* Idiomas */
.barra
{
	background:var(--color-menu);
	position:absolute;
	top:0px;
	left:0px;
	padding:5px 0px;
	animation: anibarra 0.5s;
	-webkit-animation: anibarra 0.5s;
}
.idiomas
{
	float:right;
	width:auto;
	margin-right:1%;
}
.idiomas span,
.idiomas a{
	float:left;
	width:30px;
	height:22px;
	text-indent:-9999px;
	margin:0px 0px 0px 4px;
	background-size:cover;
	border:2px solid #708090;
}
.idiomas span
{
	border:2px solid #FFF;
}
.idiomas a:hover
{
	border:2px solid #fff;
}
.es
{
	background:url(../img/banderas/ban-es.png) no-repeat center center;
}
.en
{
	background:url(../img/banderas/ban-en.png) no-repeat center center;
}
.fr
{
	background:url(../img/banderas/ban-fr.png) no-repeat center center;
}
.ca
{
	background:url(../img/banderas/ban-ca.png) no-repeat center center;
}
.aviso_resolucion_optima
{
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 125, 125, 0.9);
	width: 100%;
	color: #fff;
	text-align: center;
	z-index: 9999999;
	padding: 20px 0;
}
.banderaContainer
{
	width:100%;
	float:left;
	text-align: right;
	background-color: var(--color-menu);
}
.bandera
{
	width: 30px;
	float: right;
	padding-right: 3px;
	padding-left: 3px;
}
.bandera.selected
{
	background-color: var(--color-textos-menu);
}
.loginid
{
	float: left;
	display: block;
	clear: left;
	font-size: 0.6em;
	color: #999;
	margin-top: 8px;
}