@charset "UTF-8";
/* CSS de HC Services */
/* Hoja de estilos general */



/* Imports
------------------------------------------------------------------------------------------------------------------------ */
@import 'cabecera.css';
@import 'menu.css';
@import 'pie.css';


* { margin: 0; padding: 0; border:0;}
body { font: normal 62.5% Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#474331; background:#FFF; border-top:5px solid #A8D8C3;}


/* Reset
------------------------------------------------------------------------------------------------------------------------ */
a img, iframe{ border: none;}
acronym, abbr{ border: none; cursor: help;}
.access{ display: none;}
hr{ display: none;}
table{ border-collapse: collapse;}
caption{ display: none;}
map{ display: block;}
blockquote{ margin:0; padding:0;}


/* Encabezados y parrafos
------------------------------------------------------------------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6, p{ font-size: 100%; margin:0; padding:0;}


/* Listas
------------------------------------------------------------------------------------------------------------------------ */
li{ list-style-type: none;}


/* Enlaces
------------------------------------------------------------------------------------------------------------------------ */
a{ text-decoration:none; color:#1F4E5A; border-bottom:1px solid #1F4E5A;}
a:hover{ color:#40B0D6; border-bottom-color:#40B0D6;}


/* Colores y demás
------------------------------------------------------------------------------------------------------------------------ */


/* Formularios
------------------------------------------------------------------------------------------------------------------------ */


/* Tablas
------------------------------------------------------------------------------------------------------------------------ */
table{ font-size:1em;}
table thead, table tbody{}


/* Limpiadores
------------------------------------------------------------------------------------------------------------------------ */
.clearleft{ clear:left;}
.clearight{ clear:right;}

.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{ display: block;}


/* Pagina
------------------------------------------------------------------------------------------------------------------------ */
#page{ position: relative; width: 760px; margin: -5px auto 0; text-align: left; background: transparent url(../images/bg.gif) repeat-x; border-top:5px solid #3fb2d8;}
* html #page{ font-size: 1.01em;} /*Hack <IE6*/
*+html #page{ font-size: 1.01em;} /*Hack IE7*/

	
/* Contenido
------------------------------------------------------------------------------------------------------------------------ */
#contenido{ height:1%; padding-bottom:40px; background: transparent url(../images/contenido-bg.gif) left bottom repeat-x;}

	/* Introhome */
	.introhome { height:1%; text-align:right; margin:0 12px 17px;}
	.introhome .texto{ padding-top:20px;}
	.introhome p{ margin-bottom:2px; font-size: 1.4em; line-height:1.4em;}
	.introhome em{ color:#2B7586;}
	.introhome img{ float:left;}

	/* Bbox Verde */
	.bbox-verde-t { height:1%; margin-left:8px; background: transparent url(../images/bbox-verde-t.gif) left top no-repeat;}
	.bbox-verde-b { height:1%; position:relative; padding:6px 18px 24px; background: transparent url(../images/bbox-verde-b.gif) left bottom no-repeat;}
	.bbox-verde-b h3{ width:590px; margin-bottom:8px; padding-bottom:2px; border-bottom:2px solid #2D7D3C; font-size:1.5em; color:#A1C8AA;}
	.bbox-verde-b ul{ margin-bottom:8px; font-size: 1.2em; color:#FFF;}
	.bbox-verde-b ul li{ float:left; width:342px; padding-left:13px; background: transparent url(../images/li-item-verde.gif) 0 0 no-repeat;}
	.bbox-verde-b img{ position:absolute; bottom:10px; right:14px;}

	/* Intro */
	.intro { margin:0 12px 17px;}
	.intro h3{ margin-bottom:15px; font-size: 2em; font-weight:normal;}
	.intro p{ font-size: 1.3em; line-height:1.7em;}
	.intro dl{ font-size: 1.3em;}

	/* Bbox */
	.bbox-t { height:1%; background: transparent url(../images/bbox-t.gif) left top no-repeat;}
	.bbox-b { height:1%; position:relative; padding:23px 30px; background: transparent url(../images/bbox-b.gif) left bottom no-repeat;}
	.bbox-t.mini { float:left; width:380px; background: transparent url(../images/bbox-mini-t.gif) left top no-repeat;}
		* html .bbox-t.mini { width:320px;}
	.bbox-b.mini { background: transparent url(../images/bbox-mini-b.gif) left bottom no-repeat;}
	
		/* Quienes */
		.bbox-b-quienes{ padding-right:250px;}
		.bbox-b-quienes img{ position:absolute; bottom:0; right:-250px; padding-right:250px;}
	
		/* Servicios */
		.bbox-b-servicios { padding-top:35px;}
		.bbox-b-servicios img { float:right;}
		.bbox-b-servicios p.solicitud{ position:absolute; top:15px; right:15px; width:115px; height:18px; padding:3px 0 0 15px; background: transparent url(../images/boton-solicitud.gif) no-repeat; margin:0; font:1.1em "Trebuchet MS"; line-height:1.1em;}
		.bbox-b-servicios p.solicitud a{ color:#FFF; border:0;}
		.bbox-b-servicios p.solicitud a:hover{ border-bottom:1px solid #FFF;}
	
		/* Contrato */
		.bbox-b-contrato img { float:right;}
		.bbox-b-contrato ul { width:500px;}

		/* Extranjeria */
		.bbox-b.mini.bbox-b-extranjeria{ padding-bottom:131px;}
		.bbox-b.mini.bbox-b-extranjeria img{ position:absolute; bottom:3px; right:5px;}
		
		/* Laboral */
		.bbox-b.mini.bbox-b-laboral{ padding-bottom:148px;}
		.bbox-b.mini.bbox-b-laboral img{ position:absolute; bottom:3px; right:5px;}


	.bbox-b h4{ margin-bottom:8px; font-size:1.4em;}
	.bbox-b h4.item{ padding-left:20px; background: transparent url(../images/li-item-grande.gif) 0 0 no-repeat;}
	.bbox-b p, .bbox-b ul li{ height:1%; margin-bottom:8px; font-size: 1.2em; color:#1F4E5A;}
	.bbox-b p.gris{ color:#474331;}
	.bbox-b ul li{ padding-left:13px; background: transparent url(../images/li-item.gif) 0 0 no-repeat;}
	.bbox-b ul.grande li{ margin-bottom:16px; padding-left:20px; font-size: 1.3em; background: transparent url(../images/li-item-grande.gif) 0 0 no-repeat;}

	/* Formulario */
	form { float:left; position:relative; width:323px; margin-bottom:15px; padding-bottom:24px;}
	form p{ margin-bottom:2px;}
	form span{ display:block; padding-left:15px; background: transparent url(../images/li-item.gif) 0 0 no-repeat;}
	form fieldset input, form fieldset textarea{ width:304px; margin-left:13px; padding:2px; background:#B2DFEE; border: 1px solid #B2DFEE; font-family:Verdana, Arial, Helvetica, sans-serif; color:#4D8C9E;}
	form fieldset input:focus, form fieldset textarea:focus{ border-color: #4D8C9E; color:#1F4E5A;}
	form fieldset textarea{ height:80px; font-size:1em;}
	form input.button{ position:absolute; right:0; bottom:0; width:92px; height:30px; background: transparent url(../images/boton.gif) center center no-repeat; font-weight:bold; text-transform:uppercase; color:#FFF;}
	form input.button:hover{ color:#1F4E5A;}
	
	/* Donde */
	#donde { float:right; width:363px; text-align:right;}
	#donde p{ padding-bottom:1px; margin-bottom:15px; font-size: 1.1em;}
	#donde p.pequeno{ font-size:.91em;}
	#donde strong{ font-size:1.3em;}
	#donde span{ color:#40B0D6;}