/*################################################################################################
#								         Reset de estilos	 									 #																
################################################################################################*/
* {
font-family:Century Gothic, Arial, Helvetica,sans-serif;
outline:none;
margin:0;
}

/*################################################################################################
#								         Estilos página web	 									 #																
################################################################################################*/

body {
background:url(../images/background.jpg) repeat-x;
margin:20px auto;
width:1025px;
}

#content {
width:100%;
float:left;
display:block;
border:1px solid #000;
background:#fff;
}

/*################################################################################################
#								         Estilos cabecera	 									 #																
################################################################################################*/

#header {
background:url(../images/frase.jpg) no-repeat #ff7f00 left;
background-position:250px;
}

#header img {
border:0;
}

#header img a {
display:block;
}

#header #logout {
margin-right:10px;
margin-top:10px;
float:right;
}

/*################################################################################################
#								         Estilos contenedor principal							 #																
################################################################################################*/

#contenido {
overflow:hidden;
padding:5px;
border-top:1px solid #000;
}

.borrarperfil td,.borrarperfil tr,.borrarperfil table {
border-collapse:collapse;
border:none;
}

div .title {
float:left;
width:150px;
}

.rrhh {
background:url(../images/rrhh.jpg) no-repeat right bottom;
height:450px;
}

.it {
background:url(../images/it.jpg) no-repeat right bottom;
height:300px;
margin:5px;
}

.ofrecemos p{
	text-align:center;
	font-size:20px;
	color:#F60;
	font-weight:bold;
}

.ofrecemos img{
	display:block;
	margin:0 auto;
}

.ofrecemos h2{
	margin:20px 0;
}

.contacta {
background:url(../images/consulta.png) no-repeat right bottom;
}

#contenido #areas {
font-weight:700;
}

#contenido mapa {
float:left;
width:200px;
}

#contenido #contacto {
text-align:center;
}

#barcelona {
margin:0px 0px 0px 0%;
float:left;
}

#madrid {
margin:0px 0% 0px 0%;
float:right;
}

#info{
float:left;
margin:20% 5% 1% 13%;
}

.fecha {
background:#FF9;
width:auto;
}

.noticia{
padding:5px;
}

.noticia p{
text-align:justify;
}

#superior {
overflow:hidden;
}

#superior #texto {
float:left;
width:500px;
text-align:center;
}

#descripcion {
margin-top:20px;
text-align:center;
}

#descripcion ul {
list-style-type:none;
}

#descripcion ul li {
float:left;
}

a img {
border-width:0;
}

#error {
color:red;
border:1px solid #000;
text-align:center;
font-size:24px;
margin:5px;
padding:5px;
background:#fff;
}

#footer{
text-align:center;
background:#8d6c1b;
color:#fff;
font-weight:bold;
padding:10px;
border-top:1px solid #000;
}

/*################################################################################################
#								         Formulario de login 									 #																
################################################################################################*/

#topnav a.signin,a.signout {
outline:none;
text-decoration:none;
font-weight:700;
color:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border:1px solid #000;
border-radius:4px;
background:transparent url(../images/signin-nav-bg-ie.png) no-repeat 0 0;
margin:10px;
padding:4px 12px 6px;
}

#topnav a.signin:hover {
padding:4px 12px 6px;
}

#topnav a.signin,#topnav a.signin:hover {
background-position:0 3px!important;
}

a.signin,a.signout {
position:relative;
margin-left:3px;
}

#signin_menu {
-moz-border-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
background-color:#FC0;
position:absolute;
width:auto;
z-index:2;
border:1px transparent;
color:#000;
font-size:11px;
padding:12px;
border:1px solid #000;
}

#signin_menu img{
margin-top:5px;
}

#signin_menu h2{
text-align:center;
}

#signin_menu input[type=text],#signin_menu input[type=password] {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #000;
font-size:13px;
margin:0 0 5px;
}

#signin_menu label {
width:100px;
}

#signin_submit {
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#39d url(../images/bg-btn-orange.png) repeat-x scroll 0 0;
border:1px solid #000;
color:#000;
font-size:11px;
font-weight:700;
margin:0 5px 0 0;
padding:4px 10px 5px;
}

#signin_submit:hover,#signin_submit:focus {
background-position:0 -5px;
cursor:pointer;
}

/*################################################################################################
#								         Formularios de la web 									 #																
################################################################################################*/
#myform #field,label {
float:left;
font-size:small;
}

#myform label {
width:11em;
}

#myform  br {
clear:both;
}

#myform input, textarea {
float:left;
border:1px solid #000;
margin-bottom:.5em;
}

#myform input.submit {
float:none;
}

#myform input.error {
border:1px solid red;
width:auto;
}

label.error {
background:url(../images/unchecked.gif) no-repeat;
padding-left:16px;
margin-left:.3em;
margin-top:5px;
}

label.valid {
background:url(../images/checked.gif) no-repeat;
display:block;
width:16px;
height:16px;
}

fieldset{
border:none;
}

/*################################################################################################
#								         Menu de la página web 									 #																
################################################################################################*/

#menu {
text-align:center;
font-size:.7em;
}

#menu ul {
list-style-type:none;
padding:0;
}

#menu ul li.nivel1 {
float:left;
width:128px;
}

#menu ul li a {
display:block;
font-size:14px;
text-align:center;
text-decoration:none;
color:#000;
background:#FFE2A8;
position:relative;
padding:5px;
}

#menu ul li:hover {
position:relative;
}

#menu ul li a:hover,#menu ul li:hover a.nivel1, #menu ul li a.activo {
position:relative;
background:#FC6;
text-decoration:underline;
}

#menu ul li a.nivel1 {
display:block!important;
position:relative;
}

#menu ul li ul {
display:none;
}

#menu ul li a:hover ul,#menu ul li:hover ul {
display:block;
position:absolute;
}

#menu ul li ul li a {
width:128px;
border-top-color:#000;
padding:6px 0;
}

#menu ul li ul li a:hover {
border-top-color:#000;
position:relative;
}

table.falsa {
border-collapse:collapse;
border:0;
float:left;
position:relative;
}

/*################################################################################################
#								         Menu de administración									 #																
################################################################################################*/

#admin {
overflow:hidden;
padding:0;
}

#admin li {
list-style-type:none;
float:left;
}

#admin li a {
display:block;
margin:5px;
padding:7px;
}

/*################################################################################################
#								         Estilos banner IE6 									 #																
################################################################################################*/

#bannerie6{
border: 1px solid #F7941D; 
background: #FEEFDA; 
text-align: center; 
clear: both; 
height: 80px; 
position: relative;
}

#close{
position: absolute; 
right: 3px; 
top: 3px; 
font-family: courier new; 
font-weight: bold;
}

#close a{
border: none;
}

#aviso{
background:#ff0;
border:3px solid #000;
text-align: center;
font-weight:bold;
padding:10px 0;
}

#avisoimg{
width: 75px;
float: left;
}

#texto{
width: 275px;
float: left;
}

#obsoleto{
font-size: 14px; 
font-weight: bold; 
margin-top: 12px;
}

#otherbw{
font-size: 12px;
margin-top: 6px;
line-height: 12px;
}

#menuie6{
float:right;
margin-top:-75px;
}

#menuie6 ul {
list-style-type: none;
}
#menuie6 li {
padding: 0 29px;
display: inline;
}
#menuie6 a {
line-height: 35px;
}

/*################################################################################################
#								         Estilos error login 									 #																
################################################################################################*/

#pop { 
z-index:2; 
position:absolute; 
} 

#cerrar { 
float:right; 
cursor:pointer; 
width:12px; 
position:relative;
margin-right:5px;
}

/*################################################################################################
#								    Estilos inscripción ofertas									 #																
################################################################################################*/

#inscripcion{
width: 490px;
border:1px solid #000;
-moz-border-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
background:#FC0;
position:absolute;
z-index:2;
color:#000;
padding:12px;
}

/*################################################################################################
#								    Estilos mensajes web										 #																
################################################################################################*/

.aviso{
position:absolute;
z-index:2;
color:red;
font-weight:bold;
border:5px solid #000;
padding:10px;
background:#fff;
}