body {

	background-color: #030F63;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0px;

	padding: 0px;

	font-size: 16px;

	color: #006;

}



#todo {

	background-color: #fff;

	text-align: left;

	margin-left:auto;

	margin-right:auto;

	border:2px solid #039;

	width: 780px;

	height:auto;

	padding-top: 0px;

	overflow:hidden;

}



#animacio a {
	color: #903;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;

}

#animacio a:hover {

	color: #903;

	text-decoration: underline;

}

#animacio a:visited {
	color: #CC0642;
	text-decoration: none;
	font-size: 16px;

}



#subtitulo {

	font-size: 11px;

	text-align: left;

	margin: 0px;

	color: #036;

	background-image: url(images/sombra.jpg);

	background-repeat: no-repeat;

	background-position:top;

	padding-top: 1px;

}

#subtitulo a {

	font-size: 11px;

	color: #903;

	text-decoration: none;

}

#subtitulo a:hover {
	color: #903;
	text-decoration: underline;

}

#subtitulo a:visited {
	color: #CC0642;
	text-decoration: none;
	font-size: 11px;
}

.textos1 {

	text-align: left;

	margin-left: 40px;

	margin-right: 400px;

}

.textos1bis {

	text-align: left;

	margin-left: 40px;

	margin-right: 320px;

}

h1 {

	font-size: 16px;

	font-weight: normal;

}

h2, .textos2, .noticias {

	font-size: 15px;

	text-align: left;

	margin-left: 40px;

	margin-right: 215px;

	list-style-image: url(images/list.jpg);

	line-height:21px;

}

.noticias {

	font-size: 14px;

	margin-right: 60px;

	}



.right {

	text-align: right;	

	}

.textos2explicacion {

	text-align: left;

	margin-left: 40px;

	margin-right: 100px;

	color:#666;

	font-size:14px;

}

.textos3 {

	text-align: left;

	margin-left:40px;

	margin-right:50px;

	margin-top:27px;

}

h3 {

	font-weight: bold;

	font-size: 36px;

	font-style: normal;

	color: #99ccff;

	text-align: left;

	margin-left: 40px;

}

#year {

	font-size: 21px;

	height: 15px;

	width: 670px;

	color:#FFF;

	/*background-color:#903;*/

	background-image: url(images/bg_noticias.jpg);

	background-repeat: repeat-y;

	text-align:left;

	font-weight: bold;

	overflow: hidden;

	padding-top: 11px;

	padding-right: 7px;

	padding-bottom: 16px;

	padding-left: 30px;

}



/*****************************************CABECERA START*/

#header {
	font-size: 10px;
	background-image: url(images/mcamps_aniversario.jpg);
	background-repeat: no-repeat;
	height: 133px;
	width: 780px;
	background-position: center;
	overflow:hidden;

}

#idioma {

	display:inline;

	float:right;

	height:50px;

width: 127px;

	font-size: 11px;

	text-decoration: none;

	text-align: right;

	padding:0px 0px 0px 0px;

	margin:34px 0px 0px 0px;

	color: #036;

}

/*idioma

	

	position: relative;

	left: 652px;

	top: 110px;

	z-index:50;

*/

#idioma ul {

	list-style-type: none;

}

#idioma ul li{

	float: left;

}



#idioma a {

	color: #fff;

	display: block;

	text-decoration: none;

}

/*****************************************CABECERA END*/



/*****************************************MENU*/

#menuw {

	width: 792px;

}



#menu {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-style: normal;

	font-weight:bold;

	text-decoration: none;

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

}

#menu a {

	color: #FFF;

	display: block;

	width: 131px;

	

	height:24px;

	text-decoration: none;

	text-align: center;

}



#menu ul {

	list-style-type: none;

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

}



#menu ul li {

	margin: 0px;

	padding:0px 0px 0px 0px;

	line-height:24px;

	float: left;

	background-color: #039;

	_width: 1px;  /* width needed or else Opera goes nuts OJOOOOOOOOO*/

}



#menu ul li#actual {

	width: 131px;

	height: 24px;

	color: #FC0;

	background-color: #039;

	text-decoration: none;

	}



#menu ul li a:hover{

	color:#036;

}



div.mainmenu ul a:hover {

	background-color: #d3e7f4;

	background-image: none;

	color: #036;

}

/* .........................................color fons hover 1px celda*/

#menu ul li:hover, #menu ul li.sfhover{

	color: #036;

	background-color: #d3e7f4;

}



/*  ..........................ie6 start*/



#menu li ul { /* second-level lists */
	position: absolute;
	background: #c1d0de;
	width: 112px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}

#menu li ul ul { /* third-and-above-level lists */

	margin: -1em 0 0 10em;

}

#menu li:hover ul ul, #menu li.sfhover ul ul {

	left: -999em;

}



#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {

	left: auto;

}

/*  ..........................ie6 end*/

#menu li span {

  padding: 0 0px;

  display: block;

}

/*   ....................................................... over titol menu*/



#menu li:hover span,

#menu li.hover span, 

#menu li.sfhover span {

	background: #069 url(images/gradient_submenu_titleover.gif);

	color: #036;

	cursor: default;

	height:24px;

}

/*  ------------------- no va con IE6 ----------------------

#menu div.submenu {

  position: absolute;

  top: -10000px;

  background: #f0f0f0;

  border-left: 1px solid #b3b4b5;

}

------------------------------------------------------------ */

#menu li.last div.submenu {

  right: 0;

}



#menu li:hover div.submenu,

#menu li.hover div.submenu

#menu li.sfhover div.submenu {

  top: 157px;

}



#menu ul ul {

  border: 1px solid #b3b4b5;

  border-width: 1px 1px 1px 0px;

}

/* ....................................... submenu*/

#menu ul ul li {

	float: none;

	border-bottom: 1px solid #e7e7e7;

	line-height: 24px;

	background-color: #c1d0de;

	font-size: 13px;

}



#menu ul ul a {

	display: block;

	text-decoration: none;

	text-align:left;

	line-height: 24px;

	padding: 0 30px;

	color: #036;

	white-space: nowrap;

	/*width:430px !important;*/

}





#menu div.submenu ul a {

	width:430px !important;

}



#menu div.submenu2 ul a {

	width:121px !important;

}





#menu ul ul a.highlight {

  background-color: #bd6060;

  color: #fff;

}



#menu ul ul a:hover {

  background: #3d9ed3 url(images/gradient_submenu_over.gif);

  color: #fff;

}

#menu ul ul a.highlight:hover {

  background: #3d9ed3 url(images/gradient_red_submenu_over.gif);

  color: #fff;

}

#menu div.submenu-two-cols ul {

  float: left;

  width: 12em;

}



#menu div.submenu ul {

  min-width: 490px;

 }

 

#menu div.submenu2 ul {

  min-width: 180px;

 }



#menu ul#nav li a.active, #menu ul#nav li a.active:hover{background: #007cc6;color: #fff}





	



/*****************************************MENU end*/	

	

/*****************************************SUBMENU*/

#submenu {

	border-bottom: 1px solid #e9e9e9;

	padding:0.3em 0 0.3em 1em;	

	color:#000;

	font-weight:bold;

	margin-bottom:0.2em;

	clear:left;

	

}

#submenu ul {

	margin:0;

	padding:0;

			

}

#submenu li {

	list-style-type: none;

	display: inline;

}

#submenu ul li a.active {

	color:#007cc6;

}



#submenu a:link, #submenu a:visited {

  border-left: 1px solid #000;

  padding-right: 0.3em;

  padding-left: 0.3em;

	text-decoration:none;

	color:#000;

}

#submenu a.first:link, #submenu a.first:visited {

  border-left: 0px none;

  padding-right: 3px;

  padding-left: 0px;

	text-decoration:none;

	color:#000;

	background-color:#fff;

}

#submenu a.first:hover{

	color:#fa6d1f;

}

#submenu a:hover {

	color:#fa6d1f;

}

#submenu ul#nav li a.active {

  color:#007cc6;

}

/*****************************************SUBMENU end*/







/*****************************************CONTENIDO START*/



#textos {

	font-size: 16px;

	text-align: left;

	width: 783px;

	height: 50px;

}

#textos #txt {

	width: 90%;

	float: left;

	height: auto;

	/*padding: 10p;*/

	background-color: #FFF;

	margin-top: 20px;

	margin-right: 10px;

	margin-bottom: 20px;

	margin-left: 24px;

	display: inline;

}

/*****************************************CONTENIDO END*/



/*****************************************FRANJA INFERIOR START*/

#abajo {

	background-color: #039;

	color:#fff;

	height: 70px;

	width: 784px;

	font-size: 11px;

	text-align: center;

	padding:0px;

	margin:0px;

	overflow:visible;

}

#txt_izq {

	width: 25%;

	float: left;

	height: auto;

	padding: 0px;

	margin: 0px;

	display: inline;

}

#txt_izq ul {

	list-style-type: none;

	margin: 0px;

	padding:0px;

}



#txt_izq ul li {

	margin: 0px;

	padding:20px 0px 0px 17px;

	float: left;

	background-color: #039;

}

#txt_izq ul li a {

	color: #fff;

	text-decoration: none;

}

#txt_izq ul li a:hover {

	color: #fff;

	text-decoration: underline;

}

#txt_dere {

	float: right;

	width: 290px;

	padding: 10px;

	margin: 10px;

	height: auto;

	display: inline;

}

/*****************************************FRANJA INFERIOR END*/



.textos_bold {

	font-weight: bold;

}



/*****************************************EXPLICACION  START */

#txtexplica {

	font-size: 12px;

	text-align: left;

	width: 783px;

	/*height: 250px;  en htm*/ 

}

#txtexplica #etxt_izq {

	width: 279px;

	float: left;

	height: auto;

	background-color: #FFF;

	display: inline;

	margin-top: 30px;

	margin-right: 5px;

	margin-bottom: 5px;

	margin-left: 1px;

	padding-top: 5px;

	padding-right: 1px;

	padding-bottom: 1px;

	padding-left: 1px;

}

#txtexplica #etxt_izq .i {



}

#txtexplica #etxt_dere {

	float: right;

	width: 360px;

	height: auto;

	background-color: #FFF;

	background-image: url(images/barra1.gif);

	background-repeat: repeat-y;

	background-position: left;

	display: inline;

	margin-top: 30px;

	margin-right: 60px;

	margin-bottom: 5px;

	margin-left: 20px;

	padding-top: 5px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 30px;

}

#txtexplica #etxt_dere .d {



}

#txtexplica #etxt {

	width: 507px;

	float: left;

	height: auto;

	background-color: #FFF;

	display: inline;

	margin-top: 15px;

	margin-right: 10px;

	margin-bottom: 5px;

	margin-left: 1px;

	padding-top: 5px;

	padding-right: 25px;

	padding-bottom: 1px;

	padding-left: 1px;

}

#txtexplica #etxt #et {



}

/*****************************************EXPLICACION  END */
#sumenu_opinion {
	float: right;
}
#titulo_opinion {
	font-size: 21px;
	font-weight: bold;
	width: 476px;
	color: #9f0a6a;
}

	
.resaltado_opinion {
	color: #C03;
}
#resposta {
	background-color: #D5E9FD;
	border: thin solid #039;
	padding: 20px;
}

