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

body {
	margin:3px;}

#container {
	background-color:#FFFFFF;
	margin:0 auto;
	width:75%;
	min-width:900px;
	max-width:1200px;}
	
#cabecera {
	float:left;
	width:99.8%;
	_width:99%;
	margin-bottom:2px;
	background-image:url(../images/index-cabecera-image.jpg);
	border:thin solid #b598ec;}
	
#logofrase {
	float:left;
	width:30%;}

#indexlogo {
	float:left;
	width:31%;
	padding-top:10px;
	padding-bottom:10px;}
	
#indexlogo img {
	width:90%;
	margin-left:5%;}
	
#imglogo {
	float:left;
	width:100%;}
	
#imagencabecera {
	float:left;
	width:60%;}
	
#imagencabecera img {
	width:100%;
	height:150px;
	float:right;}

#frase {
	float:left;
	width:100%;
	font-family:Times New Roman, Times, serif;
	font-size:13px;
	_font-size:10px;
	color:#609;}
	
#frase h1 {
	font-size:10px;
	_font-size:9px;
	font-weight:100;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;}

	
#buscador {
	width:69%;
	float:left;
	margin:10px 0 0 0;
	*position:absolute;
	*top:5px;
	*right:15%;}
	
#traductor {
	width:69%;
	float:left;
	margin:10px 0 0 0;
	*position:absolute;
	*top:5px;
	*right:15%;}
	
#cse-search-form, .cities {
	float:right;
	width:50%;}
	
	
#xarxes {
	width:10%;
	height:20px;
	float:right;}
	
	#xarxes table {
		width:100%;
		height:30px;}
		
	#xarxes td {
		width:20px;
		margin-top:0px;}
	
	#xarxes tr {
		height:20px;}
		
	#xarxes a {
		margin-top:0px;}
	
	

	
	
	
#menup {
	padding-left:1%;
	width:99%;
	height:20px;
	float:left;
	_width:105%;
	*width:99%;
	background-color:#423458;
	_padding-left:0%;
	_background:url(../images/menup-lila.jpg) repeat-x;
	_border-bottom:none;}
	
#menup ul {
	margin-left:-4%;
	margin-top:0px;
	*margin-left:0px;
	_margin-left:0px;}
	
#menup ul li {
	display:inline;
	padding:0px 5px;
	_padding:0px 1px;}
	
#menup ul li a {
	text-decoration:none;
	font-family:Times New Roman, Times, serif;
	font-size:10px;
	font-weight:200;
	_font-size:8px;
	.font-size:9px;
	*font-size:9px;
	_color:#EEE;}
	

	
.normal:hover {
	color:#e2d3ff;}
	
	
	.languages:hover {
	color:#FFF;}
	
#menup li a:hover {
	padding-left:1px;}	
	
	.normal {
		color:#FFF;}
	
.languages {
	color:#b598ec;}
	
	
	

	
/*SITUACION*/
#situacion {
	float:left;
	width:100%;
	height:15px;
	padding-top:5px;
	font-family:Tahoma, Helvetica, Geneva, Arial, sans-serif;
	text-transform:uppercase;}
	
#situacion, #situacion a, #situacion strong {
	color:#999;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;}
	

	
#situacion strong {
	color:#09F;}
	
#situacion a:hover {
	color:#09F;
	text-decoration:underline;}
/*SITUACION*/

/*LAYOUT*/	
#layout {
	float:left;
	width:100%;
	_margin-top:-20px;}

/*MENUDER*/

#menuder {
	
	width:13%;
	float:left;
	border-left:#999999 1px dashed;
	padding-left:1%;
	*width:10%;
	*padding-left:0px;}
	
object {
	width:100%;
	height:100px;
	*width:90%;
	_width:90%;}

/*MENUDER*/
	
#menuiz {
	float:left;
	width:20%;
	padding-top:1px;
	*margin-left:40px;
	_margin-left:0px;
	_padding-top:3px;}
	
#menuiz ul {
	margin-left:-40px;
	margin-bottom:30px;
	_margin-left:0px;}
	
#menuiz li {
	font-size:10px;
	_font-size:8px;}

#menuiz ul li {
	background-color:#09F;
	padding:2px;
	*padding:0px;
	margin-bottom:6px;}
	
#menuiz ul li.gris {
	background-color:#999;}
	
#menuiz ul li.gris a:hover {
	color:#C1E0FF;}	
	
#menuiz li, #cabecera ul li {
	font-family:Tahoma, Helvetica, Geneva, Arial, sans-serif;
	font-weight:bold;
	list-style:none;
	padding:5px 0;
	color:#666666;}
	
#menuiz li:hover {
	color:#CCC;
	padding-left:1px;}
	
#menuiz a {
	color:#FFF;
	text-decoration:none;
	_margin-left:4px;}

#menuiz li a:hover {
	color:#CCC;}
	
#centro {
	width:65%;
	float:left;
	min-height:300px;
	*width:65%;
	_width:65%;}
	
#text {
	font-family:Tahoma, Helvetica, Geneva, Arial, sans-serif;
	font-size:12px;
	color:#777;
	line-height:20px;
	letter-spacing:2px;
	padding:0px 3% 7px 3%;
	text-align:justify;
	clear:left;}
	
#text li {
	list-style:square; color:#666;}
	
#text strong {
	color:#09F;}
	
#text a {
	color:#C00;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;}
	
#text a:hover {
	text-decoration:underline;}
	
/*LAYOUT*/	

/*FOOTER*/
#footer {
	width:100%;
	float:left;
	border-top:#b598ec medium solid;
	color:#423458;}
	
#validator {
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;}
	
#validator img {
	margin-left:45%;}
	
#validator a {
	border:none;}
	
	

	
.enlaces {
	float:left;
	width:100%;
	text-align:center;
	font-size:10px;
	color:#423458;
	margin-top:20px;}
	
.enlaces a {
	color:#423458;
	text-decoration:none;}
	
.enlaces a:hover {
	color:#b598ec;
	text-decoration:underline;}
	
	
/*FOOTER*/