@charset "UTF-8";

/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

.Accordion {
	border:0;
	overflow: hidden;
}
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelContent1 {
border:0;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 380px;
	background-image:url(../site_files/tulum/images/tulum1.jpg);
	background-repeat:no-repeat;
}
.AccordionPanelContent2 {
border:0;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 380px;
	background-image:url(../site_files/tulum/images/tulum2.jpg);
	background-repeat:no-repeat;
}
.AccordionPanelContent3 {
border:0;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 380px;
	background-image:url(../site_files/tulum/images/tulum3.jpg);
	background-repeat:no-repeat;
}
.AccordionPanelContent4 {
border:0;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 380px;
	background-image:url(../site_files/tulum/images/tulum4.jpg);
	background-repeat:no-repeat;
}

.AccordionPanelTabHover {
border:0;
    color: #e7e7e7;
}
.AccordionPanelOpen .AccordionPanelTabHover {
border:0;
	color: #ffffff;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
  .AccordionPanelTab1 {
  border:0;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	padding-left: 10px;
	height:30px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	font-style:normal;
background-color: #000000;
}
 
.AccordionFocused .AccordionPanelTab1 {
border:0;
	background-color: #000000;
	color: #e7e7e7;
}

 .AccordionPanelOpen .AccordionPanelTab1 {
 border:0;
	background-color: #000000;
	color: #ffffff;
	text-align:left;
}



 .AccordionPanelTab2 {
 border:0;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	padding-left: 10px;
	height:30px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	font-style:normal;
    background-color: #000000;
}
 
.AccordionFocused .AccordionPanelTab2 {
border:0;
	background-color: #000000;
	color: #e7e7e7;

}

 .AccordionPanelOpen .AccordionPanelTab2 {
 border:0;
	background-color: #000000;
	color: #ffffff;
	text-align:left;

}



.AccordionPanelTab3 {
border:0;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	padding-left: 10px;
	height:30px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	font-style:normal;
background-color: #000000;
}
 
.AccordionFocused .AccordionPanelTab3 {
border:0;
	background-color: #000000;
	color: #e7e7e7;

}

 .AccordionPanelOpen .AccordionPanelTab3 {
 border:0;
	background-color: #000000;
	color: #ffffff;
	text-align:left;

}


.AccordionPanelTab4 {
border:0;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	padding-left: 10px;
	height:30px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	font-style:normal;
background-color: #000000;
}
 
.AccordionFocused .AccordionPanelTab4 {
border:0;
	background-color: #000000;
	color: #e7e7e7;

}

 .AccordionPanelOpen .AccordionPanelTab4 {
 border:0;
	background-color: #000000;
	color: #ffffff;
	text-align:left;

}