/*
	Nombre: Valentin Hotels
	Descripción: Hoja de estilos Global
	Versión: 1.0
	Codificador: MeTaL_oRgY
	URI del Codificador: http://metalize.liveonstyle.com
*/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		body {
			line-height: 1;
			color: black;
			background: white
		}
		
		ol, ul, ul.clean, ol.clean {list-style: none}
		
		ul {list-style: disc inside; margin-bottom: 1em}
		
		ul.guion {list-style: disc inside url('../imagenes/guion.gif')}
		
		/* Las tablas necesitan 'cellspacing="0"' en el marcado */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Cuerpo */
	body {
		margin: 0;
		padding: 0;
		text-align: justify;
		background: #fff url('../imagenes/bg.gif') repeat-x top left;
		color: #444;
		font-size: 8pt;
		font-family: arial, verdana, serif;
		line-height: 1.5
	}

/* Encabezados */
	h2 {font-size: 150%}
	h3 {font-size: 130%}
	h4 {font-size: 100%; font-weight: bold}
	h5 {font-size: 90%}
	h6 {font-size: 70%}
	
	.encabezado {
    font-size: 180%;
    font-weight: bold;
    color: #f60;
    font-family: 'trebuchet ms', arial, verdana, serif
	}
	
	.sub-encabezado {margin-top: .5em; font-weight: bold; font-size: 110%; margin-bottom: 1.5em}
	
	h4.sub-encabezado {margin-top: 0}
	
	h4 + h4 + h4 {margin-top: 1em}
	
/* Hipervínculos */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #001d4a}
	a:hover, a:active {color: #005271}
	
	*.boton-naranja, *.boton-naranja-gde {
	  display: block;
	  border: 0;
    height: 24px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 9pt;
    font-family: arial, verdana, serif
  }
  
  *.boton-naranja {
     width: 177px;
     background: #fc8801 url('../imagenes/boton-naranja.gif') no-repeat top left;
     margin: 0 auto 1.5em auto
  }
  
  *.boton-naranja-gde {
     width: 307px;
     background: #fc8801 url('../imagenes/boton-naranja-gde.gif') no-repeat top left;
     margin: 3em auto 0 auto
  }
	
	a.boton-naranja:link, a.boton-naranja:visited, a.boton-naranja-gde:link, a.boton-naranja-gde:visited {color: #fff; font-size: 9pt}
	.boton-naranja:hover, .boton-naranja:active, .boton-naranja-gde:hover, .boton-naranja-gde:active {background-position: bottom left; cursor: pointer; cursor: hand}
	
/* Párrafos */
	p {
    margin-bottom: 1.5em
	}
	
	strong {font-weight: bold}
	
/* Formularios */
textarea {width: 94%}
label {display: block}
input, select {margin-bottom: .8em}
input, select, option {font-size: 8pt; width: 88%}

input.fecha {width: 40%; float: left; margin-right: 5%}

  /* Grid */
    /* Una Columna */
    .una-columna {width: 100%; clear: both}
    
    /* Dos Columnas */
    .dos-columnas {width: 100%; overflow: hidden}
    .dos-columnas .columna {float: left; width: 48%; margin-right: 2%}
    
    .dos-columnas label.pequeno {width: auto; float: left; margin-right: 5px}
    .dos-columnas select.pequeno {width: 50px}
    
    .dos-columnas *.pequeno {margin-top: 1.1em}
  
    /* Tres Columnas */
    .tres-columnas {width: 100%; overflow: hidden; margin-bottom: 3em}
    .tres-columnas .compacta {width: 30%; margin-right: 4%; float: left}
    .tres-columnas .amplia {width: 65%; float: left}
    
    .tres-columnas .amplia .columna {float: left; width: 48%; margin-right: 4%}
    
    /* Idiomas */
    .fila {clear: both; overflow: hidden; margin-bottom: .8em}
    div.labels {margin-bottom: 0}
    .fila label, .fila input, .fila select {display: block; float: left; margin-bottom: 0}
    
    .fila select.idioma {width: 120px; margin-right: 5px}
    .fila label.idioma {width: 120px; margin-right: 5px}

    .fila select.nivel {width: 120px; margin-right: 5px}
    .fila label.nivel {width: 120px; margin-right: 5px}
    
    .fila input.comentarios {width: 240px; margin-right: 0px}
    
    /* Formacion */
    .fila input.inicio {width: 35px; margin-right: 5px}
    .fila label.inicio {width: 39px; margin-right: 5px}
    
    .fila input.fin {width: 35px; margin-right: 5px}
    .fila label.fin {width: 40px; margin-right: 5px}
    
    .fila input.nivel-formacion {width: 100px; margin-right: 5px}
    .fila label.nivel-formacion {width: 103px; margin-right: 5px}

    .fila select.especialidad {width: 100px; margin-right: 5px}
    .fila label.especialidad {width: 100px; margin-right: 5px}
    
    .fila input.titulo {width: 100px; margin-right: 5px}
    .fila label.titulo {width: 105px; margin-right: 5px}
    
    .fila input.centro {width: 100px}
    
    
  .dos-columnas div.ultima, .tres-columnas .amplia div.ultima, input.ultima {margin: 0}
	
/* Alineaciones */
.centrado {margin: 0 auto; text-align: center; margin-bottom: -4px}

.margin-bot {margin-bottom: 5em}
	
/***** Diseño del Layout *****/
#wrapper {margin: 0 auto; width: 745px}
/* Encabezado */
  h1 {margin: 30px 0 25px 20px; float: left}
  
  /* Menu top */
  #menu-idiomas {float: right; text-align: right; margin-top: 15px; color: #001d4a}
  #menu-idiomas a {margin: 0 5px}
  #menu-idiomas div.idiomas {color: #ffb948; font-weight: bold}
  #menu-idiomas div.idiomas a:link, #menu-idiomas div.idiomas a:visited {color: #1f4ead}
  #menu-idiomas div.idiomas a:hover, #menu-idiomas div.idiomas a:active {color: #328eda}
  
  /* Menu top */
  #menu {clear: both; width: 100%; border-bottom: 5px solid #06867d; text-align: right; overflow: hidden; margin-bottom: 20px}
  #menu ul {float: right; list-style: none; margin-bottom: 0}
  #menu li {
    display: block;
    float: left;
    text-align: center;
    margin-left: 2px;
    height: 26px;
    line-height: 26px
  }
  
  #menu li a {font-weight: normal}
  
  #menu a span {
    background: url('../imagenes/main-menu-bg.gif') no-repeat top left;
    padding: 0 0 0 15px;
    display: block;
    float: left;
    cursor: hand;
    cursor: pointer
  }
  
  #menu li a:link, #menu li a:visited {
    display: block;
    float: left;
    font-size: 9pt;
    color: #fff;
    text-decoration: none;
    background: #31bab0 url('../imagenes/main-menu-bg.gif') no-repeat top right;
    padding-right: 15px;
  }
  
  #menu li a:hover, #menu li a:active, #menu li.actual a:link, #menu li.actual a:visited {background-color: #06867d}
  
  #menu li.actual a {font-weight: bold}

/* Contenido */
#contenido {float: left; width: 520px; padding: 0 5px 0 25px}
#breadcrumb {height: 25px; line-height: 25px; margin-bottom: 20px}
#breadcrumb a:link, #breadcrumb a:visited {color: #36c}
#breadcrumb a:hover, #breadcrumb a:active {color: blue; text-decoration: none}

/* Sidebar */
#sidebar {  
  float: left;
  margin: 25px 0 30px 29px;
  width: 151px;
  background: #e7eff7 url('../imagenes/sidebar-top-bg.gif') no-repeat top left;
  padding: 15px 5px 0 10px
}

#sidebar-end {
  width: 166px;
  margin: 13px -5px 0 -10px;
  clear: both;
  background: #e7eff7 url('../imagenes/sidebar-bottom-bg.gif') no-repeat bottom left;
  height: 2px
}

#sidebar ul {list-style: none; margin-bottom: 0}

#sidebar ul li {
  padding-left: 8px;
  background: url('../imagenes/arrow.gif') no-repeat left 5px;
  margin-bottom: .8em;
  text-align: left
}

#sidebar ul li ul {margin: .8em 0 .8em 1.5em}

#sidebar ul li.actual {margin-bottom: .75em}

#sidebar li.actual a:link, #sidebar li.actual a:visited,
#sidebar li.actual ul li.actual a:link,
#sidebar li.actual ul li.actual a:visited {
  text-decoration: none
}

#sidebar li.actual ul li a:link, #sidebar li.actual ul li a:visited {text-decoration: underline}

/* Pie de Página */
#footer {clear: both; color: #999; text-align: center; padding: 1em 0 2em 0; border-top: 1px solid #b7b7b7}
#footer a:link, #footer a:visited {color: #36c}
#footer a:hover, #footer a:active {color: blue; text-decoration: none}

#footer p {margin-bottom: 2em}

#footer address {color: #444}
#footer address strong {text-transform: uppercase}
/***** Secciones *****/
/* Texto Legal */
div.texto-legal {height: 250px; border: 1px solid #a7d8d3; overflow: auto; padding: 15px; margin: 0 0 15px 0}

.aceptar2 a.boton-naranja {margin-left: 80px}
.aceptar, .aceptar2 {margin: 1em 0; padding-bottom: 6em; overflow: hidden}
.aceptar a.boton-naranja, .aceptar2 a.boton-naranja {float: left; margin-right: 2px; clear: left}
.aceptar input.boton-naranja, .aceptar2 input.boton-naranja {float: left; width: 177px; clear: none}

.aceptar *.boton-naranja, .aceptar2 *.boton-naranja {margin-top: 3em}

.aceptar input, .aceptar2 input {width: auto; display: inline; float: left; clear: left}
.aceptar label, .aceptar2 label {width: auto; display: inline; float: left}

/* Ofertas de Empleo */
.lista-ofertas {margin-bottom: 4em}
.lista-ofertas li {padding-left: 10px; background: url('../imagenes/raquo.gif') no-repeat left 15px}
.lista-ofertas li a:link, .lista-ofertas li a:Visited {
  display: block;
  background-image: none !important;
  background: url('../imagenes/dotted-horizontal.gif') repeat-x bottom left;
  padding: 10px 5px 10px 5px;
  border-bottom: 1px dotted #fc8801 !important;
  border-bottom: 0;
  background-color: #fff;
  color: #444;
  font-weight: bold;
  text-align: left;
  text-decoration: none
}
.lista-ofertas li a:hover, .lista-ofertas li a:active {background-color: #fff1e1}

.lista-ofertas li a strong {display: block; font-size: 9pt}

/* Datos Personales */
.pasos {overflow: hidden; border-bottom: 1px solid #06867d; margin-bottom: 1em; width: 100%}
.pasos h3 {float: left; margin-bottom: 0}
.pasos strong {display: block; float: right; color: #ff6200; height: 1em; line-height: 30px}
.obligatorios-leyenda {display: block; float: right; margin-top: -1em; clear: both}