/* CSS Principal INTRO
Author: Daniel Piņol - ariadna3.com
Contact: w e b m a s t e r @ a y t o a t e c a . e s
Designed for: www.ateca.es
Published at: 20/02/2009

Todos los derechos reservados
*/

body {
	background-color:#FFFFFF;
}

body, p, td, tr, a {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* CAPAS GENERALES */

/* CAPAS GENERALES */

div#todo {
	width: 998px;
	min-width: 788px; 
	height: 100%;
	min-height: 590px;
/*	min-width: 85em; */
/*	height: 100%;*/
/*	min-height: 65em;*/
/*	z-index: 3; */
/*	margin: 0px;*/
	margin:0 auto 0 auto;
	text-align:left;
}

div#header {
	/*display:block;*/
	width:998px;
	height:10px;
	position:relative;
/*	top:0px;
	left:50%;
	margin-left:-495px;*/
	overflow:visible;
/*	background: url(../image/masters/header.jpg) no-repeat center top; */
}

div#container {
	float:left;
	/*display:block;*/
	width:998px;
	/*	height:150px;*/
	position:relative;
	/*	top:0px;
	left:50%;
	margin-left:-495px;*/
	overflow:visible;
	height: 541px;
	background:  #000000 url(intro-fondo.jpg) center  no-repeat;
	background-color: #FFFFFF;
/*float:inherit;*/
}

/* INICIO MENU CON SUBSECCIONES */

div#tit-secciones {
	float:left;
	/*	width:16px;
	height:180px;*/
	position:relative;
	top:252px;
	/*right:152px;*/
	left:150px;
	margin:0px;
	overflow:visible;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	visibility:hidden;
}

div#tit-secciones ul li{
	display:block;
	float:left;
	margin-left:19px;
	padding-left:0px;
}

div#tit-secciones ul li:before {
	color:#FFFF00;
	content: "| ";
	/* Las dos siguiente lineas son necesarias para que se vea la lista */
/*	margin-left:0px;
	padding-left:19px;*/

}

div#tit-secciones ul li a {
	color:#0000CC;
}

div#tit-secciones ul li a:hover {
	text-decoration:none;
	color:#000000;
}

/* FIN MENU SIN SUBSECCIONES */
/* INICIO MENU CON SUBSECCIONES */

div#tit-secciones2 {
	float:left;
	/*	width:16px;
	height:180px;*/
	position:absolute;
	top:175px;
	/*right:152px;*/
	left:218px;
	margin:0px;
	overflow:visible;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	visibility:visible;
	width: 629px;
}

div#tit-secciones2 ul li{
	display:block;
	float:left;
	margin-left:0px;
	padding-left:0px;
	margin-right:7px;
}

div#tit-secciones2 ul li ul{
	margin-top:5px;
}

div#tit-secciones2 ul li ul li{
	display:block;
	float:none;
	margin-left:11px;
	padding-left:0px;
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:12px;
	line-height:1.2em;
}

div#tit-secciones2 ul li:before {
	color:#FFFF00;
	content: "| ";
}

div#tit-secciones2 ul li ul li:before {
	content: "";
}

div#tit-secciones2 a {
	color:#0000CC;
}

div#tit-secciones2 ul li a:hover {
	text-decoration:none;
	color:#000000;
}

div#tit-secciones2 ul li ul li a:hover {
	text-decoration:underline;
	color:#000000;
}

/* FIN MENU CON SUBSECCIONES */

div#noticias {
	float:right;
	position:absolute;
	top:320px;
	right:163px;
	margin:0px;
	overflow:visible;
	width: 260px;
	text-align:left;
	height: 158px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#noticias p {
	text-align:left;
	color:#000000;
	font-size:11px;
	line-height:1.2em;
}

div#noticias #noticia-ban {
	color:#999999;
	font-weight:bold;
	text-transform:none;
	text-align:left;
	margin-bottom:5px;
	font-size:12px;
}

div#noticias a {
	color:#FF00FF;
	font-size:11px;
	line-height:1.2em;	
}

/* ####################### INICIO RECOMENDADOS ############################################## */
div#recomendados {
	float:right;
	width:248px;
	height:100px;
	position:absolute;
	top:283px;
	right:528px;
	margin:0px;
	overflow:visible;
	visibility: visible;
	/*background: url(../image/masters/side-a.jpg) left;*/
}

div#recomendados ul {
	list-style:none;
	/* Las dos siguiente lineas son necesarias para que se vea la lista */
	margin:0px;
	padding:0px;
}

div#recomendados ul li {
	float:left;
	margin:8px;
	padding:0px;
/*	width:100px;
	height:70px;*/
}

div#recomendados ul li a {
	float:left;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	padding-top:50px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;	
	width:100px;
/*	height:70px;*/
	text-align:center;
	border:#FFFFFF solid 1px;	
}

div#recomendados #recomendados-ban {
	color:#FF0000;
	text-transform:uppercase;
	text-align:right;
	margin-bottom:7px;
	font-size:18px;
	visibility:hidden;
}
/* -------------- INICIO RECOMENDADOS - Personalizar cada elemento */
div#recomendados li#rec-subvenciones a{
	background:transparent url(../../../image/recomendados/recom-hucha-tn.png) no-repeat center;
}
div#recomendados li#rec-tiempo a{
	background:transparent url(../../../image/recomendados/recom-sol-tn.png) no-repeat center;
}
div#recomendados li#rec-contratante a{
	background:transparent url(../../../image/recomendados/recom-contratante-tn.png) no-repeat center;
}
div#recomendados li#rec-familias a{
	background:transparent url(../../../image/recomendados/recom-familia-tn.png) no-repeat center;
}

div#recomendados li#rec-subvenciones a:hover,
div#recomendados li#rec-tiempo a:hover,
div#recomendados li#rec-contratante a:hover,
div#recomendados li#rec-familias a:hover {
/*	background-image:none;
	background-color:#CCCCCC;*/
	color:#CCCCCC;
	border:#003366 solid 1px;
	text-decoration:none;
}

/* -------------- FIN RECOMENDADOS - Personalizar cada elemento */
/* ####################### FIN RECOMENDADOS ############################################## */

div#tematico-titulo {
	float:right;
	width:180px;
	height:50px;
	position:absolute;
	top:142px;
	right:645px;
	margin:0px;
	overflow:visible;
	visibility: hidden;
	/*background: url(../image/masters/side-a.jpg) left;*/
}

div#tematico-subtitulo {
	float:right;
	width:113px;
	height:85px;
	position:absolute;
	top:117px;
	right:658px;
	margin:0px;
	overflow:visible;
	visibility: hidden;
	/*background: url(../image/masters/side-a.jpg) left;*/
}

div#tematico-img1 {
	float:right;
	width:113px;
	height:85px;
	position:absolute;
	top:96px;
	right:251px;
	margin:0px;
	overflow:visible;
	background: url(../../../image/fotos/todas/thumbs/tn_25.jpg) left;
	visibility: hidden;
}

div#tematico-texto,
div#tematico-texto p {
	float:right;
	width:242px;
	height:50px;
	position:absolute;
	top:411px;
	right:170px;
	margin:0px;
	overflow:visible;
	/*background: url(../image/masters/side-a.jpg) left;*/
	font-size:12px;
	color:#0000CC;
	font-weight:bold;
	visibility: hidden;
}

div#tematico-texto a {
	font-size:16px;
	font-weight:bold;
	color:#FFFF00;
}

div#datos-ayto {
	float:right;
	width:254px;
	height:50px;
	position:absolute;
	top:417px;
	right:160px;
	margin:0px;
	overflow:visible;
	/*background: url(../image/masters/side-a.jpg) left;*/
	font-size:13px;
	color:#0000CC;
	visibility: hidden;
}

div#datos-ayto p {
	font-size:16px;
	font-weight:bold;
	color:#0000CC;
}

div#footer {
	float:left;
	/*display:block;*/
/*	width:782px;*/
/*	height:25px;*/
	position:absolute;
	top:514px;
	right:162px;
	margin:0px;
	width: 601px;
/*	margin-left:-495px;*/
/*	overflow:visible;*/
/*	background: url(../image/masters/footer.jpg) no-repeat center top; */
}

div#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

div#footer a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:120%;
}



div#titulo-ayto {
	float:right;
	width:180px;
	height:50px;
	position:absolute;
	top:74px;
	right:168px;
	margin:0px;
	overflow:visible;
	visibility: visible;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000000;
	font-weight:bold;
	text-align:left;
}

div#tlf-ayto {
	float:right;
	width:180px;
	height:50px;
	position:absolute;
	top:157px;
	right:419px;
	margin:0px;
	overflow:visible;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#CCCCCC;
	font-weight:bold;
	text-align:right;
	visibility: hidden;
}

/* CSS VIEJO */
div#side-a {
	visibility:hidden;
	float:left;
	width:16px;
	height:100%;
/*	position:absolute;*/
/*	top:0px;
	left:0px;*/
	margin:0px;
	overflow:visible;
	/*background: url(../image/masters/side-a.jpg) left;*/
}

div#content {
	visibility:hidden;
	float: left;
	width: 720px;
	height:100%;
/*	position: inherit;*/
/*	top:0px;
	left:16px;*/
	margin-left:0px;
	overflow:visible;
	padding:15px;
/*	background: url(../image/masters/color-e7b55d.jpg);*/
}

div#side-b {
	visibility:hidden;
	float:left;
	width:16px;
	height:100%;
/*	position:absolute;*/
/*	top:0px;
	left:766px;*/
	margin: 0px;
	overflow:visible;
/*	background: url(../image/masters/side-b.jpg) right;*/
}

/* INICIO Capa del tiempo */

div#eltiempo {
	visibility:hidden;
	position:absolute;
	margin:0px;
	top:400px;
	left:580px;
	z-index:5;
}

/* FIN Capa del tiempo */