/*
Autor: Alberto Martínez
mail: amartinez@arista.es
Estilos para "Greco initiative"

1. RESET
2. ESTRUCTURA
3. ENLACES
4. ENCABEZADOS
5. NAVEGACION
6. LISTADOS
7. DESTACADOS
8. PIE


*/


/*FONT DEFINITION*/

@font-face {
 font-family: miso;
 src: url("fonts/miso-regular.eot"); /* EOT file for IE */
}
@font-face {
 font-family: miso;
 font-weight:bold;
 src: url("fonts/miso-bold.eot"); /* EOT file for IE */
}


@font-face {
 font-family: miso;
 src: url("fonts/miso-regular.ttf") format("truetype"); /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: miso;
 font-weight:bold;
 src: url("fonts/miso-bold.ttf") format("truetype"); /* TTF file for CSS3 browsers */
}



/*
 --------------------- 1. RESET ---------------------
 */

body {
	color:#666666;
	background:#f0f2ec url(../img/all/bg_body.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:50%;*/
	margin:0 auto;
	padding:0;
	text-align:left;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,pre,form,body,html,p,blockquote,fieldset,input,img
	{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	list-style:none;
	padding:0;
	}

	body {
	background:#f0f2ec url(../img/all/bg_body.gif) repeat-x;
}

ol.numerados ,
ol.numerados li {
	list-style-type:decimal !important;
	list-style-position: outside;
	line-height:150%;
}
ol.numerados {
	margin-bottom:20px;
}
ol.numerados li {
	margin-left:20px;
	font-size:0.75em;
	color:#666666;
}


h1, h2, h3, h4, h5, h6
	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#333333;
	margin-bottom:1em;
	}
.clearfix:after
	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix
	{
	display:inline-block;
	}

.clearfix
	{
	display:block;
	}


.clearfix
	{
	display: inline-table;
	}


.clearfix {display: block;}

p{
	font-size:.75em;
	color:#666666;
	line-height:150%;
	padding-bottom:1em;}
.clear {
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 0;
}
/*
 ---------------------FIN DE  RESET ---------------------
 */





/*
----------------------2. ESTRUCTURA----------------------------
*/

#contenedor{
border-right:3em solid #FFFFFF;
border-left:3em solid #FFFFFF;
background-color:#FFFFFF;
width:953px;
margin:2em auto 0 auto ;}

	#cabecera{
	width:953px;
	padding:0;
	margin:0;
	background-color:#FFFFFF;}
	#menu_recursivo{
	float:left;
	margin-top:1em;
	background-color:#1a1a1a;
	width:953px;}
	#menu{}

#contenido{
float:left;
background-color:#FFFFFF;}
	#barra_izq{
	float:left;
	width:127px;}
	#cuerpo{
	float:right;
	background-color:#FFFFFF;
	width:793px;
	padding-left:2em;}
		.cuerpo_barra_izquierda{
		float:left;
		width:50%;
		background-color:#FFFFFF;}
		.cuerpo_barra_derecha{
		float:right;
		width:45%;
		background-color:#FFFFFF;}

		div.ImgDr {
			float:right;
			width:45%;
			margin-bottom:20px;
			margin-left:20px;
		}



#pie{
background-color:#33c733;
color:#FFFFFF;
clear:both;
float:left;
width:953px;
margin:3em auto 0 auto ;
height:5em;}
#logos{
background-color:#FFFFFF;
clear:both;
width:953px;
padding-top:2em;
margin:1em auto 0 auto ;
height:5em;}

/*
----------------------FIN DE ESTRUCTURA------------------
*/


/*
----------------------3. ENLACES----------------------------
*/


a, a:link{
font-family:Arial, Helvetica, sans-serif;
color:#33c733;
cursor:pointer;}

 a:hover, a:visited{
 color: #333333;}


/*
----------------------FIN DE ENLACES----------------------------
*/


/*
----------------------4. ENCABEZADOS----------------------------
*/


h1 {
float:left;}
h1 a{
background:#FFFFFF url(../img/all/greco_logo.gif) no-repeat left top;
display:block;
color:transparent;
text-indent:-99999999999999999999999999999999999999999999999em;
width:12em;
height:2em;
}


h2{
border-bottom:1px solid #c0c0c0;
/*padding-top:.8em;*/
/*text-indent:-999999999999999999999999999999999999999em;*/
margin-bottom:1em;
color:transparent;}

#cuerpo .cuerpo_barra_izquierda h3{
border-bottom:1px solid #c0c0c0;
padding-top:.8em;
padding-bottom:1em;
line-height:180%;
margin-bottom:1em;}

#cuerpo .cuerpo_barra_derecha h3{
border-top:1px solid #c0c0c0;
margin-top:.8em;
padding-top:.8em;
float:left;
clear:both;
width:100%;
padding-bottom:1em;
line-height:180%;
margin-bottom:1em;}

	#cuerpo h3 span.color{
	color: #33c733;}
	/*-----los encabezados de cada página estan en la hoja de estilos correspondiente a su idioma------*/

 a:hover, a:visited{
 color: #333333;}

	h2.titular {
		font-family: miso ;
		font-size:1.72em;
		color:#000;
		font-weight:normal;
		padding-bottom:5px;
		clear:left;
	}

/*
----------------------FIN DE ENCABEZADOS----------------------------
*/


/*
----------------------5. NAVEGACION----------------------------
*/


	#menu_recursivo ul{
	float:right;
	}

		#menu_recursivo ul li{
		float:left;
		padding:.2em .5em ;
		font-size:.8em;
		color:#33c733;
		}
		#menu_recursivo ul li a:visited {
			color: #33c733;
		}

			#menu_recursivo ul li a, #menu_recursivo ul li a:link{
			text-decoration:none;
			}
			#menu_recursivo ul li a:hover {
			text-decoration:underline;
			color:#FFF;
			}
			#menu_recursivo ul li.active a {
			color:#FFF;
			}

	/*
	Desplegable basado en el --dropdown de suckerfish--
	url: http://www.htmldog.com/articles/suckerfish/dropdowns/

	Es la version "single level"

	A pesar de no funcionar el desplegable en los explorer si se tiene javascript desactivado,
	se puede acceder a ellos a través del teclado usando el tabulador

	*/

	#menu {
	background-color:#33c733;
	width:794px;
	height:1.4em;
	}
		#menu ul{
		float:left;
		margin:0em ;
		}

			#menu ul li{
			background:transparent url(../img/all/bg_menu_li.gif) no-repeat 78% center;
			float:left;
			padding:.2em 4em .2em .5em ;
				/*width: 7em;*/
				width: 86px;
			}

				#menu ul li a, #menu ul li a:link{
				text-decoration:none;
				display:block;
				font-size:.8em;
				width: 9em;
				color:#ffffff;
				}

				#menu ul li:hover, #menu ul li.sfhover, #menu ul li.current {
				text-decoration:none;
				background:#1a1a1a url(../img/all/bg_li_level01.gif) no-repeat right top;
				display:block;
				}
					#menu ul li:hover a, #menu ul li.sfhover a, #menu ul li.current a{
					color:#33c733;
					text-decoration:none;

					}



				#menu li ul {
				position: absolute;
				width: 86px;
				left: -999em;
				background-color:#1a1a1a;
				}#menu li ul li {
				background:#1a1a1a none;}
					#menu li:hover ul, #menu li.sfhover ul {
						left: auto;
						margin-left:-.5em;
						}
						#menu li:hover ul li, #menu li.sfhover ul li{
							background:#1a1a1a url(../img/all/bg_li_level02.gif) no-repeat right center;
							text-decoration:none;
						}
							#menu li:hover ul li a, #menu li.sfhover ul li a{
							color:#FFFFFF;
							text-decoration:none;
							}
							#menu ul li li:hover, #menu ul li li.sfhover{
							text-decoration:none;
							background:#33c733 url(../img/all/bg_lihover_level02.gif) no-repeat right center;
							display:block;
							}

								#menu ul li li:hover a, #menu ul li li.sfhover a{
								color:#1a1a1a;
								text-decoration:none;
								}


		/*---fin de desplegable----*/



	#menu_home {
	background-color:#33c733;
	height:1.4em;
		margin:0em 0em 4.5em 0em ;
	}
		#menu_home ul{
		float:left;
		margin:0em ;
		}

			#menu_home ul li{
			display:block;
			width:118px;
			padding:.2em .08em .2em .5em ;
			}
			#menu_home ul li:hover,#menu_home ul li.sfhover {
			display:block;
			width:118px;
			padding:.2em .08em .2em .5em ;
			background-color:#1a1a1a;
			color:#33c733;
			}

				#menu_home ul li a, #menu_home ul li a:link, #menu_home ul li a:visited{
				text-decoration:none;
				display:block;
				font-size:.8em;
				color:#ffffff;
				}




			#menu_home ul li.current{
			display:block;
			width:118px;
			padding:.2em .08em .2em .5em ;
			background-color:#1a1a1a ;
			color:#33c733;
			}

			#menu li.current{
			display:block;
			padding:.2em 4em .2em .5em ;
			background-color:#1a1a1a;
			color:#33c733;
			}


				#menu_home ul li.current a, #menu_home ul li.current a:link, #menu_home ul li.current a:hover, #menu_home ul li a:hover{
				background-color:#1a1a1a;
				background:#1a1a1a url(../img/all/bg_current.gif) no-repeat right center;
				color:#33c733;
				background-color:#1a1a1a ;
				color:#33c733;
				}

	/*--submenu lateral--*/

	ul.menu_lateral, ul.menu_lateral_noticias{
		background-color:#efefef;
		padding:.4em .4em 3em .5em ;
		margin-bottom:1em;
	}
	ul.menu_lateral_noticias li{
		margin-bottom:1em;
	}
	ul.menu_lateral li a,
	ul.menu_lateral li a:link,
	ul.menu_lateral li a:visited,
	ul.menu_lateral_noticias li a,
	ul.menu_lateral_noticias li a:link,
	ul.menu_lateral_noticias li a:visited  {
		font-size:.8em;
		color:#666666;
		text-decoration:none;
	}
	ul.menu_lateral li a:hover, ul.menu_lateral_noticias li a:hover{
		text-decoration:underline;
	}


	ul.menu_lateral_noticias li a em{
		display:block;
		color:#333333;
		float:left;
		width:100%;
		font-style:normal;
		font-weight:bold;
	}

	ul.menu_lateral li.current a,
	ul.menu_lateral li.current ul li.current a.sub,
	ul.menu_lateral li.current a:link,
	ul.menu_lateral li.current a:visited
	ul.menu_lateral_noticias li.current a,
	ul.menu_lateral_noticias li.current ul li.current a.sub,
	ul.menu_lateral_noticias li.current a:link,
	ul.menu_lateral_noticias li.current a:visited  {
		font-size:.8em;
		color:#33c733;
		text-decoration:none;
	}

	ul.menu_lateral li.current ul li a.sub,
	ul.menu_lateral_noticias li.current ul li a.sub{
		color:#666666 ;
	}


	#contenido #barra_izq ul.menu_lateral li ul li{
		padding-left:1em;
	}


	/*--enlace subir al principio de la página--*/
	p.subir {
		text-align:center;
		float:left;
		width:100%;
		border-bottom:1px solid #c0c0c0;
	}

	p.subir a, p.subir a:link, p.subir a:visited{
		display:block;
		margin:0 auto;
		text-indent:-999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999em;
		background:#FFFFFF url(../img/all/btn_subir.gif) no-repeat center center;
		width:2.7em;
		padding-bottom:2em;
		height:2.7em;
	}


	/*--paginacion---*/

	.paginacion{
	float:left;
	width:100%;
	text-align:center;
	clear:both;
	margin-top:1em;
	border-top:1px solid #c0c0c0;}
	.paginacion.top{
	border-top:0px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;}


		.paginacion .numeros{
		display:block;
		float:left;}
		.paginacion .numeros a.current{
		color:#000000;
		font-weight:bold;}

		.paginacion .todos{
		display:block;
		float:right;}
		.paginacion .todos a{
		padding-right:2em;
		background:#FFFFFF url(../img/all/bg_siguiente.gif) no-repeat right center;}





	.paginacion a,
	 .paginacion a:link,
	  .paginacion a:visited {
	color:#808080;
	text-decoration:none;}
	.paginacion a:hover{
	color:#c0c0c0;
	text-decoration:underline;}

	.paginacion a.anterior {
	background:#FFFFFF url(../img/all/bg_anterior.gif) no-repeat left center;
	padding-left:2em;}
	.paginacion a.siguiente {
	background:#FFFFFF url(../img/all/bg_siguiente.gif) no-repeat right center;
	padding-right:2em;}





/*
----------------------FIN DE NAVEGACION----------------------------
*/


span.copy{
display:block;
float:right;
color:transparent;
text-indent:-999999999999999999999999999999999999em;
height:4em;
width:15em;}


/*
----------------------6. LISTADOS----------------------------
*/


/*--listado general--*/
#contenido .cuerpo_barra_izquierda ul{
font-size:.9em;
padding:1.2em 1em 2em 1em ;
font-weight:bold;
color:#666666;
}
	#contenido .cuerpo_barra_izquierda ul li{
	padding:0em 1em 1em 1em ;
	background: #FFFFFF url(../img/all/bullet.gif) no-repeat 0 .2em;
	}

		#contenido .cuerpo_barra_izquierda ul ul{
		font-size:1em;
		font-weight:normal;
		}



ul.listado_2colum{
margin:0;
padding:0;
float:left;
width:100%;
overflow:hidden;}

	ul.listado_2colum li{
	float:left;
		font-size:.8em;
		text-decoration:none;
	width:48%;
	height:12em;
	margin-right:1%;}

		ul.listado_2colum li a{
			text-decoration:none;
			float:left;
			width:100%;
			padding-bottom:2em;
			}

				ul.listado_2colum li a:hover{
				cursor:pointer;}

			span.img_texto_superior{
			float:left;
			background-color: #33c733;
			color:#FFFFFF;
			font-size:.7em;}

				span.img_texto_superior img, span.img_texto_superior em{
				font-style:normal;
				float:left;
				text-decoration:none;
				border:0;
				clear:both;}

				span.img_texto_superior em{
				padding-left:1em;}

				ul.listado_2colum li strong.titulo_noticia, ul.listado_2colum li span.texto{
				font-style:normal;
				float:left;
				text-decoration:none;
				border:0;
				width:52%;
				padding-left:3%;
				display:block;
				height:60px;}

					ul.listado_2colum li a strong{
					color:#333333;}
					ul.listado_2colum li a:hover strong{
					color:#33c733;}

				ul.listado_2colum li span.texto,
				ul.listado_2colum li span.texto p{
				color:#666666;
				font-size:.9em;
				padding-bottom:0px;
				}
				ul.listado_2colum li span.mas{
				color:#666666;
				width:56%;
				float:right;
				padding-right:1%;
				padding-bottom:1%;
				text-align:right;
				border-bottom:1px solid #CCCCCC;
				font-size:.9em;}

					ul.listado_2colum li a:hover span.mas{
					color:#33c733;
					border-bottom:1px solid #33c733;}

			ul.listado_2colum li div.container {
				width:100px;
			}

			/*--listado_detalle_noticias--*/

			 span.img_texto_superior.detalle_noticias{
			 background-color:#333333;}


			ul.listado_detalle_noticias{
			margin-top:.5em;
			float:left;
			clear:both;
			width:100%;
			text-align:justify;
			}

			ul.listado_detalle_noticias .img_texto_superior{
			background-color:#333333;
			}



				ul.listado_detalle_noticias li{
				display:block;
				float:left;
				width:32%;

				}
					ul.listado_detalle_noticias li img{
					width:110px;

					}


			/*--resultados busqueda--*/

			.busqueda_resultado{
			float:left;
			margin-top:1em;
			clear:both;
			width:100%;}

			.busqueda_resultado p{
			border-bottom:1px dotted #666666;}
			.busqueda_resultado .paginacion p{
			border-bottom:0px solid #666666;}
			.busqueda_resultado .paginacion.top{
			border-bottom:1px solid #666666;}

				.num_resultados{
				color:#333333;
				text-transform:uppercase;
				font-weight:bold;}

				.listado_busqueda_resultado{
				float:left;
				clear:both;
				width:100%;}

				.listado_busqueda_resultado li{
				font-size:.75em;
				padding:1em 0em;
				border-bottom:1px solid #999999;}

					.listado_busqueda_resultado li .numero_enlaces{
					width:100%;
					display:block;
					clear:both;
					float:left;}
					.listado_busqueda_resultado li .numero_enlaces strong{
					padding-right:1em;}

					.listado_busqueda_resultado li .numero_enlaces a{
					padding-left:1.2em;
					padding-right:1.2em;
					color:#33c733;
					font-style:normal;
					text-decoration:none;
					background:#FFFFFF url(../img/all/bg_descarga.gif) no-repeat left center; }
					.listado_busqueda_resultado li .numero_enlaces a:hover{
					text-decoration:underline; }


					.listado_busqueda_resultado li span.descripcion{
					color:#999999;
					padding:.5em 0;
					display:block;}


			li.descargas{
			height:9em;
			overflow:hidden;
			padding-top:1em;
			background:#FFFFFF url(../img/all/bg_descarga_grande.gif) no-repeat 90% center;
			border-bottom:1px solid #999999;}
				li.descargas a{
				display:block;}
				li.descargas a span{
				display:block;
				float:left;
				clear:both;
				padding:.2em;
				font-weight:bold;
				font-size:.9em;
				margin:0em;
				color:#666666;}
				li.descargas a:hover span{
				color:#999999;}

				li.descargas a .top_archivo{
				background-color:#333333;
				clear:both;
				color:#FFFFFF;
				text-transform:uppercase;
				padding:.4em;
				width:70%;
				margin:.5em 5em .5em 0em ;}

				li.descargas a .titulo_archivo{
				float:left;
				width:70%;}

		.listado_imagenes ul li{
		width:25%;
		float:left;
		padding:1em 0;
		}

		.listado_imagenes ul li a span.img_texto_superior{
		background-color:#666666;}

/*
----------------------FIN DE LISTADOS----------------------------
*/
/*
----------------------7. DESTACADOS----------------------------
*/
div.barra_online{
color:#FFFFFF;
margin-bottom:.3em;
height:136px;}

	div.barra_online span{
	display:block;
	text-indent:-99999999999999999999999999999999999999999999999em;
	height:8.5em;}

div.barra_forum{
color:#FFFFFF;
margin-bottom:.3em;}

	div.barra_forum span{
	display:block;
	text-indent:-99999999999999999999999999999999999999999999999em;
	height:7em;}

div.barra_awards{
color:#FFFFFF;}
div.barra_awards a, div.barra_awards a:link, div.barra_awards a:visited {
color:#FFFFFF;
display:block;
padding:1em;
font-size:.7em;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;}

div.barra_online img {
	z-index:1;
	position:relative;
}
div.barra_online .bannerTexto {
	position:relative;
	top:-114px;
	z-index:10;
	width:81px;
	height:113px;
	font-size:25px;
	font-family:miso;
	padding-left:9px;
	text-transform:uppercase;
	line-height:25px;
}

div.barra_online a {
	color:#FFF;
}
div.barra_online .bannerTexto.small {
	height:29px;
	top:-32px;
	font-size:16px;
}

/*
----------------------FIN DE DESTACADOS---------------
*/


/*
----------------------8. FORMULARIOS----------------------------
*/

form.bg_gris{
background-color:#efefef;
padding:1em;
}

	form.bg_gris p{
	margin:.5em 0;
	}

		form.bg_gris label{
		border:0;
		padding-right:1em;
		}

		form.bg_gris input.texto{
		border:0;
		width:15em;
		}

		form.bg_gris select{
		border:0;
		width:15em;
		}

		form.bg_gris input.enviar{
		border:0;
		background:transparent url(../img/all/btn_enviar.gif) no-repeat right center;
		color:#33c733;
		float:right;
		padding-right:1em;
		font-weight:bold;
		cursor:pointer;
		}
			form.bg_gris input.enviar:hover{
			background:transparent url(../img/all/btn_enviar-hover.gif) no-repeat right center;
			color:#1a1a1a;
			}


/*
----------------------8.FIN DE  FORMULARIOS----------------------------
*/




/*
----------------------. estilos----------------------------
*/

em.fecha{
font-style:normal;
color:#33C733;
font-size:.8em;
font-weight:bold;}









/*
----------------------. PIE----------------------------
*/



	#pie p{
	margin:1.5em;
	color:#FFFFFF;
	float:left;
	font-size:.7em;
	font-family:Arial, Helvetica, sans-serif;}
	#pie p a, #pie p a:link{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;}
	#pie ul {
	margin-top:1em;
	margin-right:1.5em;
	float:right;}

	#pie ul li{
	color:#FFFFFF;
	margin:.5em;
	font-size:.8em;
	float:left;}

	#pie ul li a, #pie ul li a:link{
	color:#FFFFFF;
	text-decoration:none;}

#logos p{
text-align:center;}


/*
----------------------FIN DE PIE----------------------------
*/