.input {
	FONT-SIZE: 11px; COLOR: #515151; FONT-FAMILY: Trebuchet, Arial, Helvetica, sans-serif; 
	border: 1px solid #A9BCC3; background: #A9BCC3;
}
.input_btn {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Trebuchet, Arial, Helvetica, sans-serif; 
	border: 1px solid #FFFFFF; background: #9DB1BA;
}

.texto{
	padding: 10px 5px 5px 12px;
}
.texto2{
	padding: 10px 28px 00px 28px;
}
.intro{
	padding: 5px 16px 5px 24px;
	line-height: 14px;
}

.textochico{
	padding: 5px 5px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.titulo {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing:1px;
	line-height:22px;
	color:#567A90;
}
.tituloclassic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:2px;
	color:#E4680B;
}
.tituloconcept {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:2px;
	color:#73A837;
}

.destacado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:2px;
	color:#FFFFFF;
}
.destacado2 {
	font-size: 14px;
	color:#658EA7;
}
.destacado3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
}
.contacto {
	font-size: 9px;
}
.textoblanco {
	color:#FFFFFF;
}

.textonegro {
	color:#000000;
}

.textorojo {
	color:#FB4B02;
	text-decoration:none;
}

.textorojo:hover, textorojo:active {
	color:#FB4B02;
	text-decoration:underline;
}

.textoresaltado {
	color:#FFFF66;
	text-decoration:none;
}

.textoresaltado:hover, textoresaltado:active {
	color:#FFFF66;
	text-decoration:underline;
}


.textoblancogr {
	color:#FFFFFF;
}

.menu, menu:visited {
	color: #567A90;
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
}
.menu:hover, menu:active {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
}
.menub, menub:visited {
	color: #668395;
	font-size: 11px;
	text-decoration:none;
}
.menub:hover, menu:active {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration:none;
}
.menuclassic, menuclassic:visited {
	color: #F7C69C;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}
.menuclassic:hover, menuclassic:active {
	color: #FFFFFF;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}
.menuconcept, menuconcept:visited {
	color: #CDE1B3;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}
.menuconcept:hover, menuconcept:active {
	color: #FFFFFF;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}
.menuserena, menuserena:visited {
	color: #ACE2EE;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}
.menuserena:hover, menuserena:active {
	color: #FFFFFF;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color:#4F4F94;
}
.link:hover, link:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color:#6767AD;
}
.l_blanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color:#FFFFFF;
}
.l_blanco:hover, l_blanco:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color:#666666;
}
.linkclassic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	line-height:20px;
	color:#E4680B;
}
.linkclassic:hover, linkclassic:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	line-height:20px;
	color:#ffffff;
}
.linkclassic2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	line-height:12px;
	color:#E4680B;
}
.linkclassic2:hover, linkclassic2:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	line-height:12px;
	color:#ffffff;
}
.linkconcept {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	line-height:20px;
	color:#73A837;
}
.linkconcept:hover, linkconcept:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	line-height:20px;
	color:#ffffff;
}
.linkserena {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	line-height:20px;
	color:#009FC3;
}
.linkserena:hover, linkserena:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	line-height:20px;
	color:#ffffff;
}

/* page styling, unimportant for the example. only makes the page looks nicer */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	line-height:14px;
}

/* remove default white areas, establish measurement scales */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

/* table */
html {
	display: table;
/*	overflow: visible; */
}

/* with one table cell. content in it is vertically centered */
body {
	background: "images/fondo.gif";
	display: table-cell;
	vertical-align: middle;
}

/* a bit more nice styling, to properly show the centered block  */
.deadcentre {
	color: #000;
	margin: 0 auto;
	padding: 1em 2%;
	width: 70%;
}

.texto_input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.obligatorio {
	FONT-SIZE: 11px; COLOR: #515151; FONT-FAMILY: Trebuchet, Arial, Helvetica, sans-serif; 
	border: 1px solid #A9BCC3; background: #FFFFCC;
}


/*]]>*/

<!--[if lte IE 7]>
<style type="text/css" media="screen, tv, projection">
.deadcentre {
	margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
}
</style>
<![endif]-->