body {
	margin: 0;	
	font-family: "lucida grande", tahoma, sans-serif;
}

a, object {
	outline: none;
}

hr {
	margin: 20px 0 0 0;
	background-color: #eee;
	color: #eee;
	height: 1px;
	border: 0;
}

#body-blue {
	background: #c2edf3 url(../img/blue-bg-dos.gif) center top no-repeat;
	width: 100%;
	overflow: hidden;
}
#body-san-felipe {
	background: #c2edf3 url(../img/blue-bg-dos.gif) center top no-repeat;
	width: 100%;
	overflow: hidden;
}

#body-tijuana {
	background: #F7C147 url(../img/tijuana-bg.gif) center top no-repeat;
	width: 100%;
	overflow: hidden;
}

#body-rosarito {
	background: #00AEAB url(../img/rosarito-bg.gif) center top no-repeat;
	width: 100%;
	overflow: hidden;
}

#body-ensenada {
	background: #EFE6BF url(../img/ensenada-bg.gif) center top no-repeat;
	width: 100%;
	overflow: hidden;
}

#body-tecate {
	background: #C5B179 url(../img/tecate-bg.gif) center top no-repeat;
	width: 100%;
	overflow: hidden;
}

#body-mexicali {
	background: #66CCCC url(../img/mexicali-bg.gif) center top no-repeat;
	width: 100%;
	overflow: hidden;
}

#pagina {
	width: 980px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
}

/*---<titulo>---*/

h1 {
	float: left;
	width: 200px;
	height: 95px;
	margin: 0;
	padding: 4px 0 15px 15px;
}

#titulo img {
	margin: 0;
	border: 0;
}

h3#subtitulo {
	float: left;
	margin: 0;
	color: #00AEAB;
	font-size: 16pt;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1pt;
	padding: 73px 0 0 20px;
}

#cabecera {
	float: right;
	width: 100px;
	height: 98px;
}

#lenguaje {
	width: 100px;
	height: 10px;
}

#lenguaje p {
	margin: 0;
	padding-top: 82px;
	padding-right: 15px;
	text-align: right;	
}

#lenguaje img {
	border: 0;
	padding: 5px 0 0 5px;
}

#search {
	position: relative;
	width: 776px;
	height: 40px;
}

#search img {
	float: right;
	padding-top: 15px;
}



/*---<izquierda>---*/

#izquierda {
	float: left;
	width: 800px;
	margin-top: 10px;
}

#introduccion {
	clear: both;
	width: 800px;
	height: 305px;
}

/*---<postcard>---*/

#postcard {
	position: absolute;
	top: 335px;
	right: 155px;
}

#postcard img {
	border: 0;
	width: 258px;
	height: 230px;
}

/*---<contenido>--*/

#contenido {
	margin: 10px 0 0 0;
	width: 100%;
	overflow: hidden;
	background: transparent url(../img/contenido-bg.gif) 0 0 no-repeat;
}

#contenido-down {
	margin: 0;
	width: 800px;
	height: 20px;
	background: transparent url(../img/contenido-down-bg.gif) 0 bottom no-repeat;
}

/*---<barra>---*/

#barra {
	float: left;
	width: 220px;
	margin: 20px 10px 0 0;
	padding-left: 10px;
}

#barra h4 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-size: 8pt;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
	color: #00AEAB;
}


#weather {
	margin-bottom: 15px;
}

#NewsWeather {
	width:220px;
	height:35px;
	display:block;
	overflow:hidden;
	position:relative;
}

.clima {
	width:220px;
	height: 35px;
	margin: 0;
}
.clima a:link, a:visited {
text-decoration:none;
}

.clima img {
	float: left;
	width: 50px;
	height: 35px;
	padding: 0 5px 0 10px;
	vertical-align: middle;	
}

.clima h5 {
	float: left;
	margin: 0;
	padding: 5px 0px; 
	font-size: 14pt;
	font-weight: normal;
	text-align: center;
	color: #E3B721;
}

.clima h5 span {
	font-size: 12pt;
	letter-spacing: 1px;
}

#comingevents {
	font-size: 8pt;
	text-transform: uppercase;
	line-height: 15pt;
}

#NewsVertical {
	width:220px;
	height:231px;
	display:block;
	overflow:hidden;
	position:relative;
}

.rollover {
	width: 218px;
	height: 52px;
	margin: 0 0 5px 0;
	border: 1px solid #eee;
}

.rollover img {
	width: 40px;
	float: left;
	border: 1px solid #eee;
	margin: 5px;
}

.rollover p {
	margin: 0;
	padding: 8px 0 0 8px;
}

.rollover span {
	padding: 1px 3px;
	border: 1px solid #E3B721;
}

.rollover a {
	text-decoration: none;
	color: #E3B721;
}

.rollover a:hover {
	/*background-color:#f7f7f7;*/
	background-color: #C2EDF3;
	display: block;
	height: 52px;
}

p.see {
	margin: 5px 0 0 0;
	padding: 0;
	border-top: 1px solid #eee;
	font-size: 8pt;
	text-transform: uppercase;
}

p.see a {
	color: #89C33F;
	text-decoration: none;
}

p.see a:hover {
	color: #822062;
}

/*---<textos>---*/

#textos {
	float: left;
	width: 340px;
	margin: 10px 10px 0 0;
	color: #666666;
}

#textos h2 {
	margin: 0 0 2px 0;
	font-size: 26pt;	
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;

	border-bottom: 1px solid #eee;
	color: #00AEAB;
}

#textos p {
	margin: 0 0 10px 0;
	font-size: 8pt;
	text-align: justify;
	line-height: 13pt;
}

#textos a {
	color: #00AEAB;
	text-decoration: none;
	text-transform: uppercase;
}

#textos a:hover {
	color: #822062;
}

/*---<textos-generales>---*/

#textos-generales {
	float: left;
	width: 570px;
	margin: 10px 10px 0 10px;
	display: inline;
	color: #666666;
}

#textos-generales h2 {
	margin: 0 0 2px 0;
	font-size: 26pt;	
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #eee;
	color: #00AEAB;
}

#textos-generales h3 {
	margin: 10px 0 2px -1px;
	font-size: 16pt;	
	font-weight: normal;
	color: #999;
}

#textos-generales h4 {
	margin: 20px 0 2px -1px;
	font-size: 10pt;	
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #666;
}

#textos-generales h4 span {
	padding-left: 5px;
	font-size: 8pt;
	font-weight: normal;
	color: #89C33F;
}

#textos-generales h5 {
	margin: 20px 0 2px -1px;
	font-size: 10pt;	
	font-weight: bold;
	letter-spacing: 1px;
	color: #666;
}

#textos-generales h5 span {
	padding-left: 5px;
	font-size: 8pt;
	font-weight: normal;
	color: #89C33F;
}

#textos-generales p {
	margin: 0 0 10px 0;
	font-size: 8pt;
	text-align: justify;
	line-height: 13pt;
}

#textos-generales ul {
	margin: 0 0 10px 0;
	padding-left: 15px;
}

#textos-generales ul li {
	margin: 0 0 3px 0;
	font-size: 8pt;
	text-align: justify;
	line-height: 13pt;
	list-style: url(../img/dot.gif);
}

#textos-generales ol {
	margin: 0 0 10px 5px;
	padding-left: 15px;
}

#textos-generales ol li {
	margin: 0 0 3px 0;
	font-size: 8pt;
	text-align: justify;
	line-height: 13pt;	
}

#textos-generales p a, #textos-generales table a, #textos-generales li a, #textos-generales address a {
	color: #00AEAB;
	text-decoration: none;
}

#textos-generales p a:hover, #textos-generales table a:hover, #textos-generales li a:hover, #textos-generales address a:hover {
	color: #822062;
}
#textos-generales address {
	margin: 0 0 10px 0;
	font-size: 8pt;
	text-align: justify;
	line-height: 13pt;
}

img.photo-center {
	display: block;
	margin: 20px auto;
	border: none;
}

img.photo-musts {
	display: block;
	margin: 5px auto;
	border: none;
}

#programas {
	text-align: center;
}

#programas img {
	border: none;
	margin: 10px 10px 10px 20px;		
}


img.imgright {
	margin: 0 10px 0 0;
	padding: 5px;
	background-color: #eee;
	float: right;
}

/*---<textos-centro>---*/

#textos-centro {
	text-align: center;
}

#textos-centro p {
	text-align: center;
}

#textos-generales table {
	width: 100%;
	font-size: 8pt;
	margin: 10px 0;
}

#textos-generales table thead th {
	text-align: left;
	background-color: #999;
	text-transform: uppercase;
	padding: 5px;
	color: #fff;
	letter-spacing: 1pt;
}

#textos-generales table tr td {
	padding:  5px;
	border-bottom: 1px solid #eee;
	line-height: 13pt;
}

.second {
	background-color: #f7f7f7;
}


.tour {
	border-bottom: 1px solid #eee;
}

.tour img {
	float: right;
	width: 210px;
	height: 110px;
	padding-top: 5px;
}

.destacar {
	border: 1px solid #eee;
	margin: 20px 0 20px 0;
	padding: 0 20px 10px 20px;
}

/*---para contenidos ocultos---*/

.demo-show2 h3, .demo-show2 h4 {
  cursor: pointer;
}

.hover {
  cursor: pointer;
  background: #ffc;
}

/*---<textos-vinos>---*/

#textos-vinos {
	float: left;
	width: 570px;
	margin: 10px 10px 0 10px;
	display: inline;
	color: #666666;
}

#textos-vinos h2 {
	margin: 0 0 2px 0;
	font-size: 26pt;	
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #eee;
	color: #00AEAB;
}

#textos-vinos h3 {
	margin: 10px 0 2px -1px;
	font-size: 16pt;	
	font-weight: normal;
	color: #999;
}

#textos-vinos h4 {
	margin: 20px 0 2px -1px;
	font-size: 10pt;	
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}

#textos-vinos h4 span {
	padding-left: 5px;
	font-size: 8pt;
	font-weight: normal;
	color: #89C33F;
}

#textos-vinos h5 {
	margin: 20px 0 2px -1px;
	font-size: 10pt;	
	font-weight: bold;
	letter-spacing: 1px;
	color: #666;
}

#textos-vinos p {
	margin: 0 0 10px 0;
	font-size: 8pt;
	text-align: justify;
	line-height: 13pt;
}

#textos-vinos p a {
	color: #00AEAB;
	text-decoration: none;
}

#textos-vinos p a:hover {
	color: #822062;
}

.lugar {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

img.logo-center {
	display: block;
	margin: 20px auto;
	padding: 5px;
	background-color: #eee;
	border: none;
}


/*---<events-thumb>---*/

.event-thumb {
	margin: 10px 0;
	border: 1px solid #eee;
	height: 65px;
}

.event-thumb h5 {
	margin: 10px 0 0 0;
	font-size: 8pt;
	text-transform: uppercase;
}

.date-thumb {
	text-align: center;
	border: 1px solid #eee;
	float: left;
	margin: 10px 10px 0 10px;
	padding: 2px 5px;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fff;
}

span.day {
	font-size: 14pt;
}

.info-thumb {
	float: left;
}

span.location {
	text-transform: uppercase;
}

div.event-thumb a {
	text-decoration: none;
	color: #666;
}

div.event-thumb a:hover {
	background-color: #8AC440;
	color: #666;
	display: block;
	height: 65px;
}

/*---<submenu>---*/

#submenu {
	float: left;
	width: 200px;
	/*margin: 55px 0 0 0;*/
	margin: 10px 0 0 0;
}

#submenu h4 {
	margin: 0;
	padding: 20px 0 5px 0;
	font-size: 8pt;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
	/*color: #ccc;*/
	color: #00AEAB;
}

#submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.news-menu li {
	font-size: 8pt;
	text-transform: uppercase;
	line-height: 15pt;
	border-bottom: 1px solid #eee;
}

#submenu li {
	font-size: 8pt;
	text-transform: uppercase;
	line-height: 15pt;
}

#submenu li a {
	color: #89C33F;
	text-decoration: none;
}

#submenu li a:hover {
	color: #822062;
}


#favtime {
	width: 200px;
	height: 45px;
	background: transparent url(../img/favtime-bg.gif) 0 0 no-repeat;
}

#favtime p {
	margin: 0 0 0 10px;
	font-size: 8pt; 
	text-transform: uppercase;
	padding: 6px 5px 0 15px;
	color: #333;
}

.pclock {
	background: transparent url(../img/clock.png) 0 85% no-repeat;
}

.pfav {
	background: transparent url(../img/star.png) 0 85% no-repeat;
}

#favtime p a {
	color: #00AEAB;
	text-decoration: none;
}

#favtime p a:hover {
	color: #822062;
}

/*---<submenu-general>---*/

#submenu-general {
	float: left;
	width: 200px;
	margin: 14px 0 0 0;	
}

#submenu-general h4 {
	margin: 0;
	padding: 20px 0 5px 0;
	font-size: 8pt;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
	color: #00AEAB;
}

#submenu-general ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#submenu-general li {
	font-size: 8pt;
	text-transform: uppercase;
	line-height: 15pt;
}

#submenu-general li a {
	color: #89C33F;
	text-decoration: none;
}

#submenu-general li a:hover {
	color: #822062;
}


/*---<otra-galeria>---*/

#galeria-generales {
	float: left;
	width: 780px;
	margin: 10px 10px 0 10px;
	display: inline;
	color: #666666;
}

#galeria-generales h2 {
	margin: 0 0 2px 0;
	font-size: 26pt;	
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #eee;
	color: #00AEAB;
}

#otra-galeria h5 {
	margin: 0;
	padding: 10px 0 5px 0;
	font-size: 8pt;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
	color: #00AEAB;
}

#thumb-galeria img {
	margin: 7px 1px 0 1px;
}

#thumb-galeria a img {
	border: 2px solid #00AEAB;
}

#thumb-galeria a:hover img {
	border: 2px solid #822062;
}

/*---<thumb-gallery>--*/

#thumb-gallery img {
	margin: 5px 2px 3px 1px;
}

#thumb-gallery a img {
	border: 1px solid #00AEAB;
}

#thumb-gallery a:hover img {
	border: 1px solid #822062;
}

p.see-five {
	margin: 2px 0 0 0;
	padding: 2px 0 0 0;
	border-top: 1px solid #eee;
	font-size: 8pt;
	text-transform: uppercase;
}

p.see-five a {
	color: #89C33F;
	text-decoration: none;
}

p.see-five a:hover {
	color: #822062;
}

/*---<subcontenido>---*/

#subcontenido {
	margin: 10px 0 0 0;
	height: 160px;
	background: transparent url(../img/subcontenido-bg.gif) 0 0 no-repeat;	
}

#tercermenu {
	float: left;
	width: 210px;
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
}

#tercermenu h4 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 8pt;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
	color: #00AEAB;
}

#tercermenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#tercermenu li {
	font-size: 8pt;
	text-transform: uppercase;
	line-height: 15pt;
}

#tercermenu li a {
	color: #89C33F;
	text-decoration: none;
}

#tercermenu li a:hover {
	color: #822062;
}

li.films a {
	/*border: 1px solid #ccc;
	padding: 2px 4px;*/
}

li.films a:hover {
	/*background-color: #ffffcc;
	border: 1px solid #ccc;
	padding: 2px 4px;**/
}

.banner {
	float: left;
	margin: 10px 0 10px 10px;
}

.banner img {
	border: none;
}

/*---<pie>---*/

#pie {
	margin: 8px 0 0 0;
}

#logos {
	text-align: center;
}

#logos img {
	border: 0;
	margin: 0 5px;
	vertical-align: middle;
}

.direccion p {
	margin: 0 0 5px 0;
	font-size: 7pt;
	line-height: 12pt;
	text-align: center;
	text-transform: uppercase;
	color: #444;
}

.direccion img {
	border: 0;
	vertical-align: middle;
}

.direccion a {
	color: #89C33F;
	text-decoration: none;
	text-transform: uppercase;
}

.direccion a:hover {
	color: #822062;
}

/*---<derecha>---*/

#derecha {
	float: left;
	width: 170px;
	margin: 10px 0 0 10px;
}

#sign{
width:150px;
height:80px;
padding:10px;
background: url(../img/sign.gif);
}
#signup-button
{
margin:5px 0 0 56px;
cursor:pointer;
}
#signup-text
{
width:145px;
height:13px;
margin:0;
padding:3px 0 3px 0;
font-size:7pt;
font-weight:bold;
}
.add-loader-icon
{
	background: #ffffff url(../img/ajax-loader.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.add-ok-icon
{
	background: #ffffff url(../img/ok.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#sign h3 {
	font-size: 10pt;
	font-weight: normal;
	margin: 0;
	padding: 2px 0;
	text-transform: uppercase;
	letter-spacing: 1pt;
	color: #666666;
}

#clear-weirdo
{
display:block;
height:10px;
}

/*---<tab-container-1>---*/

#tab-container-1 {
	background-color: #832062;
	height: 330px;
}

ul#tab-container-1-nav {
	margin: 0;
	padding: 0;	
}

ul#tab-container-1-nav li {
	float: left;
	display: inline;
	margin: 1px 0 0 1px;
	list-style: none;
	width: 50px;
	height: 50px;
	padding: 5px 0 0 5px;
}

ul#tab-container-1-nav li {
	background-color: #C12F92;	
}

ul#tab-container-1-nav li.activeli {
	background-color: #832062;
}

ul#tab-container-1-nav li img {
	border: 0;
	width: 45px;
	height: 45px;
}

.tab {
	clear: both;
}

.tab h3 {
	font-size: 10pt;
	font-weight: normal;
	margin: 0;
	padding: 5px 0;
	text-transform: uppercase;
	text-align: center;	
	letter-spacing: 1pt;
	color: #D1A7C4;
}

.tab form {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 8pt;
}
#form-reservacion, #forma-contactanos {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 8pt;
}
.tab form label {
	text-transform: uppercase;
	color: #D1A7C4;
	display:block;
	margin:0;
	padding:0;
	/*margin-top:10px;*/
}
#form-reservacion label, #forma-contactanos label {
	text-transform: uppercase;
	color: #89c33f;
	display:block;
	margin:0;
	padding:0;
	/*margin-top:10px;*/
}
.tab form input,.tab form select, #form-reservacion select, #forma-contactanos select {
margin:0;
padding:0;
font-size: 8pt;
}

.tab form select option, #form-reservacion select option, #forma-contactanos select option {
font-size: 8pt;
}
.tab form select, #form-reservacion select, #forma-contactanos select
{
	width:140px;
}
.input-small
{
width:50px;
}
.icalendar
{
width:100px;
background: #ffffff url(../img/calendar_empty.gif);
background-position:right;
background-repeat:no-repeat;
}
#submit-green
{
position:absolute;
margin:168px 0 0 60px;
cursor:pointer;
}
.tab-form-row
{
	width:130px;
	height:40px;
	display:block;
}
.tab-form-row-textarea
{
	width:130px;
}
.tab-form-row-textarea textarea
{
height:150px;
}
.calendar
{
margin:5px auto;
width:180px;
font-size:8pt;
}
.calendar a:link,.calendar a:visited {
	color: #89C33F;
	text-decoration: none;
}

.calendar a:hover,.calendar a:active {
	color: #822062;
}
.event,.hotel,.restaurante,.noticia, .weather
{
padding:5px;
overflow:hidden;
}
#foto-hotel img
{
float:right;
background-color:#f7f7f7;
border:#eee;
padding:2px;
margin:20px 0 10px 10px;
}
#hotel-booking
{
float:right;
background-color:#f7f7f7;
border:#eee;
padding:2px;
margin:2px;
width:200px;

}
/*.event img,.hotel img,.restaurante img,.noticia img*/
.hotel img,.restaurante img
{
float:right;
background-color:#FFFFFF;
padding:5px;
border:1px solid #ffffff;
margin:5px;
}
.pintalo
{
background-color:#f7f7f7;
}
.event-info
{
overflow:hidden;
}
.fecha-evento
{
float:left;
}
.destino-evento
{
float:right;
}
.bg-event
{
background-color:#c2edf3;
}
ul#hotel-services-list
{
	overflow:hidden;
}
ul#hotel-services-list li
{
	float:left;
	width:250px;
}
.options-event
{
float:right;
}
.weather img
{
float:right;
padding:5px;
margin:5px;
}
caption {
	margin: 20px 0 2px -1px;
	font-size: 10pt;	
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #666;
}