/* Indice:
	Cabecera
	Encabezado
	Estructura
	Navegacion
	Listas
	Formularios
	Links
	Varios
----------------------------------*/



/* Cabecera
-----------------------------------*/
* {padding: 0; margin: 0; }

body {height: 100%}
html {height: 100%}

	body {
		color: black;
		background-color: #fff;/*#eee;*/
		margin: 0;
		padding-top: 20px;
		text-align: center;
		/* background-image: url(pic/fondoweb.png); */
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 70%;
		font-weight: normal;
		background-image:url(../pic/bg.jpg);
	}

a img{ border:0;}



/* Encabezado
----------------------------------*/
	h1 {font-style: italic}
	h2 {font-style: normal}
	h3 {font-style: oblique}
	p {font-style: oblique}

/* Estructura
----------------------------------*/
#web_baner_barra, #web_baner_contenido, #contenido, #web_baner_lng, #web_inferior	/*Anchura total de la web*/
	{
	width:980px;
	margin: 0 auto 0 auto;
	}

#web_baner_contenido, #web_baner_lng, #web_inferior					/*Color de fondo del baner y el pie de pagina*/
	{
	background-color: #E4E4E4;
	}

#web_baner_lng										/*Las banderas de los idiomas*/
	{
	text-align: right;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #989898;
	}
	.baner_lng									/*Margen derecho de la última bandera*/
		{
		padding-right: 40px;
		}

#contenido									/*Los div que forman el menu principal y la pagina dinamica*/
	{
	overflow: visible;
	background-color: #fff;
	}

#contenedor					/* Es necesario poner un ancho o alto para que IE "limpie" el elemento automaticamente */
	{
	width: 980px;
	height: 100%;
	}

#contenido:after				/* Limpiamos el contenedor para los navegadores que si funcionan como deben */
	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: visible;
	}

	#izquierda, #derecha
		{
		float: left;
		min-height: 500px;
		height: auto !important;
		height: 500px;
		}


	#izquierda
		{
		width:810px;
		border-right: 2px dotted #E3E8C7;
		}
	
	
	#derecha
		{
		width: 160px;
		}
											/*Propiedades del menu principal*/
	#web_contenido_der_aitor, #web_contenido_der_inuit, #web_contenido_der_inf, #web_contenido_der_img
				{
				padding: 10px;
				text-align: left;
				}

	#web_contenido_der_aitor, #web_contenido_der_inuit
				{
				border-bottom: 2px dotted #E3E8C7;
				}

	#web_inferior									/*El pie de pagina*/
		{
		padding: 5px 0 5px 0;
		border-top: 1px solid #989898;
		}

	#inicio, #pag_contenedor_col
		{
		width: 750px;
		text-align: left;
		margin: 0 auto 0 auto;
		padding: 20px 0 0 0;
		}

	#pag_contenedor_col1, #pag_contenedor_col2, #pag_contenedor_col3
		{
		width: 33%;
		height: 100%;
		text-align: center;
		float: left;
		}

		#pag_contenedor_col2
			{
			border-left:  2px dotted #E3E8C7;
			border-right: 2px dotted #E3E8C7;
			}

	#mi_estacion
		{
		width: 700px;
		text-align: left;
		margin: 0 auto 0 auto;
		padding: 20px 0 20px 0;
		}

	#admin
		{
		width:190px;
		margin: 30px auto 0 auto;
		padding: 10px;
		text-align: left;
		background-color: #E4E4E4;
		border: 1px solid #000;
		}

	#qrp_web, #qrp_add, #qrp_update, #qrp_erase, #trab_add
		{
		width: 750px;
		text-align: left;
		margin: 0 auto 0 auto;
		padding: 20px 0 20px 0;
		}
		.pic, .txt_qrp
			{
			margin: 10px;
			}
		.txt_titulo
			{
			margin-left: 10px;
			}
		.pic
			{
			padding: 5px;
			float: left;
			background-color: #D0CBA3;
			border: 1px solid #000;
			}
	
		.txt_titulo
			{
			text-align: left;
			font-weight:bold;
			font-size: 150%;
			}
		.fecha_qrp
			{
			margin-top: 20px;
			color: #999999;
			}

	#add_user
		{
		width:160px;
		margin: 30px auto 0 auto;
		padding: 10px;
		text-align: left;
		background-color: #E4E4E4;
		border: 1px solid #000;
		}

	#add_proyectos, #del_proyecto
		{
		width:160px;
		margin: 30px auto 0 auto;
		padding: 10px;
		text-align: left;
		background-color: #E4E4E4;
		border: 1px solid #000;
		}
	#update_proyectos
		{
		width:650px;
		margin: 30px auto 0 auto;
		padding: 10px;
		text-align: left;
		background-color: #E4E4E4;
		border: 1px solid #000;
		}


	#trab_web, #trab_web_paginas
		{
		text-align: center;
		margin: 30px auto 0 auto;
		width:700px;
		}
		.tbl_trabajos
			{
			width:233px;
			text-indent: 3px;/* Justificado */
			border: 1px solid #999999;
			text-align: left;
			}
			.tbl_trabajos_titulo
				{
				width:213px;
				margin: 5px;
				padding: 5px;
				vertical-align: middle;
				color: #666666;
				background-color: #e6e6e6;
				font-size: 12px;
				text-transform: uppercase;
				text-indent: 3px;
				}
			.tbl_trabajos_mas
				{
				margin: 10px 0 10px 5px;
				text-indent: 3px;
				}

	#trab_web_id
		{
		margin: 0 auto 0 auto;
		width:600px;
		text-align: left;
		}
		#trab_web_id_img
			{
			margin: 30px auto 0 auto;
			}
		#trab_web_txt
			{
			margin: 10px auto 0 auto;
			}
		#trab_web_parrafo
			{
			margin: 10px auto 0 auto;
			padding: 10px;
			width:580px;
			border: 1px solid #999999;
			background-color: #e6e6e6;
			}
		#trab_web_atras
			{
			text-align: right;
			margin: 10px auto 10px auto;
			}

	#acerca_de, #web_copy
		{
		margin: 40px auto 0 auto;
		padding: 10px;
		min-height: 240px;
		height: auto !important;
		height: 240px;
		width:550px;
		border: 1px solid #999999;
		background-color: #e6e6e6;
		text-align: left;
		font-size: 125%;
		}


/* Estilos y maquetación que simulan una targeta de visita ant. 10-11-2008 */
	#contacto
		{
		width: 400px;
		margin: 20px auto 0 auto;
		}
	#targeta {
		width: 400px;
		border: solid 1px #000000;
		padding: 15px;
		float: left;
		}
		/*columna izquierda la que contine la imagen del producto a promocionar*/
		#targeta_izq {
			width: 150px;
			float: left;
			text-align: left;
			}
		/*columna derecha la que contine las caracteristicas del producto a promocionar*/
		#targeta_der {
			width: 180px;
			float: right;
			text-align: left;
			}
		#targeta_txt{
			text-align: center;
			padding: 10px 0 15px 0;
			}

#web_buscar
	{
	padding: 10px;
	background-color: #f5f5f5;
	border: 1px solid #000;
	}
	#web_buscar_dat, #tbl_buscar
		{
		margin: 20px 0 20px 0;
		}
		#web_buscar_dat_izq, #web_buscar_dat_der
			{
			width: 50%;
			text-align: left;
			}
		#web_buscar_dat_izq
			{
			text-align: left;
			}
		#web_buscar_dat_der
			{
			text-align: right;
			}

/* Navegacion
----------------------------------*/
A:link.enlace {text-decoration:none;color:#000;font-weight: bold;}
A:visited.enlace {text-decoration:none;color:#000;font-weight: bold;}
A:hover.enlace {text-decoration:none;color:#4E6B4A;font-weight: bold;}
A:active.enlace {text-decoration:none;color:#000;font-weight: bold;}

	/* Menu Horizontal desplegable */
	#menu_admin
		{
		
		}
	#menu_contenido 
		{
			margin-top: -20px;
			margin-bottom: 20px;
			background-color: #993333;
			min-height: 21px;
			height: auto;
			height: 21px;
			/*border-bottom: 1px solid #666666;*/
			
		}

	#menu {		width: 100%;
			float: left;
			text-align: left;
	}
	
	#menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 10em; /*Tamaño celda*/
		float: left;
	}
	
	#menu a {
		font: bold 11px/16px arial, helvetica, sans-serif;
		display: block;
		border-width: 1px;
		border-style: solid;
		border-color: #ccc #888 #555 #bbb;
		margin: 0;
		padding: 2px 2px;
	}
	
	#menu h2 {
		color: #000;
		background: #993333;
		text-transform: uppercase;
		font: bold 12px/17px arial, helvetica, sans-serif;
		display: block;
		border-style: none;
		margin: 0;
		padding: 2px 2px;
	}
	
	#menu a {
	color: #000;
	background: #efefef;
	text-decoration: none;
	}
	
	#menu a:hover {
	color: #a00;
	background: #fff;
	}

	#menu li {position: relative;}
	
	#menu ul ul {
	position: absolute;
	z-index: 500;
	}
	
	#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	}
	
	div#menu ul ul,
	div#menu ul li:hover ul ul,
	div#menu ul ul li:hover ul ul
	{display: none;}
	
	div#menu ul li:hover ul,
	div#menu ul ul li:hover ul,
	div#menu ul ul ul li:hover ul
	{display: block;}


/* Listas
----------------------------------*/
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

/* Formularios
----------------------------------*/

/* Links
----------------------------------*/
a:link, a:visited
	{
	color: #0066cc;
	text-decoration: none;
	}

a:hover
	{
	color: #990000;
	text-decoration: underline;
	}

/* varios
----------------------------------*/
	/* Elimina las alineaciones CSS */
	.clear{clear:both;}
/*<div style='clear:both;'></div>*/