html,body {
	height: 100%;
	margin: 0px;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../images/bg-body.gif);
	background-repeat: repeat-x;
}
small{
	font-size: 10px;
}
#footer strong {
	font-weight: normal;
}


#container{
	min-height:100%;
	width:750px;
	text-align:left;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(../images/bg-container.gif);
	background-repeat: repeat-y;
}
* html #container {
	height:100%;
}
#header{
	clear:both;
}
#menu{
	clear:both;
	margin: 5px;
}
#menu a{
	font-size: 105%;
	font-weight: bold;
	color:#0055AA;
	background-color: #FAFAFA;
	background-position: bottom;
	background-repeat: repeat-x;
	background-image: url(../images/menu.gif);
	border: 1px solid #CCCCCC;
	height:30px;
	line-height:30px;
	padding-top: 4px;
	padding-right: 13px;
	padding-bottom: 4px;
	padding-left: 14px;
	margin-right:2px;
	cursor: pointer;
}
#menu a:hover{
	color:#FFFFFF;
	background-image: url(../images/menu-on.gif);
	background-color: #0073BD;
}
#menu a.menu-left{
	background-image: url(../images/menu-left.gif);
	background-position: left;
	padding: 5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#menu a.menu-left:hover{
	background-image: url(../images/menu-left-on.gif);
	background-color: #FFFFFF;
}
#menu a.menu-right{
	background-image: url(../images/menu-right.gif);
	background-position: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#menu a.menu-right:hover{
	background-image: url(../images/menu-right-on.gif);
	background-color: #FFFFFF;
}
#menu a.menu-tv{
	background-image: url(../images/boto-tv.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 49px;
	margin-right:0px;
	border:none
}
#menu a.menu-tv:hover{
	background-image: url(../images/boto-tv-on.gif);
	background-color: #FFFFFF;
}

#menu-partners {
	margin-top: -9px;
	padding: 0px;
}

#menu-partners ul {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

#menu-partners ul li {
    height: 25px;
    padding: 10px 0px 0px 0px;
    background-image: url(../images/bg-box.gif);
}

#menu-partners ul li.groc {
	background-image: url(../images/bg-destacat.gif);
	background-repeat: repeat-x;
	background-color: #FFC701;
	font-size: 1.2em;
	height: 43px;
}

#menu-partners ul li.groc a {
	margin-top: 5px;
	float: left;
}

#menu-partners ul li.groc a:hover {
	color: #0055AA;
}

#menu-partners ul li a {
    margin-left: 10px;
}

#content{
	font-size: 103%;
	width:540px;
	float:left;
	line-height: 20px;
	text-align: justify;
	background-color: #FFFFFF;
	background-image: url(../images/bg-box.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 5px;
}
#content h1 {
	font-size: 165%;
	text-align: left;
	padding-left: 20px;
	line-height: 57px;
	height: 57px;
	color: #0055AA;
	background-image: url(../images/bg-titol-destacat.gif);
	margin: 0px;
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFE004;
	vertical-align: bottom;
}
#section{
	position:relative;
	padding-top: 35px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#photo{
	position:absolute;
	display:block;
	top:-50px;
	right:50px;
	border:none;
}
#footer{
	clear:both;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	/*color: #999999;
	font-size: 90%;*/
}
#footer a {
	/*font-size: 105%;
	font-weight: normal;*/
	color: #333333;
	background-image: none;
	padding-right: 5px;
	padding-left: 5px;
}
#footer a:hover {
	color: #0055AA;
}

a{
	font-weight:bold;
	color: #0055AA;
	text-decoration: none;
}
a:link, a:visited{
	color: #0055AA;
}
a:hover {
	color: #FFB400;
}
form {
	margin: 0px;
}
fieldset {
	border: 1px solid #FFCC00;
}
input{
	font-size: 9px;
	color: #333333;
	border: 1px solid #CCCCCC;
}
input[type="submit"]{
	font-size: 9px;
	font-weight:bold;
	color:#FFFFFF;
	background-image: url(../images/submit.gif);
	background-repeat: no-repeat;
	background-color: #00388D;
	text-align: center;
	border: 1px solid #FFFFFF;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 2px;
	cursor: pointer;
	height: 20px;
}
input[type="submit"]:hover{
	background-image: url(../images/submit-on.gif);
}
.submit{
	font-size: 9px;
	font-weight:bold;
	color:#FFFFFF;
	background-image: url(../images/submit.gif);
	background-repeat: no-repeat;
	background-color: #00388D;
	text-align: center;
	border: 1px solid #FFFFFF;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 2px;
	cursor: pointer;
	height: 20px;
}
.submit:hover{
	background-image: url(../images/submit-on.gif);
}
input[type="checkbox"], input[type="radio"]{
	border: none;
	height: 15px;
}
.checkbox{
	border: none;
	height: 15px;
}
select{
	font-size: 9px;
	color: #333333;
	border: 1px solid #CCCCCC;
	width:120px;
}
.left{
	float:left;
	width:200px;
}
.right{
	float:right;
	width:200px;
}
.center{
	float:left;
	width:350px;
}
.pregunta{
	overflow:hidden;
	cursor:pointer;
}
.resposta{
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	background-color: #FFFFFF;
	border: 1px solid #FF2222;
	padding-right: 10px;
	padding-left: 10px;
}
.pregunta a{
	color: #333333;
	font-weight: bold;
	background-image: url(../images/ico-pregunta.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-top: 3px;
	padding-left: 12px;
}
.pregunta a:hover{
	color: #FF2222;
	font-weight: bold;
	background-image: url(../images/ico-pregunta-hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-top: 3px;
	padding-left: 12px;
}
a.linkfletxa{
	color: #333333;
	font-weight: bold;
	background-image: url(../images/ico-pregunta.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-top: 3px;
	padding-left: 12px;
	float: right;
	border-bottom: 1px solid #FF2222;
}
a.linkfletxa:hover{
	color: #FF2222;
	font-weight: bold;
	background-image: url(../images/ico-pregunta-hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-top: 3px;
	padding-left: 12px;
	float: right;
	border-bottom: 1px solid #FFFFFF;
}
a.linkfletxa-on{
	color: #333333;
	font-weight: bold;
	background-image: url(../images/ico-pregunta-on.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-top: 3px;
	padding-left: 12px;
	float: right;
	border-bottom: 1px solid #FFFFFF;
}
.marge{
	margin: 5px;
}
u{
	color: #0055AA;
	font-size:110%;
	font-weight: bold;
	text-decoration: none;
}
strong {
	font-weight: bolder;
	font-size: 110%;
	color: #000000;
}
h2 strong{
	font-weight: bolder;
	font-size:130%;
	color: #0055AA;
}
h1{
	font-weight: bold;
	color: #0055AA;
	font-size: 130%;
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 10px;
}
h2{
	font-weight: bold;
	color: #0055AA;
	font-size: 110%;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
}

.pastilla {
	font-weight: bold;
	color: #0055AA;
	font-size: 110%;
	margin:0px;
	background-color: #FFCC00;
}
.borde{border: 1px solid #CCCCCC;}
.borde-form{
	font-size: 95%;
	border: 1px solid #FFCC00;
	padding: 10px;
	text-align: left;
}
.box{
	background-color: #FFFFFF;
	background-image: url(../images/bg-box.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 5px;
}
.box h1{
	font-size: 105%;
	color: #0055AA;
	text-align: center;
	background-image: url(../images/bg-titol.gif);
	line-height: 17px;
	height: 20px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.box ul#menu-partners {
	background-image: url(../images/bg-box-blau.gif);
	background-repeat: repeat-x;	
}

.destacat {
	background-color: #FFE004;
	background-image: url(../images/bg-destacat.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 110%;
	font-weight:bold;
	color: #0055AA;
	text-align: center;
	line-height: 13px;
	padding: 0px;
	margin:5px;
}
.destacat a:hover{
	color:#FFFFFF;
}
.subtext {
	color: #0055AA;
	font-weight:bold;
	padding-top:7px;
	width:350px;
}
.credito {
	background-color: #FFFFFF;
	background-image: url(../images/bg-box.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 5px;
}
.credito h1 {
	font-size: 105%;
	color: #0055AA;
	text-align: center;
	background-image: url(../images/bg-titol-destacat.gif);
	line-height: 17px;
	height: 20px;
	margin: 0px;
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFE004;
	vertical-align: bottom;
}
.corporatiu {
	background-color: #FFFFFF;
	background-image: url(../images/bg-box.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 5px;
}
.corporatiu h1 {
	font-size: 105%;
	color: #FFFFFF;
	text-align: center;
	background-image: url(../images/bg-titol-corporatiu.gif);
	line-height: 17px;
	height: 20px;
	margin: 0px;
}
.popups {
	background-color: #FFFFFF;
	margin: 10px;
	text-align: justify;
	padding: 10px;
	line-height: 150%;
	border: 1px solid #CCCCCC;
}
.popups h2 {
	font-weight: bolder;
	color: #333333;
	background-image: url(../images/bg-h2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 2px;
	border: none;
}
ul#tabnav {
	list-style-type: none;
	height: 23px;
	margin: 0;
	padding-left: 5px;	
	background-image: url(../images/bg-h2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	clear:both;
}
ul#tabnav li {
	height: 22px;
	float: left;
	background-color: #E4E4E4;
	color: #999999;
	border-width: 1px;
	border-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #DDDDDD;
	border-left-color: #CCCCCC;
	cursor:pointer;
	margin-right: 1px;
	margin-left: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
ul#tabnav li:hover {
	background-color: #CCCCCC;
	color: #666;
	border: 1px solid #CCCCCC;
}
#tabnav .activo {
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
	background-color: #FFFFFF;
}
#tabnav .inactivo {}

ul#tabsubnav {
	list-style-type: none;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	height: 25px;
	padding-left: 10px;
}
ul#tabsubnav li {
	font-size: 105%;
	float: left;
	cursor:pointer;
	font-weight: bold;
	color: #999999;
}
#tabnav h2 {
	margin: 0px;
	padding: 0px;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul#tabsubnav li:hover {
	background-color: #CCCCCC;
	color: #0055AA;
}
#tabsubnav .activo2 {
	color: #0055AA;
}
#tabsubnav .inactivo2 {
}
.paso-desactivado {
	color: #B2CCE5;
}
.alert {
	position:absolute;
	z-index:1;
	top: 70px;
	right: 140px;
	background-color:#FAFAFA;
	color: #333333;
	font-size: 12px;
	text-align: center;
	border: 1px solid #CCCCCC;
	padding-left:15px;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 20px;
	cursor:pointer;
	background-image: url(../images/close.gif);
	background-repeat: no-repeat;
	background-position: right top;
	
}
.trans {
	background-color:#FFFFFF; 
	filter: alpha(opacity=70); 
	opacity: .7; 
	position:absolute; 
	top: -200px; 
	right: -10px; 
	width: 750px; 
	height: 950px;
	z-index:0;
}
hr {
	color: #CCCCCC;
	border: none;
	height: 1px;
	background-color: #CCCCCC;
}

a.unase {
	font-weight: bold;
	text-align: center;
	color: #0055AA;
	width: 100%;
	float: left;
}