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

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* esta hoja de estilos esta bajo una licencia de Creative Commons */

/* Proposito: desahacer algunos de los estilos por defecto de los navegadores*/


/* los subrayados de los enlamsa tienden a hacer el texto mas dificil de leer porque oscurecen las formas de la parte de abajo de las palabras*/
:link,:visited { text-decoration:none; }

/* quitamos los marcadores de lista ( puntos ) por defecto, porque generalmente usamos las listas por motivos semanticos*/
ul,ol { list-style:none }

/* evitamos los tamaños inconsistentes por defecto que los navegadores aplican a los titulos*/
h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,pre,code { font-size:1em; }


/* quitar la inconsistencia entre navegadorses de los margin y padding por defecto en ul y ol*/
/* el espaciado por defecto en los titulos ni encaja ni se alinea con el espacio entre lineas, así que nos libramos de el*/
/*colocamos a cero los espaciados alrededor de pre, form, body, html, p, blockquote tambien en en los elementos de formulario quitamos sus margenes y rellenos */
ul,ol,li,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* A alguien le han parecido alguna vez una buena idea los bordes azules alrededor de las imagenes enlazadas o visitadas? */
a img,:link img,:visited img { border:none }

/* quitamos la fuente itálica por defecto de la etiqueta address*/
address { font-style:normal }

*{margin:0;}
/*
@viewport{    zoom: 1.0;    width: extend-to-zoom;}
@-ms-viewport{    width: extend-to-zoom;    zoom: 1.0;}*/
/*p{font-size: 1.1vw}
/*font-size: 5.5 vmax;*/


body{background-color: #ffffff; color:#414141;font-family:'ubuntu';font-size: 100%;max-width:100%;}
#contenedor{left:4px;max-width:99%; padding-bottom:20px;text-align:justify; background-color:#ffffff; 
margin: auto;font-family:"ubuntu";color:#5d5d5d;}

/*border-top-width:10px;*/


/*        c4d2c5              Cabecera    */
img {max-width:100%;}
h1{position:absolute;top:1px;left:-1200px;}
h2{position:absolute;top:1px;left:-1200px;}





/*                           Cabecera     */	
#cabeceraindex{position:relative;max-width:1280px; height:200px;margin:0 auto;/*background-color:#ffff22;*//*ffff22amarillo;*/ }
#logo{position:relative;max-width:31%;min-width:100px;float:left;/*absolute;left:0px;top:10px;*/}
#dibujo{position:relative;float:right;width:69%;}
#posicionmenu{position:relative;width:60%;top:13px;margin: 0 auto;z-index:95;}/* para centrar el menu desplegable que viene debajo*/
/*  color rojo #f96f6d   color azul #023591     gris 5f5f5f  blanco #ffffff

/*                           Menu desplegable                                         */
/**{list-style:none;text-decoration:none;margin:0;padding:0;}  /* Evitar que los menus se desplacen a derecha */

.menu-desplegable {display: inline-block;font-size:1.2em; }  /* para centrar el menú en la pantalla  */

.menu-desplegable li {float:left; width:190px;}  /*  para que el menu sea horizontal */

.menu-desplegable li ul {display:none;}  /* el menu-menu-desplegable no es visible por defecto */

.menu-desplegable li ul li {float:left;font-size:0.8em;} /* para que el menu se despliegue en vertical */

.menu-desplegable li:hover ul { display:block;} /* al pasar sobre el menu se hace visible  */

.menu-desplegable li a {	background:#ffffff; color:#000; display:block; padding:8px 8px; margin:0px;/*width:230px;*/}

.menu-desplegable li a:hover {background:#f96f6d;color:#fff;} 



/*                           contenido central                 */
#contenido-central{position:relative;height:auto;max-width:1280px;margin:3px auto 0px auto;/*background-color:#fccccc;*//*fccccc rojizo ffffff blanco*/}

#imagenpagina{position:relative;max-width:1280px;}

#dondeestamos{position:relative;float:left;max-width:100%;font-size:12px;}

#imgobras{position:relative;max-width:31%;margin:10px auto;}
#textoportada	{position:relative;float:left;font-size:1.2em;margin:30px auto;}

#textocentrado	{position:relative;max-width:1280px;font-size:28px;text-align:center;}

.tcentrado{text-align:center;}

#enconstruccion{border: 2px double #aeaeae;position:absolute;top:300px;left:30px;font:arial;font-weight:bold; font-size:26px;}



/*                       en el index     */
#cuadro	{position:relative;margin: 5px auto; max-width:95%;height:auto; min-height:auto; height:285px;border:2px solid #123591;}
#foto	{position:relative;margin:5px;max-width:20%;}
#cv		{position:absolute;top:0px; left:20%; margin:20px;max-width:75%;  height:100%;font-size:1.1rem;color:#5d5d5d;}



/*                       menu de consejos profesionales  y resto hijos                                */

ul.lista 			{margin:0;margin-top:20px;padding:0;text-align:center;width:100%;font-size:0;}
ul.lista li 			{list-style: none;display: inline-block;width: 316px;margin:4px 1px;padding: 0;font-size:22px;}
ul.lista li a			{display:block;text-decoration:none;padding:0.5em 0.5em;border-left:10px solid #023591;border-right:10px solid #023591;color:#fff;background:#023591;}
ul.lista li a:hover 	{border-left:10px solid #464646;border-right:10px solid #464646;color:#fff;background:#f96f6d;}
.body li:nth-child(1) a {
  background: red;}


  
  
#teximg{position:relative;max-width:100%;height:230px;background-color:#d2e1fe;}
#texizq{position:relative;float:left;max-width:50%;font-size:1.4em;}
#texizq p{margin:50px;}
#imgder{position:relative;float:right;max-width:50%;margin:0px auto;}

/*                            acordeon de preguntas en hijos de consejos profesionales                              */

#espacio{position:relative;width:1280px;height:200px;border-top-width:medium;border-color: #023591;border-width:2px;}
#nombreExclusivo { /* es el DIV contenedor */position:relative;margin: 0px  auto; max-width: 1280px;height:auto;}
.accordion { /* propiedades generales de la lista */color: #023591;font-size: 18px;margin: 0 auto;padding: 0;max-width: 1280px;}
.accordion dt { /* es enlace/título que expande y contrae */background-color: #ffffff;color: #023591;cursor: pointer;font-size: 22px;text-align: left;position:relative;padding-top:16px;height:40px;}
.accordion dt:hover { /* efecto hover sobre ese enlace */background-color: #f96f6d;color: #ffffff;}
.accordion dd { /* cada elemento oculto */margin: 0;overflow: hidden;}
.accordion span {  /* el contenido  */display: block;margin: 0;padding: 20px;width: left:0px;float:left;vertical-align: middle;}
.accordion img { float:right;margin:-20px 0 0 20px;}


/*                       menu de CV buscados                                */

ul.cvbuscados 			{margin:0;margin-top:20px;padding:0;width:100%;font-size:0;}
ul.cvbuscados li 			{list-style: none;display: inline-block;width: 418px;margin:4px;padding: 0;font-size:22px;}
ul.cvbuscados li a			{border-left:30px solid #023591;border-right:30px solid #023591;display:block;text-decoration:none;padding:0.5em 0.5em;color:white;background:#023591;}
ul.cvbuscados li a:hover 	{border-left:30px solid #f96f6d;border-right:30px solid #f96f6d;}

#areacv{font-size:22px;color:#023591;margin-top:20px;margin-bottom:20px;border-bottom:2px solid #023591;}







/*                                    Formularios de contacto                        */

#formulario 	{position:relative;max-width:1200px;width:70%;font-size:0.8em;margin:auto;top:40px;}
#nombre 		{position:relative; max-width:1200px; width:50%; font-size:0.8em; height:25px; margin-left:37px; margin-top:10px; background:#023591; font-family:ubuntu; font:bold; color:white;}
#mail		{position:relative; max-width:1200px; width:50%; font-size:0.8em; height:25px; margin-left:50px; margin-top:10px; background:#023591; font-family:ubuntu; font:bold; color:white;}
#telefono 	{position:relative; max-width:1200px; width:50%; font-size:0.8em; height:25px; margin-left:30px; margin-top:10px; background:#023591; font-family:ubuntu; font:bold; color:white;}
#empresa 	{position:relative; max-width:1200px; width:50%; font-size:0.8em; height:25px; margin-left:30px; margin-top:10px; background:#023591; font-family:ubuntu; font:bold; color:white;}
#referencia 	{position:relative; max-width:1200px; width:50%; font-size:0.8em; height:25px; margin-left:30px; margin-top:10px; background:#023591; font-family:ubuntu; font:bold; color:white;}
#comentario 	{position:relative; max-width:1200px; width:50%; font-size:0.8em; height:250px; margin-left:7px;   margin-top:10px; background:#023591; font-family:ubuntu; font:bold; color:white;}
.submit		{position:relative; top:20px;left:138px;background:#023591; font-size:1em;font-family:ubuntu; font:bold; color:white;width:220px;height:40px;}

/*                                formatos para aviso legal y privacidad          */

#aviso{position:relative;margin-top:50px;max-width:100%; text-align:center; font-weight:bold;font-size:24px;color:#5a5a5a;}
#aviso p{position:relative; background-color: #ffffff;max-width:100%;text-align:left;margin-top:20px;font-weight:normal;font-size:18px;color:#5a5a5a;}

/*                                 faldon                                                */

#faldon			{position:relative; max-width:1280px; margin:auto;margin-top:50px;  font-size:0.85em; color:white;background-color:#023591; }
#faldon-ciudad	{position:relative; max-width:1280px; margin:auto;height:100px;}

#faldonempresas	{	float:left; margin:4% 1% 4% 8.5%; width:15%; min-width:100px;padding:1% 1% 1% 1%;}
#faldoncandidatos	{ 	float:left; margin:4% 1% 4% 4%;	width:15%; min-width:100px;padding:1% 1% 1% 1%;}
#faldonit			{ 	float:left; margin:4% 1% 4% 4%;	width:15%; min-width:100px;padding:1% 1% 1% 1%;}
#faldoncontacto	{ 	float:left; margin:4% 1% 4% 4%;	width:15%; min-width:100px;padding:1% 1% 1% 1%;}

#aviso-legal		 {position:absolute; left:65%; top:95%;width:15%;color:white;}
#p-privacidad		{position:absolute; left:80%; top:95%;width:15%;}

.tit-faldon		{font-size:1.1em; color:#fff; font-weight:bold;margin-top:10px; }
#fil-faldon		{ list-style-type: none;}
#fil-faldon a 		{ text-decoration: none; color: #fff;  display: block; padding: 8px 0 0 0; }
#fil-faldon a:hover	{ color: #f96f6d; }