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

/*RESETEO DE ESTILOS PREDEFINIDOS*/

    /*Borramos para casi todos los tags conocidos por el hombre cualquier margen, espacio, interlineado extraño, bordeados, etc… empezaremos desde cero*/
    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;
    }

    /*Quitamos cualquier efecto predefinido sobre enlaces cuando tienen el foco y nos olvidamos de los enlaces subrayados*/
    :focus { outline: 0;} /*Actualización: Como bien me recuerdan, aclarar que este cambio de estilo debe hacerse siempre que vayamos a remarcarlo de otra manera, pues de no hacerlo tenedremos problemas de accesibilidad a nuestra página */
    a, a:link, a:visited, a:hover, a:active{text-decoration:none}

    /*Para tablas y sus casillas de salida las dejamos con celdas separadas, que los textos se alinean a la izquierda y eliminamos la negrita para campos tipo <td>*/
    table { border-collapse: separate;border-spacing: 0;}
    th, td {text-align: left; font-weight: normal;}

    /*Eliminamos el border en imágenes o iframe aunque formen parte de un enlace*/
    img, iframe {border: none; text-decoration:none;}

    /*De salida nada de símbolos raros para nuestros listados*/
    ol, ul {list-style: none;}

    /*Para variables típicas de formulario usaremos la tipografía que definamos expresamente y al tamaño que definamos*/
    input, textarea, select, button {font-size: 100%;font-family: inherit;}
    select {margin: inherit;}

    /*Convertimos el <hr> en una linea simple*/
    hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 81px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -81px; /* negative value of footer height */
	height: 81px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/****ASPECTOS GENERALES****/

body {
	background: #ECE8DD;
	position:absolute;
	width: 950px;
	height: 100%;
	left: 50%;
	margin-left: -450px;
	margin-top: 0px;
}
#contenedor_noticia p{
	margin-bottom:10px;
}

	#wrap {
	width: 900px;
	height: auto;
	}
	
	.cuerpo_texto {
		font-family:Verdana, Geneva, sans-serif;
		color:#000;
		font-size: 11px;
		}
		
	.contenido a {
	color:#000;
	}
	
	.contenido a:hover, hover a {
	color:#d73435;
	}
	
	h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#d73435;
	margin-bottom: 30px;
	}
	
	ul {
		list-style: outside;
		margin-left: 20px;
		list-style-image: url(img/imagen_lista.jpg);
		}
		
	li {
		margin-bottom: 10px;
		}
		
	h2 {
		font-family:Verdana, Geneva, sans-serif;
		color:#000;
		font-size: 11px;
		font-weight: normal;
		}
		
		.contenido_que_es {
		background: transparent;
		width: 355px;
		height: 350px;
		margin-left: 0px;
		float: left;
		position: relative;
		margin-bottom: 30px;
		overflow: hidden;
			}
			
			.paginacion {
		background: transparent;
		width: 355px;
		height: 50px;
		margin-left: 0px;
		float: left;
		position: relative;
		margin-top: 0px;
		margin-bottom: 30px;
		overflow: hidden;
		border-top: 1px #000 solid;
		padding-top: 10px;
				}
				
		.paginacion a {
			background: transparent;
			color: #DD3036;
			padding-left: 0px;
			padding-right: 0px;
			vertical-align:middle;
			line-height: 14px;
			}

		.paginacion a:hover, hover a {
			background: transparent; 
			color: #5CAEC4;
			padding-left: 0px;
			padding-right: 0px;
			vertical-align:middle;
			line-height: 14px;
			}


/****CABECERA*****/

	.cabecera {
		background: transparent;
		width: 900px;
		height: 120px;
	}
	
		.lineas {
			background: url(img/Bandas_Cabecera.png) top no-repeat;
			width: 955px;
			height: 120px;
			margin-left: -300px;
			position: relative;
			float: left;
			z-index:100;
			}
			
			.logo_emprendes {
				background: transparent;
				width: 214px;
				height: 52px;
				margin-left: 325px;
				margin-top: 40px;
				position: absolute;
				}
				
				
			.fecha {
				background: transparent;
				width: 180px;
				height: 100px;
				right: 160px;
				margin-top: 0px;
				position: absolute;
				}

/*****CONTENIDO****/

	.columna_izquierda {
		width: 190px;
		height: auto;
		margin-left: 27px;
		float: left;
		}
		
			.menu {
			width: 190px;
			height: auto;
			margin-left: 0px;
			margin-bottom: 20px;
				}
				
			.direccion {
			width: 190px;
			height: auto;
			margin-left: 0px;
			margin-bottom: 30px;
				}
				
			.economia_socialTV {
			width: 190px;
			height: auto;
			margin-left: 0px;
			margin-bottom: 30px;
				}
		
	.columna_central {
		background: transparent;
		width: 355px;
		height: auto;
		margin-left: 30px;
		float: left;
		position: relative;
		margin-bottom: 30px;
		}
	
	.columna_doble {
		background: transparent;
		width: 615px;
		height: auto;
		margin-left: 30px;
		float: left;
		position: relative;
		margin-bottom: 30px;
		}
	
		.columna_doble img {
			margin-left:0px;
			float: left;
			position:relative;
			margin-bottom:20px;
			}
	
	.columna_derecha {
		width: 230px;
		height: auto;
		margin-left: 40px;
		float: left;
		position: relative;
		margin-top: 30px;
		margin-bottom: 30px;
		}


/****FORMULARIO****/
			.formulario {
			position:relative;
			width: 290px;
			height: auto;
			font-family: Arial;
			font-size: 12px;
			color: #000000;
			height: auto;
			margin-left: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			}
				

fieldset#campos label {
position: absolute;
margin-left: 0px;
color: inherit;
background: transparent;
font-family: "Trebuchet MS", Arial, san-serif;
line-height: 20px;
font-size:12px;
margin-top: 0px;
vertical-align: middle;
}

fieldset#campos label.error1 {
color: #900;
}

fieldset#campos input {
background: url(img/caja_fieldset.gif) no-repeat top;
position: absolute;
margin-left: 80px;
color: #000;
font-family: "Trebuchet MS", Arial, san-serif;
line-height: 20px;
font-size:12px;
border: none;
width: 250px;
height: 20px;
margin-top: 5px;
padding-left: 0px;
padding-right: 0px;
}

.textarea {
position: absolute;
margin-top: 30px;
margin-left: 0px;
color: #000;
background: url(img/caja_textarea.gif) no-repeat left;
font-family: "Trebuchet MS", Arial, san-serif;
font-size:12px;
border: none;
width: 330px;
height: 100px;
padding-top: 5px;
padding-left: 0px;
}

fieldset#campos {
position: absolute;
margin-top: 0px;
margin-left: 0px;
color:#000;
background: transparent;
font-family: "Trebuchet MS", Arial, san-serif;
font-size:12px;
margin-bottom: 0px;
line-height: 22px;
border: none;
}

.contenedor_botones {
position: absolute;
margin-top: 260px;
margin-left: 0px;
width: 460px;
height: 70px;
color:#fff;
background: transparent;
line-height: 22px;
font-size:10px;
}

.botones {
position:absolute;
margin-top: 2px;
margin-left: 0px;
margin-bottom: 4px;
color:#000;
border: none;
background: #b8b4aa;
font-size:12px;
line-height: 25px;
height: 20px;
vertical-align:middle;
padding-bottom:3px;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
}
		
		
/****NOTICIAS****/

#contenedor_noticia {
			font-family: "Trebuchet MS", Arial, san-serif;
			color:#000000;
			background: #d8d5cd;
			margin-left: 0px;
			margin-top: 0px;
			width: 340px;
			height: auto;
			padding-top: 10px;
			padding-left: 15px;
			padding-bottom: 15px;
			padding-right: 0px;
			line-height: 14px;
			margin-bottom: 3px;
}
		
		.fecha_noticia {
			color:#DD3036;
			font-weight: bold;
		}
		
		.titulo_noticia {
			color:#5CAEC4;
			margin-bottom: 5px;
			vertical-align:middle;
			line-height: 14px;
			text-transform: uppercase;
			margin-right: 0px;
			width: 330px;
			height: auto;
			font-weight: bold;
			}
			
		.ver_mas a {
			background: transparent;
			color: #DD3036;
			padding-left: 2px;
			padding-right: 2px;
			vertical-align:middle;
			line-height: 14px;
			}

		.ver_mas a:hover, hover a {
			background: transparent; 
			color: #5CAEC4;
			padding-left: 2px;
			padding-right: 2px;
			vertical-align:middle;
			line-height: 14px;
			}
		
/****FOOTER****/

	.contenedor_footer {
		margin-top: 0px;
		height: 81px;
		}

		.logo_cepes {
			background: transparent;
			width: 87px;
			height: 67px;
			float: right;
			margin-top: 15px;
			margin-right: 15px;
			}
		.logo_junta {
			background: transparent;
			width: 106px;
			height: 55px;
			float: right;
			margin-top: 15px;
			margin-right: 10px;
			}
	
		.logo_junta2 {
			background: transparent;
			width: 288px;
			height: 55px;
			float: right;
			margin-top: 20px;
			margin-right: 140px;
			}
			
		.img_footer {
			background: transparent;
			width: auto;
			height: 81px;
			float: right;
			margin-right: 100px;
			}


div.hidden {
	display:none;
}

div.cuadrotaller{
	height:auto;
	width:320px;
}

/***** TABLA PARA EL PROGRAMA *****/
table {
	background: #ECE8DD;
	border-collapse:separate;
	font: normal 11px verdana, arial, helvetica, sans-serif;
  	color: #363636;
  	text-align:left;
	width:355px;
	border-spacing: 0px 3px;
}

table tr td a{
	color:#000;
	text-decoration:none;
}
table tr td a:hover{
	color:#FFF;
	text-decoration:none;
}
thead, tfoot {
	height:18px;
	color:#CCC;
	text-align:center;
	background:#666 repeat-x;
	text-align:left;
}
thead th, tfoot th {
	font-weight:bold;
	text-align:center;
	padding:5px;
}
tr.titulo, tr.titulotaller{
	background: #99D4E4;
	padding:10px 10px 10px 10px;
}
tr.titulo td, tr.titulotaller td{
	font-weight:bold;
}
tr.contenido{
	background: #CBEAF2;
	padding:10px 10px 10px 10px;
}
tr.contenidotaller{
	background: #CBEAF2;
	padding:10px 10px 10px 10px;
}
tr.contenidotaller:hover, tr.titulotaller:hover {
	background:#e31319;
	padding:10px 10px 10px 10px;
	color:#FFF;
	cursor:pointer;
}
td{
	border-spacing:15px;	
}
tbody th, tbody td {
	padding:5px;
}

/**** FORMULARIO DE INSCRIPCIÓN *****/
error{
	color: #d73435;
}

errorTaller{
	color: #91CBD6;
}

.form_container {
	width: 382px;
}

.data_container {
	background : #91CBD6;
	font : bold 12px Verdana, Geneva, 'sans-serif';
	overflow : hidden;
	position : relative;
	width : 382px;
	padding: 5px;
	margin-bottom: 8px;
}

.d2{
	background: #A0D0D8;
}

.d3{
	background: #AFD5D8;
}

.d4{
	background: #BEDADA;
}

.d5{
	background: #CDDEDA;
}

.d6{
	background:transparent;
}

.advise{
	background: transparent;
}

.talleres{
	background: #E48E88;
}

.inscripcion{
	color: #DD4A49;
	text-decoration: none;
}

.campoinline{
	height:23px;
	position: relative;
	margin-bottom:2px;
	text-align:left;
	vertical-align:middle;
}

.campobloque{
	text-align: left;
	float:left;
	margin-bottom: 15px;
	font:12px Verdana, Geneva, sans-serif;
}

.label {
	position:relative;
	top:6px;
	width: 139px;
	text-align: left;
	float:left;
	margin-bottom: 3px;
}

.data {
	width: 243px;
	text-align: left;
	float: left;
}

font{
	font :12px Verdana, Geneva, 'sans-serif';
}

.radiofont{
	display:inline;
	font :11px Verdana, Geneva, 'sans-serif';
	bottom:2px;
}

input, select{
	height: 20px;
	width: 230px;
	border-top:#7A7A7A 1px solid;
	border-left:#7A7A7A 1px solid;
	border-right:#BABABA 1px solid;
	border-bottom:#EDEDED 1px solid;
	font :12px Verdana, Geneva, 'sans-serif';
}

textarea{
	height: 83px;
	width: 230px;
	overflow: hidden;
	font :12px Verdana, Geneva, 'sans-serif';
}

.radio{
	position:relative;
	top:5px;
	width: 15px;
	border: none;
	margin-right: 5px;
}
.botonenviar{
	background-image:url(img/bt_enviar.jpg);
	cursor:pointer;
	height:27px;
	width:81px;
	float:right;
	border:0px;
	margin-top:-5px;
}
.botonreset{
	background-image:url(img/bt_borrar.jpg);
	cursor:pointer;
	height:27px;
	width:83px;
	float:right;
	border:0px;
	margin-top:-5px;
}
/***************** ACTUALIZACIÓN 29.09.2009 *******************/

/**** ESTILO PARA SUBAPARTADOS BLOG ****/
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#d73435;
	margin-bottom: 15px;
}
/**** ESTILO PARA SUBAPARTADOS CREDITOS ****/
h3.negro {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#000;
	margin-bottom: 10px;
}

/*** FORMULARIO DEL BLOG ***/
.form_container2 {  
	width: 355px;
}

.data_container2 {
	background : #91CBD6;
	font : bold 12px Verdana, Geneva, 'sans-serif';
	overflow : hidden;
	position : relative;
	width : 355px;
	padding: 5px;
	margin-bottom: 8px;
}

textarea.textareablog{
	height: 83px;
	width: 335px;
	overflow:auto;
	font :12px Verdana, Geneva, 'sans-serif';
	clear:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.data2 {
	width: 210px;
	text-align: left;
	float: left;
}
.data_container2.d6{
	background:transparent;
}
.data_container2.d2{
	background: #A0D0D8;
}
input.inputblog{
	height: 20px;
	width: 210px;
	border-top:#7A7A7A 1px solid;
	border-left:#7A7A7A 1px solid;
	border-right:#BABABA 1px solid;
	border-bottom:#EDEDED 1px solid;
	font :12px Verdana, Geneva, 'sans-serif';
}

		div.pdf {
			position:relative;
			margin-left:5px;
			margin-right:5px;
			margin-bottom: 1px;
			margin-top: 0px;
			height: auto;
			width: 355px;
			background: transparent;
			border: none;
		}
				
		.pdf a {
			display: block;
			line-height: 12px;
			position:relative;
			width: 355px;
			height: auto;
			min-height:12px;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			padding-bottom: 8px;
			color: #000;
			margin-bottom: 1px;
		}
				
		.pdf a:hover {
			display: block;
			line-height: 12px;
			position:relative;
			width: 355px;
			height: auto;
			min-height:12px;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 0px;
			padding-bottom: 8px;
			color: #d73435;
			margin-bottom: 1px;
		}
			
		div.pdf a img {
			position: relative;
			margin-top: -2px;
			margin-left:10px;
			margin-right: 10px;
			width: 14px;
			height: 16px;
			float: left;
			padding-bottom: 0px;
			border: none;
		}
			
		div.pdf p.taller {
			font-weight: bold;
			margin-top: 15px;
			margin-bottom: 5px;
		}
	
	div.galeria{
			height:auto;
			width:auto;
			margin-top: 10px;
			margin-bottom:30px;
	}

	div.galeria img {
			position: relative;
			margin-top: 0px;
			margin-right: 5px;
			margin-bottom:10px;
			width: 80px;
			height: 60px;
			float: left;
			border: none;
	}