/* Estructuracíon */

/*
body {background-color: #f3f3eb; padding: 0; margin: 0;
	background: url(/app/img/logos.gif) no-repeat center top;
background-attachment: fixed;	
	}

*/

body {background-color: #f3f3eb; padding: 0; margin: 0;}


.nofloat {float: none; clear: both;}



#contenedorpagina{
	background-image: url(/app/img/fondo.gif);
	background-repeat: repeat-y;
	background-position: center;
	}	

#pagina {
	width: 820px; margin: 0;
	background-image: url(/app/img/fondobarra.jpg);
	background-repeat: repeat-y;	
	}

#cabecera{height: 119px; background: url(/app/img/cabecera.png) no-repeat left top;}
#barralateral{
	float: left; background-color: #f4f4ec; width: 170px;
	}

#barralateral #buscador {background-color: #ececec; padding: 10px 0 10px 0; text-align: center;}

#barralateral div.menu {border-bottom: 1px dashed #000; width: 90%; margin: 4px auto;}
#barralateral a {
	font: .8em "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
	display: block;
	background: url(/app/img/flechamenu.gif) no-repeat left;
	text-decoration: none;
	color: #346702;
	padding-left: 14px;
	padding-top: 4px;
	padding-bottom: 4px;	
	}
#barralateral a:hover {background-color: #fff;}

#contenido{float: right; width: 635px; margin-right: 5px;}
#contenido{font-size: 13px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 1.5em;}

 h1 {
	padding: 0;
	margin: 5px 0 0 0;
	color: #346702;
	font: bold 1.5em 'Trebuchet MS', Verdana, Arial, sans-serif;
	border-bottom: 2px solid #346702;
	}


 h2 {
	padding: 0px;
	margin: 0;
	color: #346702;
	font: bold 1.2em 'Trebuchet MS', Verdana, Arial, sans-serif;
	border-bottom: 1px dashed  #346702;	
	}

a {color: #346702;}

a.enlace {background: url(/app/img/flecha.gif) no-repeat left; border-bottom: 1px dotted #346702;  padding-left: 8px; font-weight: normal; text-decoration: none; }
a.enlace:hover {text-decoration: underline; }

div.arriba {text-align: right; font-size: .8em;}
div.arriba a {background: url(/app/img/flechaarriba.gif) no-repeat right; padding-right: 10px; margin-right: 5px; text-decoration: underline; }
div.arriba a:hover {text-decoration: none; }


#molletas{}
#pie{
	padding: 8px 50px 5px 0;
	background-image: url(/app/img/fondopie.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	line-height: .8em;
	font: .7em arial, helvetica;
	font-weight: bold;
	border-bottom: 3px solid #336601;
	}


FORM {margin: 0; padding: 0;}

.SubMenuCategorias {width: 200px; border-bottom: 2px solid #346702; border-right: 2px solid #346702;}
.SubMenuCategorias {background-color: #fff;	float: right;	padding: 0px 10px 20px 20px;}
.SubMenuCategorias legend {font-size: .9em; font-family: Arial, Helvetica, sans-serif; color: #000;}
.SubMenuCategorias ul {margin: 5px 0 0 0; padding: 0px;}
.SubMenuCategorias li {list-style: url(/app/img/flecha.gif);}
.SubMenuCategorias li {line-height: .9em; font-size: .9em; font-family: verdana, arial, helvetica;}
.SubMenuCategorias a { color: #346702; text-decoration: none; }
.SubMenuCategorias a:hover { color: #346702; text-decoration: underline; }



	

.ListadoNoticias {}

.ListadoNoticias label {white-space: nowrap;}

.ListadoNoticias fieldset {padding: 10px; #000; background-color: #F4F4EC;}
.ListadoNoticias fieldset legend {font-size: .9em; font-family: Arial, Helvetica, sans-serif; color: #000;}
.ListadoNoticias fieldset label {font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; font-size: .9em;}




.ListadoNoticias #ListadoCuerpo .ListadoItem {border-bottom: dotted 1px #85927C; margin: 2px 0 0 0; padding: 0 0 3px;}

.ListadoNoticias #ListadoCuerpo .ListadoItem h2 {
	padding: 0;
	margin: 0;
	color: #333;
	font: bold 1.1em 'Trebuchet MS', Verdana, Arial, sans-serif;
	border: 0;
	}
	
.ListadoNoticias #ListadoCuerpo .ListadoItem h2 a { 
	text-decoration: none;
	color: #666;
}

.ListadoNoticias #ListadoCuerpo .ListadoItem h2 a:hover { 
	text-decoration: none; 
	background-color: #F0F0F0;
	color: #666;	
	}

.SubMenuCategorias li,
.Fecha,
.ListadoNoticias #ListadoCuerpo .ListadoItem span,
.Categoria {line-height: .9em; font: .8em "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;}

.Molletas {font-size: .9em;}
.Molletas a { color: #346702; text-decoration: underline; }

.SubMenuCategorias a,
.Categoria a { color: #346702; text-decoration: none; }
 
.Molletas a:hover { color: #346702; text-decoration: none; }

.SubMenuCategorias a:hover,
.Categoria a:hover { color: #346702; text-decoration: underline; }


.Molletas a,
.Categoria a {background: url(/app/img/flecha.gif) no-repeat left; padding-left: 8px;}

.ListadoNoticias #ListadoPie {border-top: 1px solid #000; margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: .85em; font-weight: normal; color: #000000;}
.ListadoNoticias #ListadoPie input,
.ListadoNoticias #ListadoPie select {border: 1px solid #000; font-size: 1em;}

.ListadoNoticias #ContenedorOrdenacion {float: left;}
.ListadoNoticias #ContenedorPaginacion {float: right;}


/*
 *
 */
 
#listadoSocios #asociaciones .nofloat {margin: 0 0 5px 0; padding: 5px 0 0 0; border-bottom: 1px solid #F3F3EB;}
#listadoSocios #asociaciones .asociacion .logotipo {width: 200px; float: left; text-align: center;}
#listadoSocios #asociaciones .asociacion .nombre {float: left; width: 400px; padding: 10px 0 0 0; font: bold;}
#listadoSocios #asociaciones .asociacion .nombre a {font: bold 14px; color: #000; text-decoration: none;}
#listadoSocios #asociaciones .asociacion .nombre a:hover {text-decoration: underline;}

#listadoSocios #asociacionesGremiales li a {font: bold 12px; color: #000; text-decoration: none;}
#listadoSocios #asociacionesGremiales li a:hover {text-decoration: underline;}
	
.logotipos {text-align: center; padding: 10px 0 10px 0;}
.logotipos span {padding: 10px;}

.tabla {border: 1px solid #326601;}
.tabla td {font-size: .8em; border: 1px solid #326601; padding: 3px; line-height: 1em;}
.tabla th {background-color: #F4F4EC; color: #346702; font-size: .9em; border: 1px solid #326601; padding: 4px; line-height: 1.2em; text-align: center;}

#guiaConsumo .tabla td {font-size: .9em; padding: 5px; line-height: 1.2em;}

.MenuCategorias {border: 0;}
.MenuCategorias ul {margin: 5px 0 0 0; padding: 0px;}
.MenuCategorias li {list-style: url(/app/img/flecha.gif);}
.MenuCategorias li {line-height: 1.5em; font: 1em "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;}
.MenuCategorias a { color: #346702; text-decoration: none; }
.MenuCategorias a:hover { color: #346702; text-decoration: underline; }


/**
 * Iconos
 **/

strong.icoTelefono {padding-left: 20px; background: url(/app/img/telefono.png) no-repeat center left;}
strong.icoEmail {padding-left: 20px; background: url(/app/img/email.png) no-repeat center left;}
strong.icoFax {padding-left: 20px; background: url(/app/img/fax.png) no-repeat center left;}
strong.icoWeb {padding-left: 20px; background: url(/app/img/web.png) no-repeat center left;}

/**
 * Servicios Federacion
 **/
 
div.capaDescripcionServicio {padding: 10px 10px 0 10px; margin: 5px 0 10px 0; background-color: #F4F4EC; display: none; border-bottom: 2px solid #A1A1A1; font-family: verdana, arial; font-size: 0.9em; line-height: 1.4em;}
div.capaDescripcionServicio h5 {margin: 0 0 10px 0; padding: 0 0 0 5px; border-bottom: 1px solid #A1A1A1; color: #A1A1A1;}
div.capaDescripcionServicio p {margin: 0; padding: 0 0 10px 5px;}
div.capaDescripcionServicio strong {color: #A1A1A1;}

table.CEPYMEtel td {font-size: .9em; border-right: 1px solid #F4F4EC; border-bottom: 1px solid #F4F4EC; background-color: #ffffff; padding: 3px; text-align: center; }
table.CEPYMEtel td.encabezado {background-color: #0F5B90; color: #ffffff; font-weight: bold;}
table.CEPYMEtel td.colCEPYMEtel {background-color: #008400; color: #ffffff; font-weight: bold;}
table.CEPYMEtel td.leyenda {font-size: .7em; background-color: #F4F4EC; text-align: right;}


/**
 * Socios
 **/

div.datosAsociacion {padding: 20px 20px 30px 0;}



/*
 * Portada
 */


#portada h3 {padding: 0 0 0 10px; margin: 15px 0 ; font-family: 'Trebuchet MS', verdana, arial; font-size: 16px; font-weight: bold; color: #fff; line-height: .9em;}

#portada #columnaIzquierda {width: 410px; padding: 0 10px 0 0; float: left;}

#portada #columnaIzquierda h2 {border: 0; font-family: 'Trebuchet MS', verdana, arial; font-size: 18px; font-weight: bold; line-height: 1.2em; letter-spacing: .2em;}

#portada #columnaIzquierda h3 {background: #356700 url(/app/img/barra_larga.png) repeat-y right top;}

#portada #columnaIzquierda #noticias,
#portada #columnaIzquierda #proyectos {padding: 0 0 10px 0; margin: 10px 0 0 0; border-bottom: 2px solid #2f6300;}

#portada #columnaIzquierda #noticias .enlace,
#portada #columnaIzquierda #proyectos .enlace {margin: 15px 0 0 0; text-align: right;}

#portada #columnaIzquierda #noticias .enlace a,
#portada #columnaIzquierda #proyectos .enlace a {font-family: 'Trebuchet MS', verdana, arial; font-size: 11px; font-weight: bold; line-height: 1.3em; letter-spacing: .2em; text-decoration: none;}

#portada #columnaIzquierda #noticias .enlace a:hover,
#portada #columnaIzquierda #proyectos .enlace a:hover {text-decoration: underline;}

#portada #columnaIzquierda #noticias .imagen {border: 1px solid #b9b9b9; padding: 10px; margin: 0 0 10px 0;}

#portada #columnaIzquierda #noticias h2 {text-align: right;}

#portada #columnaIzquierda #noticias p {font-family: 'Trebuchet MS', verdana, arial; font-size: 11px; font-weight: bold; text-align: justify; line-height: 1.3em; letter-spacing: .2em; text-indent: 20px;}



#portada #columnaDerecha {width: 195px; padding: 0 10px; float: left; background-color: #f4f4ec;}

#portada #columnaDerecha h3 {background: #356700 url(/app/img/barra_corta.png) repeat-y right top;}

#portada #columnaDerecha #cursos,
#portada #columnaDerecha #subvenciones {margin-bottom: 25px;}

#portada #columnaDerecha #cursos div,
#portada #columnaDerecha #subvenciones div {margin-bottom: 20px; font-family: 'Trebuchet MS', verdana, arial; font-size: 11px; font-weight: bold; line-height: 1.3em; letter-spacing: .2em; text-indent: 20px;}

#portada #columnaDerecha a {text-decoration: none;}
#portada #columnaDerecha a:hover {text-decoration: underline;}


#portada #socios .socio {float: left; width: 290px; padding: 7px; margin: 0 10px 0 0; border: 1px solid #e9e9e9;}
#portada #socios .socio div {padding: 14px; background-color: #f4f4ec; font-family: 'Trebuchet MS', verdana, arial; font-weight: bold; line-height: 1.3em; letter-spacing: .2em;}
#portada #socios .socio div a {font-size: 14px; text-decoration: none;}
#portada #socios .socio div a:hover {text-decoration: underline;}
#portada #socios .socio div p {margin: 5px 0 0 0; padding: 0; font-size: 12px;}