BODY 
 {font-family : Verdana, Arial; font-size : 11px; color : #666666; background-color : #FFFFFF; cellpadding :0; cellspacing :0;}
/*** Estilos para formularios en general.
*/LABEL {font-family : Verdana, Arial,sans-serif; font-weight : bold; font-size : 10px; color : #666666;}

INPUT { font-family : Verdana, Arial,sans-serif; font-size : 10px; background-color : #FFFFFF;}
SELECT {font-family : Verdana, Arial,sans-serif; font-size : 10px; background-color : #FFFFFF;}
TEXTAREA {font-family : Verdana, Arial,sans-serif; font-size : 10px; background-color : #FFFFFF;}
BUTTON {font-family : Verdana, Arial,sans-serif; font-size : 10px; color : #000000; background-color : #E5E5E5;border : 1px outset; border-color : #DDDDDD;}
FORM {	margin-bottom: 0px;}A  {text-decoration : none; color : #666666;}
A:Visited  {text-decoration : none; color : #404040;}
A:Active  {text-decoration : underline; color : #A23900;}
A:Hover  {text-decoration : underline; color : #000000;}
/** * Estilos de lista */OL {margin-left: 20px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px; list-style-type: disc;}
UL {	margin-left: 20px;margin-right: 0px;	margin-top: 0px;	margin-bottom: 0px;	list-style-type: disc;}
UL.squarelist {	margin-left: 8px;	margin-right: 0px;	margin-top: 0px;	margin-bottom: 0px;	list-style-type: square;}
LI.squarelist {margin-left: 8px;	margin-right: 0px;	margin-top: 0px;	margin-bottom: 0px;	list-style-type: square;}
/** * Tabla principal del sistema. */TABLE.mainTable {	border : 1px solid Black;	width : 770px;	vertical-align: top;}
TD {font-size: 10px; margin-left: 0px ;margin-right: 0px;	margin-top: 0px;	margin-bottom: 0px; vertical-align: top;	font: Verdana, Arial, Helvetica, sans-serif;}
TH {	vertical-align: top;	font-size: 10px;	font: bold  Verdana, Arial, Helvetica, sans-serif;}
TD.darkCell {	border-top : 2px solid #666666;    font: bold;}
/** * Estilo que utilizamos para representar el nombre del menú.
 */TD.contentName {    text-align: right;    color: #808000;    text-transform: uppercase;    font-size: 13px;    font: bold;    font-family: Arial, Helvetica, sans-serif;    border-bottom: 1px solid #666666;}

TD.contentAltText {    text-align: right;    color: #666666;    font: bold;}
TD.contentParents {    text-align: right;    color: #666666;}
/** * Estilos que se corresponden con los correspondientes al menú principal. */TABLE.mainMenu {	width: 95%;	border-collapse: collapse;		border-spacing: 0px;	}
TH.lightBrownVersales {	text-align: right;	background-color: #D1C1A7;	color: #FFFFFF;	text-transform : uppercase;	font : bold;}
TH.lightBrownVersales  A {	text-decoration: none;	color: #FFFFFF;}
TH.lightBrownVersales A:hover {	color: #FFFFFF;	text-decoration: underline;}
TD.whiteCell {	background-color: #FFFFFF;	color: #000000;}
TD.whiteCell A{	text-decoration: none;	color: #000000;}
TD.whiteCell A:hover {	color: #bbbbbb;	text-decoration: underline;}
/** * Estilos que se corresponden con el menú de servicios. */TABLE.services {	width: 93%;border-collapse: collapse;	border-spacing: 0px;	border: 1px solid #666666;} 
TD.services {	background-color: #999999;	color: #FFFFFF;	text-transform: uppercase;	font: bold;			text-align: right;}
TH.servicesHeader {	background-image: url('/imagenes/fondos/fondotabla.jpg');	color: #666666;	border: 1px solid #666666;	text-align: left;	padding : 3px 0px 3px 3px;}
TD.servicesCell {	background-color: #FFFFFF;	color: #000000;	padding: 1px 5px 1px 5px,}
TD.servicesCell A{	text-decoration: none;	color: #000000;}
TD.servicesCell A:hover {	color: #bbbbbb;	text-decoration: underline;}
/** Estilos usados para los servicios de contenido **/TH.servicesList {    color: #666666;    font: normal;    text-align: left;    border-bottom: 1px solid #666666;}
TD.relatedContent {    padding-right: 3px;    text-align: left;}
TD.servicesMore {    text-align: right;}
/** * Estilos correspondientes al selector de provincias y al buscador pequeño. */TABLE.stateSelector {	border-collapse: collapse;	width: 157px;}
TABLE.stateSelector TH {	text-transform : uppercase;	color: #FFFFFF;	background-color: #C2C2C2;	text-align: right;	padding: 3px;}
TABLE.stateSelector TD {	background-color: #EFEFEF;	text-align: center;}
TABLE.stateSelector .cmSearchInput {	width: 90px;}
TABLE.stateSelector BUTTON {	border: 0px;	background-color: transparent;	width: 43px;}
TABLE.footer {	background-image: url('/imagenes/fondos/fondo_bott.jpg');	background-repeat: repeat-y;	height: 37px;}
TABLE.footer TD {	padding-top: 4px;	vertical-align: middle;	text-align: center;}
TABLE.footer TD.footerRight {	text-align: right;}
TABLE.footer TD.footerLeft {	text-align: left;}
.middleAlign {	vertical-align: middle;}
.middleAlignRight {	vertical-align: middle;		text-align: right;}
.middleAlignLeft {	vertical-align: middle;		text-align: left;}
.bottomAlign {	vertical-align: bottom;}
/** * Nombre de un recurso. */DIV.resourceName {	overflow: auto;	font-weight: bold;	vertical-align: top;	height: 50px;}
DIV.resourceDescription {	text-align: justify;	font-weight: normal;	vertical-align: top;}
DIV.close {	vertical-align: bottom;	height: 25;	overflow: auto;}
/** * Separadores horizontales (barras), cuando aparecen en los contenidos. */HR {	color : #cccccc;	height : 1px;	margin : 0px;	margin-bottom : 0px;}
HR.blackrule {	color : #666666;	height : 1px;	margin : 0px;	margin-bottom : 0px;}
DIV.orangeBar {	background-color: #FF9B0D;	height: 6px;	font-size: 6px;	margin-top: 4px;	margin-bottom: 4px;}
TABLE.dateSelector {	border: 1px solid #A4A4A4;	width: 100%;	margin-bottom: 4px;}
TABLE.dateSelector .dateField {	color: #666666;	text-align: left;}
TABLE.dateSelector .linkField {	color: #FF9B0D;	text-align: right;	font-weight: bold;}
TABLE.resources {	border-collapse: collapse;}
TD.resources {	text-align: right;	color: #666666;	font-size: 8px;	vertical-align: middle;}
TD.resourcesLeft {	text-align: left;	color: #666666;	font-size: 8px;	vertical-align: middle;}
/** * Estilos que nos definen el comportamiento de los popup  */TD.popupTitle {	background-color: #FF9B0D;	height: 25px;	color: #FFFFFF;	font-size: 11px;	font-weight: bold;		padding: 4px 4px 0px 0px;}
 TD.popupContentName {	font-size: 14px;	font-weight: bold;	padding: 4px 4px 2px 0px;	border-bottom: 1px solid #666666;	color: #000000;}
TD.popupDescription {	font-size: 11px;	font-weight: normal;	padding: 4px 4px 4px 2px;	color: #000000;}
TD.popupBody {	vertical-align: top;	background-color: #FFFFFF;}
TD.popupFooter {	vertical-align: bottom;	background-color: #cccccc;	font-weight: bold;	color: #666666;	height: 25px;		text-align: right;	padding: 0px 4px 4px 0px;}
TD.popupFooter A {	text-decoration: none;}
TD.popupFooter A:Hover {	text-decoration: underline;}
.searchTitle {	font-size: 11px;	font-weight: bold;	color: #000000;}
/** * Formulario de reserva  */TABLE.reserveForm {	padding: 2px 0px 2px 0px;	border-top: 1px solid #cccccc;	border-bottom: 1px solid #cccccc;} 
TD.reserveLabel {	font-size: 11px;	font-weight: bold;	color: #666666;	text-align: right;}
TD.inscriptionLabel {	font-size: 11px;	font-weight: bold;	color: #666666;	text-align: left;}
TD.reserveData {	font-size: 11px;	font-weight: normal;	color: #666666;	text-align: left;}
TD.reserveMainLabel {	font-size: 11px;	font-weight: bold;	color: #FF9B0D;	text-align: left;	padding: 8px 0px 8px 0px;}
TD.reserveLabel LABEL {	font-size: 11px;	font-weight: bold;	color: #666666;	text-align: right;	padding-bottom: 3px;}
TD.reserveData LABEL {	font-size: 11px;	font-weight: normal;	color: #666666;	text-align: left;}
INPUT.reserveLong {	border: 1px solid #666666;	width: 411px;	font-size: 11px;}
INPUT.inscriptionMedium {	border: 1px solid #666666;	width: 161px;	font-size: 11px;}
INPUT.inscriptionLong {	border: 1px solid #666666;	width: 600px;	font-size: 11px;}
INPUT.reserveMedium {	border: 1px solid #666666;	width: 171px;	font-size: 11px;}
INPUT.reserveSmall {	border: 1px solid #666666;	width: 90px;	font-size: 11px;}
INPUT.reserveShort {	border: 1px solid #666666;	width: 20px;	font-size: 11px;}
SPAN.shortElement {	width: 116px;}
TEXTAREA.reserve {	width: 411px;	height: 75px;	border: 1px solid #666666;}
TD.buttonZone {	text-align: right;	padding: 4px 0px 4px 0px;}
/** * Definimos los distintos estilos soportados para la presentación de  * Contentmanager en la Web de Turismo. */DIV.orangeBorderLeft {	}
DIV.orangeBorderRight {	}
DIV.orangeLeft {	}
DIV.orangeRight {	}
DIV.silverBorderLeft {	}
DIV.silverBorderRight {	}
DIV.silverBox {	}
DIV.silverBoxBody {	}
DIV.silverLeft {	}
DIV.silverRight {	}
/** Estilo genérico para todas las tablas de contenedor **/TABLE.containerTable {	text-transform: uppercase;	color: #FFFFFF;	text-align: left;	vertical-align: middle;			padding: 4px;	padding: 4px;	font-weight : bold;	width: 100%;}
TABLE.containerTable .cmContentLink {    font-family: verdana, arial, helvetica, geneva, sans-serif;	font-size: 10px;    color: #FFFFFF;}
TABLE.containerTable A.cmContentLink:link {	text-decoration: none;}
TABLE.containerTable A.cmContentLink:visited {    text-decoration: none;	color : #FFFFFF;}
TABLE.containerTable A.cmContentLink:active {    text-decoration: underline;	color : #FFFFFF;}
TABLE.containerTable A.cmContentLink:hover {	text-decoration : underline;	color : #FFFFFF;}
TABLE.containerData {	width: 100%;}
/** Para que los parrafos en el abstract no queden muy separados **/TABLE.containerData P {	margin: 0px 0px 2px 0px;}
/** Ahora particularizamos estas celdas para cada elemento **/DIV.orangeBorderLeft TABLE.containerTable {	background-image: url('/imagenes/fondos/fondosmid2.gif');	text-align: left;}
DIV.orangeBorderRight TABLE.containerTable {	background-image: url('/imagenes/fondos/fondosmid21.gif');	text-align: right;	}
DIV.orangeLeft  TABLE.containerTable {	background-image: url('/imagenes/fondos/fondosmid2.gif');	text-align: left;}
DIV.orangeRight TABLE.containerTable {	background-image: url('/imagenes/fondos/fondosmid21.gif');	text-align: right;	}
DIV.silverBorderLeft TABLE.containerTable{	background-image: url('/imagenes/fondos/fondosmid1.gif');	text-align: left;	}
DIV.silverBorderRight TABLE.containerTable{	background-image: url('/imagenes/fondos/fondosmid11.gif');	text-align: right;	}
DIV.silverLeft TABLE.containerTable{	background-image: url('/imagenes/fondos/fondosmid1.gif');	text-align: left;	}
DIV.silverRight TABLE.containerTable{	background-image: url('/imagenes/fondos/fondosmid11.gif');	text-align: right;	}
DIV.silverBox TABLE.containerTable {	background-color: #A4A4A4;	background-image: url('/imagenes/fondos/fondonormal.gif');	background-repeat: no-repeat;	width: 98%;}
DIV.silverBoxBody TABLE.containerTable {	background-color: #A4A4A4;	background-image: url('/imagenes/fondos/fondonormal.gif');	background-repeat: no-repeat;	width: 98%}
DIV.silverBox TABLE.containerData {	width: 98%;}
DIV.silverBoxBody TABLE.containerData {	background-color: #F2F2F2;	width: 98%}
DIV.orangeBorderLeft TABLE.containerData {	border: 1px solid #FF9B0D;}
DIV.orangeBorderRight TABLE.containerData {	border: 1px solid #FF9B0D;}
DIV.silverBorderLeft TABLE.containerData {	border: 1px solid #A4A4A4;}
DIV.silverBorderRight TABLE.containerData {	border: 1px solid #A4A4A4;}
/** * Para la versión imprimible. */.contentPrintableName {	color: #000000;	font-size: 11px;	font-weight: bold;	text-align: left;	text-transform: uppercase;	border-bottom: 1px solid #666666;	padding-top: 2px;	padding-left: 2px;	padding-bottom: 2px;}
 .contentPrintableAltText {	color: #666666;	font-size: 10px;	text-align: right;}
DIV.printLayer {	overflow: auto;	height: 520px;	width: 100%;}
/** * Estilos correspondientes al formulario de autenticacion */TABLE.loginTable {	border-collapse: collapse;	width: 157px;}
TABLE.loginTable TH {	text-transform : uppercase;	color: #FFFFFF;	background-color: #C2C2C2;	text-align: right;	padding: 3px;}
TABLE.loginTable TD {	background-color: #EFEFEF;	text-align: left;}
TABLE.loginTable .cmSearchInput {	width: 80px;}
/* Idiomas */DIV.laguages {	padding-left:3px;}
DIV.otherInformationLanguages {	padding:5px;}
A.otherInformationItem {	margin:4px;}
A.otherInformationItem:hover {	text-decoration: none;}
DIV.informationLocale {	padding-top:4px;}

