/* CSS Document */

/*## Estilos Generales ############################################################# */

    * {
        /* Resetea los margenes y los rellenos de los navegadores */
        margin: 0;
        padding: 0;
        font-size: 100%;
    }

    html {
        /* Siempre muestra la barra de scroll */
        height: 100%;
        margin-bottom: 1px;
    }

	body {
		background-image:url(../img/fnd_publiselecta.jpg);
		background-repeat:repeat-x;
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.8em;
		color:#FFF;
		background-color:#525252;
	}

	
	h1 {
		font-size:3em;
		font-family: Geneva, Arial, Helvetica, sans-serif;
	}

	h2 {
		font-size:2.4em;
		font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	h2#frase {
		font-size:2.8em;
		font-family: Geneva, Arial, Helvetica, sans-serif; }

	h3 {
		font-size:1em;
	}

	h4 {
		font-size:0.8em;
	}


	a {
		color:#FFF;
		text-decoration:underline;
		background-color: inherit;
		position:relative;
	}
	
	img {
		border: 0;
	}
	
	
	ul {
		list-style-type:none;
		list-style-position:outside;
		list-style-image:none;
		margin:0;
		padding:0;
	}

	p {
		text-align:justify;
		font-size:0.8em;
		margin: 1em 0;
	}
	
	strong {
	}
	
	fieldset {
		border:0;
	}
/*## Estructura ############################################################# */

	#contenedor {
		width: 75em;
/*		border:1px solid white;*/
		margin: 0 auto;
		padding: 1em 0 0.3em 0;
	}
	
	#cabecera {
		text-align:left;
		width: 75em;
		display:inline;
	}

	#cabecera h1 {
		font-family:Times, "Times New Roman", Arial, sans-serif;
		text-indent:-9000px;
		font-size:0.1em;
	}

	#cabecera img {
		margin-bottom: -32px;
		float:left;
	}
	
	#contenedor #cabecera ul {
		display:inline;
		float:right;
		border-bottom:1px solid #F49B00;
		padding: 0.4em 0;
	}
	
	#contenedor #cabecera ul li {
		display:inline;
		margin: 0 0 0 0.8em;		
	}

	#contenedor #cabecera ul li a {
		text-decoration:none;
		padding: 0.25em 0.5em 0.4em 0.5em;
	}

	#contenedor #cabecera ul li a:hover {
		background-color:#3d3d3d;
		color:#FFF;
	}
	
	#contenedor #slogan {
		width: 71em;
		margin:2em 0em 0em 2em;
		text-align:left;
	}
	
	#contenedor #productos {
		width:50em;
		float:left;
	}

	#contenedor #productos h3, #contenedor #noticias h3 {
		border-bottom: 1px solid #F49B00;
		padding: 0 1em 0.4em 1em;
		text-align:right;

	}
	
	#noticias h4 {
		margin-top: 1em;
	}

/* **** */	
	#contenedor #productos #menu ul li {
		float:left;
		width:171px;
		margin: 0 0 0 2.4em;
		position:relative;
		display:inline;
	}

	#menu ul {
		z-index:50;
	}

	#menu ul li a {
		text-decoration:none;
		padding:5px 10px 10px 10px;
		display:block;
		height:20.5em;
		margin: 0.5em 0 0 0;
	}

	#menu ul li a:hover {
		background:#333 none repeat scroll 0% 50%;
		display:block;
		width:151px;
		color:#FFF;
	}

	#menu ul ul {
	visibility:hidden;
	width:151px;
	position:absolute;
	height:0;
	top:21.5em;
	left:0; 
	}
	
	#menu ul li ul li {
		margin:0 !important;
		height:0px;
		text-align:right;
	}

	#menu ul li ul li a, #menu ul li ul li a:hover  {
		background:#000;
		margin:0;
		padding:0 10px 0 0;
		height:1.5em;		
		display:block;
		width:161px;
		color:#F49B00;
	}

	#menu ul ul a, #menu ul ul a:hover {
		display:block;
		height:1.5em;
	}

	#menu :hover > a, #menu ul ul :hover > a {
		background:#333;
		color:#FFF;
	}

	#menu ul li:hover ul, #menu ul a:hover ul {
		visibility:visible; 
	}

/* **** */

	#contenedor #productos #menu ul li .titulo {
		margin: -15px 0 5px 0;
	}
		
	#contenedor #noticias {
		float:right;
		width:22em;
		margin-bottom:1em;
	}

	#contenedor #noticias p {
		padding: 0em 1.15em 0 1.15em;
	}
	
	#contenedor #pie {
		border-bottom: 1px solid #F49B00;
		border-top: 1px solid #F49B00;
		margin:3em 0 0em 0;
		text-align:right;
		font-size:0.7em;
		padding: 0.3em 1em;
	}

	#contenedor #pie ul {
		padding:0;
		margin-right: 15px;
	}

	#contenedor #pie ul li {
		display:inline;
/*		margin-left:1.5em;*/
	}

	#contenedor #pie ul li a {
		text-decoration:none;
	}

	#contenedor #pie ul li a:hover {
		text-decoration:underline;
	}
	
/*** Pie de Página *************************/
	#pielegal {
		float:left;
		width:380px;
		text-align:left;		
	}

	#pielegal li {
		text-align:left;
		margin-right:1.5em;
	}


	#enlacesgrupo li {
		float:right;
		position:relative;
		width:90px;
	}

	#enlacesgrupo li a {
		text-decoration:none;
		display:block;
		height:1em;
	}

	#enlacesgrupo ul {
		visibility:hidden;
		width:auto;
		position:absolute;
		height:0;
		top:-95px;
		left:0px; 
	}
	
	#enlacesgrupo li ul li {
		margin:0 !important;
		height:0px;
		text-align:left;
		float:none;
	}

	#enlacesgrupo li ul li a, #enlacesgrupo li ul li a:hover  {
		background:#3d3d3d;
		margin:0;
		padding:0.2em 0.5em 0.6em 0.5em;
		height:auto;
		display:block;
		width:115px;
		color:#F49B00;
		text-align:left;
	}

	#enlacesgrupo ul a, #pie ul ul a:hover {
		display:block;
		height:1.5em;
	}

/*	#pie :hover > a, #pie ul ul :hover > a {
		background:transparent;
		color:#FFF;
	}*/

	#enlacesgrupo li:hover ul, #enlacesgrupo a:hover ul {
		visibility:visible;
	}

	#contenido {
		text-align:justify;
		margin:0em 0 0 1em;
		padding-top:0.6em;
	}

/*	#contenido h2 {
		font-size:2.2em;
		font-family: Geneva, Arial, Helvetica, sans-serif;		
	}*/

	#contenido li {
		font-size:0.8em;
		margin-left:1em;
	}
	
	#migasDePan {
		margin-top:0em;
		font-size:0.75em;
		margin-bottom:1em;
		width:100%;
	}
	
	#player {
		margin-top:1.2em;
	}

	/*portfolio*/
	.portfolio {
		float:left;
		width:19em;
/*		border:1px solid white;*/
	}
	
	.portfolio li {
		background-color:#464646;
		color:#FFF;
		height: 55px;
		margin-bottom:1em;
		width:180px;
		padding: 5px 0 0 0;
		font-size:0.8em;
		position:relative;
		line-height:110%;
		text-align: left;
	}

	.portfolio li img {
		margin:0 0.5em;
	}

	.portfolio li a {
		background-color:#222;
		display:block;
		width:115px;
		float:right;
		padding: 1px 5px 1px 0;
		text-align:right; 
		color:#F49B00;
		text-decoration:none;
		position:absolute;
		top:40px;
		left:60px;
	}
	
	.portfolio h2 {
		font-size:1em !important;
		margin-left:1em;
	}
		
	#clientes {
		width:14em;
		background-color:#5A3C1F;
		color:#FFF;
		float:right;
		margin-right:1em;
		padding:0.1em 1em 1em 1em;
	}

	#clientes h2 {
		font-size:1em !important;
		margin-left:0.7em;
	}
	
	#clientes li {
		font-size:0.6em;
		line-height:1.4em;
		text-align:left;
		list-style-position: outside;
		list-style-image:url(../img/flecha.jpg);
		margin-left:23px;
	}
	
	#player {
		text-align:center;
	}
/*## Diseño ############################################################# */	

	.naranja {
		color:#F49B00;
		background-color:#CCC;
	}
	
	.seleccionado {
		border-top: 1px solid #F49B00;
		border-left: 1px solid #F49B00;
		border-right: 1px solid #F49B00;	
		border-bottom: 1px solid #000;
		padding: 0.25em 0.5em 0.4em 0.5em;
		position:relative;
	}
	
	.ver_mas {
		vertical-align:middle;
		margin-top:1px;
	}
	
	.derecha {
		float:right;
	}

	.izquierda {
		float:left;
	}
	
	.titulo {
		font-size:0.8em;
		display:block;
	}
	
	.contenido {
		font-size:0.8em;
		text-align:justify;
		display:block;
	}
	
	.imagen {
		margin:5px 10px 1em 4em;
	}
	
	.enlace {
		background-color:#3d3d3d;
		color:#F49B00;		
		margin:2em 0 0 0;
		width:51.9em;
		padding:0.2em;
		text-align:right;
	}
	
	.enlace a {
		background-color:#3d3d3d;
		color:#F49B00;
		text-decoration:none;
	}
	
/*** Formulario y página de Contacto *************************/
	
	#formulario {
		width:40em;
		margin:1em 5em 1em 0;
		float:left;
	}	
	
	#formulario label {
		display:block;
	}
	
	.campoTexto {
		background:#3d3d3d none repeat scroll 0%;
		border-color:#666;
		border-style:none none solid;
		border-width:medium medium 1px;
		color:#FFFFFF;
		display:inline;
		font-size:1.6em;
		margin:0pt 0pt 20px;
		padding:4px;
		width:350px;		
	}
	
	.areaTexto {
		background:#3d3d3d none repeat scroll 0%;
		border-color:#555555;
		border-style:none none solid;
		border-width:medium medium 1px;
		color:#FFFFFF;
		font-size:1.4em;
		height:150px;
		margin:0pt 0pt 20px;
		overflow:auto;
		padding:4px;
		width:500px;
	}
	
	#datosContacto {
		width:28em;
		margin:1em 0;
		float:left;
		padding-top:1em;
	}
	
	#datosContacto h3 {
		font-size:1.3em;
	}
	
	#datosContacto div.datos {
	font-size:1.0em;
	margin:0.8em 0 2em 0;
	}
	
	input.botonuco, .botonuco {
		background-image:url(../img/boton.gif);
		background-repeat:no-repeat;
		width:60px;
		height:29px;
		display:block;
		border:0px solid #000;
	}