/* CSS */
/*-------------------------------------------------------------
 Hoja de estilo general de fuerteventura2000.com
 version: 1.1
 autor: Alberto Garcia
 email: alberto@katiuskas.com
 website: http://www.katiuskas.com/
 -------------------------------------------------------------*/
/* GENERAL
 -------------------------------------------------------------*/
body {
font: 0.85em / 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #f2f2f2;
text-align: center;
}
.divisor {
background:url("..//picts/separador_x.gif") repeat-x scroll left center transparent;
height:22px;
margin:0 20%;
padding:10px;
}
hr { display: none; }
em { font-style: italic; }
strong { font-weight: bolder; }
h3, h4 { color: #008; font-weight:bold; }
a:focus { outline:1px #000 dotted; }
h5 { color:#008; font-weight:bold; font-size:1.2em; }
/* ESTRUCTURA
 -------------------------------------------------------------*/
#contenedor { width: 980px; margin: 2em auto; text-align: left; }
#acceso, #breadcrumbs { height: 20px; font-size: 8pt; }
#cabecera { background: transparent url(..//picts/fondo_cab_der.jpg) top right no-repeat; height: 160px; }
#banner, #navegacion, #breadcrumbs, #cuerpo { background: transparent url(..//picts/fondo_body.jpg) top right repeat-y; }
#banner { height: 120px; padding-bottom: 40px; }
#navegacion {
float: left;
position: absolute;
height: 60px;
margin-top: 100px;
margin-left: 20px;
width: 940px;
background: transparent url(..//picts/menu_bg_left.png) top left no-repeat;
}
#cuerpo {
clear: both;
float: left;
width: 980px;
overflow: hidden;
}
#colizq { width: 220px; float: left; }
#contenido { width: 720px; float: left; padding:0 20px }
#inicio #contenido  { width: 500px; float: left; }
#colder { width: 220px; float: right; }
#pie { background: transparent url(..//picts/fondo_pie_izq.jpg) bottom left no-repeat; height: 250px; clear: both; }
#pie_interior { background: transparent url(..//picts/fondo_pie_der.jpg) bottom right no-repeat; height: 250px; }

/* NAVEGACION
 ------------------------------------------------------------- */
#contenedor_menu { background: transparent url(..//picts/menu_bg_right.png) top right no-repeat; }
#menu {
list-style: none;
width: 924px;
height: 62px;
margin: 0 auto;
background: transparent url(..//picts/menu_bg_central.png) top left repeat-x;
text-align:center;
}
#menu li {
display:inline;
padding: 12px 8px;
background: url(..//picts/separador_menu_y.gif) no-repeat right center;
}
#menu .last { background: none; }
#menu a {
display: inline-block;
padding: 5px 8px 0 44px;
line-height: 3.6em;
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
#menu a:hover { color: navy; }
#inicio #navegacion .inicio, #empresa #navegacion .empresa, 
#cursos #navegacion .cursos, #servicios #navegacion .servicios, 
#empleo #navegacion .empleo, #noticias #navegacion .noticias, 
#blog #navegacion .blog, #contacta #navegacion .contacto {
color: navy; cursor: default; }
.inicio { background: transparent url(..//picts/inicio.png) center left no-repeat; }
.empresa { background: transparent url(..//picts/empresa.png) center left no-repeat; }
.cursos { background: transparent url(..//picts/cursos.png) center left no-repeat; }
.servicios { background: transparent url(..//picts/servicios.png) center left no-repeat; }
.empleo { background: transparent url(..//picts/empleo.png) center left no-repeat; }
.blog { background: transparent url(..//picts/blog.png) center left no-repeat; }
.contacto { background: transparent url(..//picts/contacto.png) center left no-repeat; }
.preinscripcion { background: transparent url(..//picts/preinscripcion.png) center left no-repeat; }

/* ELEMENTOS ESTRUCTURA
 -------------------------------------------------------------*/
/* +++++++ CABECERA +++++++ */
/* ======= accesibilidad ======= */
#acceso ul { float: left; margin: 0 4em; list-style: none; }
#acceso li { float: left; margin: 0 1em; }
#acceso ul.socialmedia { float: right; }
#acceso form {
float: right;
margin: 0 4em;
width: 340px;
}
#acceso p { margin: 0 0.4em; float: left; }
#acceso fieldset { border: none; }
#acceso input { border: 1px solid #ccc; }
#acceso legend { display: none; }

/*
 #login {
 width: 4em;
 height: 1.4em;
 background-color: #fff;
 }
 
 #login:hover {
 width: 4em;
 background-color: navy;
 color: #fff;
 }
 
 #user, #password {
 background-color: #fff;
 width: 6em;
 }
 */
/* ======= cabecera ======= */
#cabecera h1 { height: 120px; width: 30%; }
#cabecera h1 { color: #fff; float: left; padding: 40px 0 0 40px; }
#cabecera h1 span { display: block; font-size: 0.4em; font-weight: lighter; }
#tel900 {
width: 16em;
float: right;
margin: 40px 10px 0 0;
color: #fff;
background: url(..//picts/info.jpg) left top no-repeat;
padding-left: 56px;
clear:right;
}
#tel900 .tel { font-size: 2em; line-height:1.1em; }
#tel900 a { color: #fff; text-decoration: none; }
#tel900 a:hover { text-decoration: underline; }

/* ======= banner ======= */
#banner p { height: 120px; margin: 0 0 0 8px; }

/* +++++++ BREADCRUMBS +++++++ */
#breadcrumbs ul {
float: left;
margin: 0 4em;
list-style: none;
}
#breadcrumbs li { float: left; margin: 0 0.4em; }

/* +++++++ COL IZQUIERDA +++++++ */
#colizq h2 { font-size: 1.4em; color: #fff; }

/* ======= formación ======= */
#oferta-inner, #online-inner {
background: #3ba1e2 url(..//picts/pie_col_izq.gif) no-repeat right bottom;
margin-left: 20px;
}
#oferta h2, #online h2 {
height: 60px;
padding: 1em 0 0 1em;
background: url(..//picts/oferta_bg.jpg) no-repeat left top;
line-height: 1em;
}
#oferta p, #preinscripcion p { padding: 1em 2em; }
#oferta ul, #online ul { list-style: none; margin-left: 10px; }
#oferta li, #online li { margin: 1em 0; padding-left: 16px; }
#oferta ul a, #oferta p, #online ul a, #online p, #preinscripcion p { color: #fff; text-decoration: none; }
#oferta ul a:hover { text-decoration: underline; }
#oferta ul li, #online ul li { background: url(..//picts/ok.gif) no-repeat left center; }

/* ======= solicitud informacion ======= */
#informacion {
display: block;
height: 58px;
line-height: 3em;
font-size: 1.4em;
color: navy;
padding-left: 1em;
text-decoration: none;
background: url(..//picts/informate_bg.jpg) no-repeat left top;
}
#informacion span { font-weight: bolder; }

/* ======solicitud preinscripcion ======*/
#pre {
display: block;
height: 58px;
line-height: 3em;
font-size: 1.4em;
color: navy;
padding-left: 1em;
text-decoration: none;
background: url(..//picts/preinscripcion_bg.jpg) no-repeat left top;
letter-spacing: -1px;
}

/* ======= suscripcion newsletter ======= */
#suscripcion, #contacto_tecnico {
margin: 20px 0 20px 20px;
}
#suscripcion h2 {
height: 60px;
background: url(..//picts/suscribete_bg.jpg) no-repeat left top;
padding: 1em 0 0 1em;
line-height: 1em;
}
#suscripcion p, #suscripcion form, #contacto_tecnico p { margin: 0 0 1em 0; }
#suscripcion input { border: 1px solid #ccc; margin-right: 5px; }
#mce-EMAIL, #mce-NOMBRE {
width: 100px;
height: 20px;
background-color: #fff;
}

#mc-embedded-subscribe {
height: 23px;
padding: 0 4px 4px 4px;
color: #fff;
background-color: #3ba1e2;
font-weight:bold;
}

#mc-embedded-subscribe:hover { background-color: navy; }
.privacidad { font-size: 8pt; }

/* ======= contacto tecnico ======= */
#contacto_tecnico {
padding: 1em 1em 1em 0;
background: url(..//picts/separador_x.gif) repeat-x left top;
}

#contacto_tecnico h5 {
height: 46px;
padding-left: 52px;
background: url(..//picts/soporte.gif) no-repeat left center;
}

#contacto_tecnico p {
margin-top: 1em;
font-size: 8pt;
}
/*=======Twitter =====*/
#tweets{
margin: 20px 0 20px 20px;
}
/* +++++++ CONTENIDO +++++++ */
#contenido h2 {
font-size: 1.5em;
color: #fff;
height: 60px;
padding-left: 20px;
padding-top: 20px;
background: url(..//picts/titulo_contenido_bg.jpg) no-repeat left top;
line-height: 0.9em;
}
#inicio #contenido h2 {
background: url(..//picts/titulo_noticias_recientes_bg.jpg) no-repeat left top;
}
#contenido h3, #contenido h4, #contenido p, #contenido ul, #contenido dl, #contenido ol { margin: 0 20px 20px 20px; }
.noticia { min-height: 260px; margin-bottom:2em; }
.noticia p { clear: ; margin: 1em 0; }
h3 { font-size: 2em; margin-bottom: 1em; line-height:1.2em; }
.noticia .fecha { color: navy; font-size: 8pt; }
.noticia ul { margin: 1em 0; }
.noticia .pie_noticia { margin-bottom: 2em; }
.noticia .fluor { background-color: #FF6; display: inline; padding:2px 4px; }
.imagen_noticia, .noticia img {
padding: 6px;
margin: 5px 0 20px 20px;
float: right;
background-color: #fff;
border: 1px #ccc solid;
}

.imagen_noticia, .icono img {
padding:10px;
margin: 5px 15x 20px 20px;
float: right;
}
.columna { width: 30%; float: left; }
.columna img { margin: 1em 0; }

/* IMAGENES
 ================================== */
.left { float: left; margin: 0 40px 24px 20px; }
.right { float: right; margin: 0 20px 24px 40px; }

/* nosotros
 ================================== */
#submenu, .arriba {
margin: 0 40px 10px 40px;
display: block;
overflow: auto;
}
#submenu li { float: left; }
#submenu li a {
text-decoration: none;
background: transparent url(..//picts/arrow.gif) no-repeat scroll left center;
padding-left: 14px;
margin-right: 1em;
}
#submenu li a:hover { text-decoration: underline; }
.area { margin: 20px 40px 20px 40px; padding-bottom: 2em; overflow: auto; }
.area .departamento { padding-left: 30px; }
.area .departamento li {
float: left;
margin: 1em 0 1em 0;
}
.area .departamento h5 {
font-size: 1.2em;
margin-right: 2em;
color: #186595;
padding: 0 0.5em 0 0;
border-bottom: solid 2px #E39D3B;
}
.area .personal li {
width: 160px;
float: left;
margin: 1em 0 0;
}
.area h4 {
background: #186595;
color: #fff;
-moz-border-radius: 0.4em;
padding: 0.4em 1em;
}
.area img {
float: left;
padding: 0 1em 0 0;
margin: 0;
}
#contenido ol li {
list-style-type: decimal;
margin-left: 20px;
margin-bottom: 1em;
}

/* +++++++ COL DERECHA +++++++ */
#colder h2 {
font-size: 1.5em;
color: #fff;
}
#colder h2 {
color: #fff;
height: 60px;
padding: 1em 0 0 1em;
background: url(..//picts/titulo_colder_bg.jpg) no-repeat left top;
line-height: 1em;
}
#colder h3 { margin-top: -20px; }
#colder h4, #colder p { margin: 0 20px 20px 0; }
#colder h4 { font-size: 1.4em; font-weight: lighter; }
#colder h4 a { color: navy; text-decoration: none; }
#colder .fecha { color: navy; font-size: 8pt; }
#colder hr {
margin-bottom: 2em;
border: none;
background: url(..//picts/separador_x.gif) repeat-x left bottom;
}
#ultimosposts { padding: 0 10px; background: url(..//picts/separador_y.gif) repeat-y left top; }
#tunoticia { padding-left: 10px; }
#tunoticia h5 {
height: 67px;
background: url(..//picts/envionoticia.jpg) no-repeat left top;
padding-left: 72px;
}
#tunoticia p { font-size: 8pt; }
#facebook a img { padding-bottom: 1em; }

/* +++++++ PIE +++++++ */
#pie { font-size: 90%; }
#creditos { padding: 2em 3em; }
#creditos h4 { font-size: 1.4em; font-weight: 500; color:#E39D3B; }
#pie_interior a, #pie_interior ul, #creditos { color: #fff; }
#pie_interior ul {
margin-left: 20px;
padding: 2em 0;
list-style: none;
}
#pie_interior li {
float: left;
margin-right: 0.8em;
background: url(..//picts/separador_menu_pie.gif) no-repeat left center;
padding-left: 12px;
}
#pie_interior .first { background: none; }
#pie_interior ul a { text-decoration: none; }
#pie_interior ul a:hover { text-decoration: underline; }
#iso_logos { float: left; position: absolute; margin-left: 375px; }
#acreditaciones { width: 900px; height: 10em; margin: 2em auto; }
#acreditaciones p {
text-align: center;
float: right;
padding-top: 0.2em;
}
#acreditaciones img { margin: 0.8em; }

/* +++++++ MAPA DEL SITIO +++++++ */
#sitemap a {
padding-left: 14px;
background: url(..//picts/arrow.gif) no-repeat left center;
color: navy;
text-decoration: none;
}
#sitemap a:hover { text-decoration: underline; }
/*  ++++++TABLAS CURSOS ++++++++++ */
#contenido table {width: 480px; margin-left:20px;}
#contenido table.wide {width: 680px; margin-left:20px;}
#contenido caption, #contenido thead {background-color: #3ba1e2; color: #fff; padding: 0.5em;}
#inicio .noticia thead td {text-align:center;}
#contenido tr {height: 50px; border-bottom: 1px solid #D5D5D6;}
#contenido th {	width: 200px; padding: 0.5em; background-color: #E6EBF1;}
#contenido td img {	float: left; margin-right: 1em;}
#contenido td {	padding: 0.5em 1em;}
#inicio .noticia td {text-align:center; padding:0;}
.tachado { text-decoration:line-through; }

/* EMPLEO
 -------------------------------------------------------------*/
#empleo #contenido li { clear:both; }