/*1326-1299-1846-5466-7090-0489*/

body {
/*	overflow-x:hidden;*/
	scrollbar-arrow-color:#D6D6D6;
	scrollbar-base-color:#F1F1F1;
	scrollbar-shadow-color:#B8B8B8;
	scrollbar-face-color:#F1F1F1;
	scrollbar-highlight-color:#F7F7F7;
	scrollbar-darkshadow-color:#F1F1F1;
	scrollbar-3dlight-color:#B8B8B8;
	margin: 0px;
	background: #fffcf3 url(../graficos/fondo.gif) repeat-x left top;
}

strong { font: bold 12px/18px "Trebuchet MS",Tahoma, Arial, geneva, sans-serif; color: #A99171;}
p { font: normal 11px/18px Arial, Helvetica, sans-serif; color: #666666;}

/*
------------------------------------Etiquetas generales ------------------------------------*/

.contenedor{ height: auto; width: 970px; background: #F5F5F5 url(../graficos/fondo-interno.gif) repeat-x left top; }
.sombraizq{ background: url(../graficos/sombra-izq.gif) no-repeat right top; height: 300px;}
.sombrader{ background: url(../graficos/sombra-der.gif) no-repeat left top; height: 300px;}
.bordeizq{ background: url(../graficos/sombra-izqchica.gif) repeat-y right top;}
.bordeder{ background: url(../graficos/sombra-derchica.gif) repeat-y left top;}

#left{ float: left;}
#der{text-align: right;}
#bottom{ vertical-align: bottom;}
#top{ vertical-align: top;}

.left{ float: left;}
.der{text-align: right;}
.bottom{ vertical-align: bottom;}
.top{ vertical-align: top;}
.center{text-align: center;}

/*
------------------------------------Head------------------------------------*/

.head{ background: url(../graficos/head-fondo.gif) repeat-x left top; vertical-align: top; height: 175px; width: auto;}
.headtabla{ padding-top: 15px; width: 926px;}
.headtablaint{ padding-top: 15px; width: 736px;}
.marca{ text-align: left; vertical-align: middle; height: 86px; width: auto; padding-left: 10px;}

.submenu{ font: bold 11px/29px Tahoma, Arial, Helvetica, Verdana; color: #d9f5ff; height: 29px; width: 399px; background: url(../graficos/submenu-fondo.gif)  repeat-x; text-align: left; padding-left: 12px;}
.submenu A:Link, .submenu A:Visited{ color: #d9f5ff; }
.submenu A:Hover{ color: #FFFFFF; }

.submenu1{ font: bold 11px/29px Tahoma, Arial, Helvetica, Verdana; color: #d9f5ff; height: 29px; width: 660px; background: url(../graficos/submenu-fondo.gif)  repeat-x; text-align: left; padding-left: 12px;}
.submenu1 A:Link, .submenu1 A:Visited{ color: #d9f5ff; }
.submenu1 A:Hover{ color: #FFFFFF; }

.chat{vertical-align: top;}

/*
-------------------------------------Columnas ------------------------------------*/

.c1{ font: 11px Tahoma, Arial, Helvetica, Verdana; text-align: left; vertical-align: top; width: 147px;}/*no tiene borde*/
.c2{ font: 11px Tahoma, Arial, Helvetica, Verdana; text-align: left; vertical-align: top; width: 147px;}/*si tiene borde*/
.c3{ font: 11px Tahoma, Arial, Helvetica, Verdana; text-align: left; vertical-align: top; width: 146px;}/*si tiene borde*/
.c4{ font: 11px Tahoma, Arial, Helvetica, Verdana; text-align: center; vertical-align: top; width: 147px; padding-top: 5px;}
.c5{ font: 11px Tahoma, Arial, Helvetica, Verdana; text-align: left; vertical-align: top; width: 190px; padding-top: 5px;}
.c45{font: 11px Tahoma, Arial, Helvetica, Verdana; text-align: left; vertical-align: top; width: 338px;}
.c123{ font: 11px Tahoma, Arial, Helvetica, Verdana; text-align: left; vertical-align: top; width: 433px; padding: 10px 0px;}
.c1234{ font: 11px Tahoma, Arial, Helvetica, Verdana; text-align: left; vertical-align: top; width: 588px; padding: 10px 4px 10px 5px;}
.c12{ font: 11px/17px Tahoma, Arial, Helvetica, Verdana; text-align: left; vertical-align: top; width: 280px; color: #534a39; padding: 5px 5px 5px 10px;} /*no tiene borde*/
.c34{ font: 11px/17px Tahoma, Arial, Helvetica, Verdana; text-align: left; vertical-align: top; width: 279px; color: #534a39; padding: 5px 10px 5px 5px;} /*tiene borde*/
.tablasolapas{ width: 578px; vertical-align: top; padding: 5px;}
.bordertop{ padding: 3px 0px; border-top: 1px solid #E0E0E0;}

.columna{ font: normal 11px/17px Tahoma, Arial, Helvetica, Verdana; text-align: left; vertical-align: top; padding: 0px 8px 8px 8px; color: #736859;}
.columna strong { font: bold 11px/17px Tahoma, Arial, Helvetica, Verdana; color: #736859}
#c10{width: 10%;}
#c20{width: 20%;}
#c30{width: 30%;}
#c30r{text-align: right; width: 30%;}
#c40{width: 40%;}
#c50{width: 50%;}
#c50r{text-align: right; width: 50%;}
#c50b{width: 50%; border-left: 1px solid #DDD8D0;}
#c70{width: 70%;}
#c80{width: 80%;}
#c90{width: 90%;}
#c100{width: 100%;}

/*
-------------------------------------Buscador ------------------------------------*/

.searchhome{ font: 10px Tahoma, Arial, Helvetica, Verdana; color: #666666; background: #FFF9EA url(../graficos/buscador-fondo.gif) repeat-x; vertical-align: top; height: 135px; width: 271px; padding-top: 15px;}
.search{ font: 10px Tahoma, Arial, Helvetica, Verdana; color: #666666; background: url(../graficos/buscador-fondo.gif) repeat-x; vertical-align: top; height: 135px; width: 261px; padding-top: 15px;}
.newsearch{ font: bold 11px/normal Tahoma, Arial, Helvetica, Verdana; color: #660000; text-align: left; background: url(../graficos/search-back.gif)  repeat-y; padding: 2px 12px}
.estadia{ font-size: 10px; font-weight: bold; color: #a85100; padding: 4px 3px 4px 0px; }
.col01{ font: normal 10px/normal Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; vertical-align:middle; padding: 2px 2px;}
.col02{ text-align: left; vertical-align:middle; /*width: 105px; */padding: 2px 2px; }
.col03{ text-align: center; vertical-align:middle; /*width: 24px;*/ padding: 2px 2px;}
.col04{ text-align: center; vertical-align:middle; width: auto; padding: 2px;}
.lista{ font: 10px Tahoma, Arial, Helvetica, Verdana; color:#666666; width:95px; height:18px; border: 1px solid #7f9db9;}
.dia{font: 10px Tahoma, Arial, Helvetica, Verdana; color:#666666; width:41px; height:18px; 	border: 1px solid #7f9db9;}
.mes{font: 10px Tahoma, Arial, Helvetica, Verdana; color:#666666; width:90px; height:15px; 	border: 1px solid #7f9db9;}

/*
-------------------------------------Buscador home------------------------------------*/
.fila00{ font: bold 11px/normal Tahoma, Arial, Helvetica, Verdana; color: #660000; text-align: left; vertical-align:middle; padding: 2px 2px 2px 4px;}
.fila01{ font: 10px/normal Tahoma, Arial, Helvetica, Verdana; color: #333333; text-align: left; vertical-align:middle; padding: 2px 2px 2px 4px;}
.fila03{ text-align: center; padding: 2px; }
.combos01{ font: 10px Tahoma, Arial, Helvetica, Verdana; color:#666666; width:115px; height:18px; border: 1px solid #7f9db9;}
.combos02{ font: 10px Tahoma, Arial, Helvetica, Verdana; color:#666666; width:85px; height:16px; border: 1px solid #7f9db9;}

/*
-------------------------------------Menu general ------------------------------------*/

.menu{ vertical-align: top; width: 190px;}
.menu A:Link, .menu A:Visited{ font: 12px/25px Arial, Helvetica, sans-serif; color: #00A5DD; display: block; height: 25px; background: url(../graficos/flecha.gif) no-repeat 0px -28px; vertical-align: middle; text-align: left; padding-left: 26px; margin-right: 10px; text-decoration: underline;}
.menu A:Hover{ font: bold 12px/25px Arial, Helvetica, sans-serif; color: #007EA8; display: block; height: 25px; background: url(../graficos/flecha.gif) no-repeat 0px 0px; vertical-align: middle; text-align: left; padding-left: 26px;}
#titgeneral{ font: bold 12px/45px Arial, Helvetica, sans-serif; color: #a55000; display: block; height: 45px; background: url(../graficos/base-titulos.gif) no-repeat left center; vertical-align: middle; text-align: left; padding-left: 15px;}

/*
-------------------------------------Contenidos ------------------------------------*/

.titulos{ font: bold 26px/normal Arial, Helvetica, sans-serif; color: #fb9400; text-align: left; padding: 10px; height: auto; width: auto;}
.titulosseccion{ font: bold 24px/normal Arial, Helvetica, sans-serif; color: #00A5DC; text-align: left; padding: 8px; height: auto; width: auto;}

/*
-------------------------------------Combo destacado ------------------------------------*/

.base{ background: url(../graficos/02-base01.gif) no-repeat left 15px; height: 130px; width: 146px; vertical-align: top;}
.destacado{ background: url(../graficos/02-base03.gif) no-repeat left top; height: 180px; width: 292px; vertical-align: top;}
.horizontal{ background: url(../graficos/02-base02.gif) no-repeat left 15px; height: 130px; width: 146px; vertical-align: top;}

#estrellas{ font: bold 14px/24px Arial, Helvetica, sans-serif; color: #0093C4; padding: 0px 5px; z-index: 1; position: absolute;}
#imagen{ padding: 22px 0px 0px 5px; z-index: 0; position: absolute;}
#imagendestacado{ padding: 8px 0px 0px 5px; z-index: 0; position: absolute;}
#carteldestacado{ padding: 120px 0px 0px 11px; z-index: 2; position: absolute;}
#cartel{ padding: 86px 0px 0px 12px; z-index: 2; position: absolute;}
.espaciodestacado{  font: bold 11px Tahoma, Verdana, Arial; color: #006699; background: #A3DCE7; text-align: center; vertical-align: middle; border-top: 2px solid #FFFCF3; border-right: 5px solid #FFFCF3; border-bottom: 2px solid #FFFCF3; border-left: 5px solid #FFFCF3;}
.titulodestacado{ font: bold 14px/normal Arial, Helvetica, sans-serif; color: #0093C4; text-align: left; vertical-align: middle; height: 17px; padding: 3px 2px 3px 5px;}
.titulodestacado A:Link {color: #0093C4;}
.titulodestacado A:Visited { color: #006666;}
.titulodestacado A: Hover{ color: #1CC7FF;}

.nombre{ font: bold 12px/18px Arial, Helvetica, sans-serif; color: #0093C4; text-align: left; vertical-align: middle; height: 18px; padding: 0px 2px 5px 5px;}
.nombre A:Link, .nombre A:Visited { color: #0093C4;  }
.nombre A:Hover{ color: #D67E00; text-decoration: underline;}
.descripcion{ font: normal 11px/normal Arial, Helvetica, sans-serif; color: #666666; text-align: left; vertical-align: top; padding: 5px 2px 5px 5px; height: auto; width: auto;}
.descripcion strong{ font: bold 11px/normal Arial, Helvetica, sans-serif; color: #666666;}

/*
------------------------------------- Restaurantes ----------------------------------*/

.restaurantes{ background: url(../graficos/restaurante-fondo.gif) no-repeat left top; min-height: 170px; height: auto !important; height: 170px; width: 170px; vertical-align: top;}
.restaurante-nombre{ font: bold 12px/17px Arial, Helvetica, sans-serif; color: #d96e26; text-align: left; padding: 0px 3px 3px 5px; height: 17px;}
.restaurante-nombre A:Link, A:Visited {color: #d96e26;}
.restaurante-nombre A:Hover{ color: #058AC2; text-decoration: underline;}
.restaurante-foto{padding: 2px 0px;}
.restaurante-datos{ font: 11px/14px Arial, Helvetica, sans-serif; color: #666666; text-align: left; vertical-align: top; padding: 0px 4px; height: auto; }
.restaurante-linea{ height: 15px; border-bottom: 1px dotted #e8dbc1;}

/* interior */
.restaurante{ font: bold 18px/normal Arial, Helvetica, sans-serif; color: #00A1DA; text-align: left; padding: 8px; border-bottom: 1px solid #E3D6B5;}
.datos{ font: normal 11px/normal Arial, Helvetica, sans-serif; color: #564E45; text-align: left; padding: 8px; vertical-align: top;}
.datos strong { font: bold 11px/normal Arial, Helvetica, sans-serif; color: #736859; }
.fotos{text-align: center; padding: 10px 0px;}

/*
------------------------------------- Combo interno ------------------------------------*/

.interno-base{ background: url(../graficos/base-internos.gif) no-repeat left top; vertical-align: top; height: 257px; width: 442px;}
#interno-estrellas{ padding: 0px 5px; z-index: 1; position: absolute;}
#interno-imagen{ padding: 22px 0px 0px 5px; z-index: 0; position: absolute;}

/*
------------------------------------Pie ------------------------------------*/

.franja{ background: #00a5dd url(../graficos/fondo-base.gif) repeat-x left top; height: auto; vertical-align: top; }
.fondopie{ background: url(../graficos/pie-fondo.gif) repeat-x; width: 894px;}
.pieinterior{ background: url(../graficos/pie-fondo.gif) repeat-x; width: 704px;}
.pie{ font: 11px/15px Arial, Helvetica, sans-serif; color: #afbec0; height: auto; text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 12px; }
.pie A:Link, .pie A:Visited{ color: #0090C1; display: block; height: 15px; padding: 0 0 0 15px; background: url(../graficos/punto1a.gif) no-repeat left center; vertical-align: middle; text-decoration: underline;}
.pie A:Hover{ color: #006688; display: block; height: 15px; padding: 0 0 0 15px; text-decoration:none; background: url(../graficos/punto1b.gif) no-repeat left center; vertical-align: middle;}
.mendoza{ font: 11px/15px Arial, Helvetica, sans-serif; color: #afbec0; height: auto; text-align: left; vertical-align: top; padding-top: 0px; padding-bottom: 12px;}
.mendoza A:Link, .mendoza A:Visited{ color: #F2850D; display: block; height: 15px; padding: 0 0 0 15px; background: url(../graficos/punto2a.gif) no-repeat left center; vertical-align: middle; text-decoration: underline;}
.mendoza A:Hover{ color: #FF6400; display: block; height: 15px; padding: 0 0 0 15px; text-decoration:none; background: url(../graficos/punto2b.gif) no-repeat left center; vertical-align: middle;}
.pie strong{ font: bold 11px/17px Tahoma, Arial, Helvetica, Verdana; padding-left: 7px;}
.marcapie{ font: 11px Tahoma, Arial, Helvetica, Verdana; text-align: center; vertical-align: top; width: 190px; padding-top: 10px;}
.marcapieinterior{ font: 11px Tahoma, Arial, Helvetica, Verdana; text-align: center; vertical-align: top; width: 130px; padding-top: 10px;}

#copyright{ font: 10px/15px Tahoma, Arial, Helvetica, Verdana; color: #B0ECFF; width: 770px; text-align: left; vertical-align: bottom; padding: 0px 0px 5px 30px; float: left;}
#copyrightinterior{ font: 10px/15px Tahoma, Arial, Helvetica, Verdana; color: #B0ECFF; width: 500px; text-align: left; vertical-align: bottom; padding: 0px 0px 5px 30px; float: left;}
#creditos{ font: 9px/15px Tahoma, Arial, Helvetica, Verdana; color: #B0ECFF; text-align: left; height: 15px; padding-right: 20px; float: left;}

/*
------------------------------------- Interior ------------------------------------*/

.resumen{ font: 11px/normal Tahoma, Arial, Verdana, "Trebuchet MS"; vertical-align: top; width: 570px; height: auto; padding: 0px 10px 5px; background: #FFFBF3 url(../graficos/fondo-tablasolapas.gif)  repeat-y center top; text-align: center;}
.nombre-interior{ font: bold 18px/24px Arial, Helvetica, sans-serif; color: #00A5DD; padding: 0px 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F0ECE1; text-align: left;}
.caracteristicas{ font: bold 12px/normal Arial, Helvetica, sans-serif; color: #8A7A5E; text-align: left; padding:  2px 2px 2px 5px; width: 50%;}
.caracteristicas strong { font: bold 12px/normal Arial, Helvetica, sans-serif; color: #008FBF;}
.casillas{ width: 142px; vertical-align: top; text-align: center;}
.casillasresultado{ font: bold 12px/normal Arial, Helvetica, sans-serif; color: #00A2DB; width: 122px; vertical-align: top; text-align: left; padding: 10px;}
.casillastitulo{ font: bold 11px/25px Arial, Helvetica, sans-serif; color: #8A7A5E; padding: 0px 4px 3px 6px; height: 28px; text-align: left; vertical-align: middle;}

.resultados{ font: normal 11px/normal Arial, Tahoma, Verdana, Arial; color: #666666; padding: 0px 0px 0px 3px; height: 17px; text-align: right; width: 50%;}
.porcentajeback{ background: #E3DEC6; margin: 2px 0px; border-top: 1px solid #F5F3EA; border-bottom: 1px solid #F5F3EA; text-align: left; vertical-align: middle;}
.porcentaje{ background: url(../graficos/porcentaje.gif) no-repeat left center; height: 11px;}

/*
------------------------------------- Tabla opinion ------------------------------------*/

.opinion-titulos{ font: bold 11px/normal Arial, Helvetica, sans-serif; color: #696558; height: auto; padding: 5px 10px 5px 6px; text-align: left;}
.opinion-lista{ font: 11px Arial, Helvetica, sans-serif; color: #333333; height: 20px; width: 90px;}
.opinion-area{ font: 11px Arial, Helvetica, sans-serif; color: #333333; height: 100px; width: 520px; background: #e7e2d8 url(../graficos/opinion-form.gif) repeat-x; border: 0px;}
.opinion-campo{ font: 11px Arial, Helvetica, sans-serif; color: #333333; height: 20px; width: 110px; background: #e7e2d8 url(../graficos/sombraform.gif)  repeat-x; border: 0px;}
.opinion-celdas{ font: 11px Arial, Helvetica, sans-serif; color: #696558; text-align: right; vertical-align: middle; height: 20px; width: auto; padding: 3px; }
.opinion-opciones{ height: 20px; width: auto; padding: 1px; text-align: center; vertical-align: middle;} 
.opinion-divisiones{ vertical-align: top; padding:3px 3px 10px; text-align: center; }

.comentario-datos{ font: normal 11px/normal Arial, Helvetica, sans-serif; color: #8A7A5E; padding: 6px; height: auto; text-align: left; vertical-align: middle; background: url(../graficos/sombra-datos.gif)  repeat-x left bottom;}
.comentario-datos strong{ font: bold 11px/normal Arial, Helvetica, sans-serif; color: #8A7A5E;}
.comentario-titulo{ font: bold 11px/normal Arial, Helvetica, sans-serif; color: #696558; height: auto; padding: 5px 10px 5px 6px; text-align: left; background: #EBE8D6;}
.comentario-titulo A:Link, .comentario-titulo A:Visited{ color: #74664E; text-decoration: underline;}
.comentario-titulo A:Hover{ color: #009BD1;}
.comentarios{font: 11px/16px Arial, Helvetica, sans-serif; color: #666666; text-align: left; vertical-align: top; padding: 5px 5px 20px; height: 40px; background: #EBE8D6;}
.comentariosArea{ font: normal 11px/normal Tahoma, Arial, Helvetica; color: #222222; background: #FFFFFF url(../graficos/sombraform.gif); border: 0px; width: 465px;}
.comentario-celda{font: 11px Arial, Helvetica, sans-serif; color: #696558; text-align: left; vertical-align: middle; height: 20px; width: auto; padding: 3px; }
.comentario-legal{ font: 9px/normal Arial, Helvetica, sans-serif; color: #666666; background: #EBE8D6; padding: 8px;}

#respuesta-datos{ font: normal 11px/normal Arial, Helvetica, sans-serif; color: #8A7A5E; padding: 6px 6px 6px 20px; height: auto; text-align: left; vertical-align: middle; background: #F8F7EF url(../graficos/sombra-datos.gif) repeat-x left bottom;}
#sangria{padding-left: 20px;}

/*
------------------------------------- Tabla contacto ------------------------------------*/

.contacto-col01{ font: 11px/normal Arial, Helvetica, sans-serif; text-align: right; vertical-align: middle; height: 25px; width: 222px; padding: 5px; border-bottom: 1px solid #e9dec9; color: #696558;}
.contacto-col02{ font: 11px/normal Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; height: 25px; width: 222px; padding: 5px; border-bottom: 1px solid #e9dec9;}
.contacto-col03{ font: 11px/normal Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; height: 25px; width: 70px; padding: 5px; border-bottom: 1px solid #e9dec9;}
#almanaque{width: 220px;}

/*
------------------------------------- Tabla servicios ------------------------------------*/

.tilde{ text-align: center; vertical-align: middle; height: 23px; width: 30px;}
.item{ font: 11px/normal Arial, Helvetica, sans-serif; color: #696558; text-align: right; vertical-align: middle; padding: 5px; height: 20px; width: 148px;}

/*
------------------------------------- Contenidos generales ------------------------------------*/

.contenidos{ font: 12px/16px Arial, Helvetica, sans-serif; color: #333333; text-align: left; vertical-align: top; padding: 10px;}

/*
------------------------------------Cabeceras ------------------------------------*/

h1{ font: 30px/normal Tahoma, Arial, Verdana, "Trebuchet MS"; color: #FF9900; margin: 3px 0px 12px 5px;}
h2{ font: normal 25px/25px Tahoma, Arial, Verdana, "Trebuchet MS"; color: #FF9900; margin: 2px 0px; padding: 0px 0px 0px 5px;}
h3{ font: bold 16px/normal Tahoma, Arial, Helvetica, Verdana; color: #004D68; text-align: left; vertical-align: middle; padding: 5px; height: 30px;}
h4{ font: normal 10px/normal Tahoma, Arial, Helvetica, Verdana; color: #776A60; margin: 0px; padding: 5px 5px 5px 5px; height: auto; background: #F2ECD7; border: 1px solid #DFDDD0;}
h5{ font: bold 19px/normal Tahoma, Arial, Helvetica, Verdana; color: #333333; background-color: #CDC9B4; margin: 0px; padding: 10px; height: 40px; width: 499px; vertical-align: middle; border-bottom: 1px solid #797153; border-right: 1px solid #FFFFFF;}
sup {font-family:Arial, geneva, sans-serif; font-size: 9pt;} 
A:link {color: #666666; text-decoration: none;}
A:visited {color: #990000; text-decoration: none;}
A:hover { color: #CC6633; text-decoration: none;}

/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */

/* Use a break with this class to clear float containers */
.brclear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
div#qTip { font: normal 9px/13px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FDF3E3; text-align: left; padding: 5px 15px 22px 26px; display: none; position: absolute; z-index: 1500;
	-moz-opacity: .85;
	opacity: .85;
	filter: alpha(opacity=90);
	min-width:auto; background: url(../graficos/globo.gif) no-repeat left top; width: 150px; height: 66px;}

/*
------------------------------------ TAbbed pages------------------------------------*/

#contenidos{ font: 11px/normal Tahoma, Arial, Verdana, "Trebuchet MS"; background: url(../graficos/fondo-tablasolapas.gif)  repeat-y left top; vertical-align: top; width: 590px; height: auto; padding: 10px 0px; margin-right: auto; margin-left: auto;}
#gallery { font: bold 11px/15px Tahoma, Arial, Helvetica, Verdana; color: #8A7A5E; width:588px; height: 51px; float: left; padding-left: 1px; margin: 0px auto; padding-top: 0px;}
#gallery div.off { /*font: bold 16px/38px Tahoma, Arial, Helvetica, Verdana; color:#000000; */background:url(../graficos/solapa-off.gif) no-repeat left bottom; text-align: center; vertical-align: top; height:51px; width: 147px; float:left; cursor:pointer; position:relative; z-index:20;}
#gallery div.on { /*font: bold 16px/38px Tahoma, Arial, Helvetica, Verdana; color:#666600; */background:url(../graficos/solapa-on.gif) no-repeat left bottom; text-align: center; vertical-align: top; height:51px; width: 147px; float:left; cursor:pointer; position:relative; z-index:110;}

div.hide { display:none; width:0; vertical-align:top; margin-top:0px; position:relative;  z-index:0;}
div.show { font: bold 25px/18px Tahoma, Arial, Helvetica, Verdana; width:590px; float: left; clear:left; position:relative;  z-index:50; }
/*div.show img { float:left; margin:0px; }
.clear { clear:both;}

/*
------------------------------------ Formularios------------------------------------*/

.CampoTexto{ font: normal 11px/normal Tahoma, Arial, Helvetica; color: #222222; background: #FFFFFF  url(../graficos/sombraform.gif) repeat left top; width: 200px; height: 17px; border: 0px}
.ListaMenu{ font: normal 11px/normal Tahoma, Arial, Helvetica; color: #555555; background-color: #FFFFFF; width: 200px; height: 17px; border: 0px;}
.AreaTexto{ font: normal 11px/normal Tahoma, Arial, Helvetica; color: #222222; background: #FFFFFF url(../graficos/sombraform.gif); border: 0px; width: 200px;}
.CampoObligatorio{ font: normal 11px/normal Tahoma, Arial, Helvetica; color: #222222; background: #FFFFFF url(../graficos/sombra-obligatorios.gif) repeat left top;  width: 200px; height: 17px; border: 0px;}
.gracias{  font: bold 14px Tahoma, Arial, Helvetica; color: #857963; background: url(../graficos/tablaint-fondo.gif)  repeat-y left top; text-align: center; vertical-align: middle; height: 200px;}
	
/*
------------------------------------ Calendario ------------------------------------*/
	
#calender { width: 200px; font: 9pt Arial, Helvetica, sans-serif; }
#calenderTable { display: none; position: absolute; z-index: 100; top: 0px; left: 0px; background: #F3EBD8;	}
#calenderTable TD { text-align: center; font-size: 7pt; width: 19px; }
#calenderTableHead TR { background-color: white; }
#calenderTableDays TR { background-color: #C3D4E7; }
#selectMonth, #selectYear { font-family: ms sans serif, sans serif; font-size: 7pt; border-width: 0px; border-style: none; }
#calenderTable A { font: bold 11px/normal Tahoma, Arial, Helvetica; color: #CC6600; text-decoration: none; }
#calenderTable A:hover { color: red; text-decoration: none; }
.normalDay { padding: 2px; border-right: 1px solid #e0dccd; border-bottom: 1px solid #e0dccd; cursor: pointer; }
.hlDay { border: 1px solid #c5bfac; background-color: #FFF; color: red; cursor: pointer; }
.toDay { border: 1px solid #E70; background-color: #FD8; color: #E70; font-weight: bold; cursor: pointer;	}
.choosenDay { border: 1px solid green; background-color: #A8FAA8; color: green; font-weight: bold; cursor: pointer; }	

/*
------------------------------------ Curvas tabla ------------------------------------*/

.tablaintcab{ font: bold 12px/23px Arial, Helvetica, sans-serif; color: #635B4B; background: url(../graficos/tablaint-cabezal.gif) no-repeat left top; text-align: left; padding: 0px 3px 0px 6px; height: 36px; width: 555px;}
.tablaintfon{ background: url(../graficos/tablaint-fondo.gif)  repeat-y left top; text-align: center; vertical-align: top;} 

/*
----------------------------------- Titulos ------------------------------------------*/
.Titulo1{ font: 30px/normal Tahoma, Arial, Verdana, "Trebuchet MS"; color: #FF9900; margin: 3px 0px 12px 5px;}
.Titulo2{ font: normal 25px/28px Tahoma, Arial, Verdana, "Trebuchet MS"; color: #FF9900; margin: 2px 0px;}