@charset "utf-8";
* {
	margin:0;
	padding:0
}
body {
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	background: #CF2A26;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#intro {
	width: 970px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #B82226;
}
#container {
	width: 970px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #B82226;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url(../img/pie_bg.png) no-repeat 0px bottom #FFF;
	padding-bottom: 15px;
}
#header {
	padding: 5px 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	font:normal 12px "Trebuchet MS", Arial, Tahoma, sans-serif;
	text-align:right;
	color:#ffcccc;
	height: 22px;
}
#header a {
	color:#ffcccc;
}
/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the "#sidebarp" rule.
*/



#sidebar {
	float: left;
	width: 279px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0 0 0; /* top and bottom padding create visual space within this div */
	background: url(../img/sidebar_bg.png) no-repeat 0 top;
	margin-bottom: 50px;
}

#sidebar div.logo img {
	margin:0 0 0 40px
}

#sidebar .arrowlistmenu ul.categoryitems 
{
/*	position:relative;*/
}

#sidebar ul li {
	font:normal 13px "Trebuchet MS", Arial, Tahoma, sans-serif;
/*	position: relative;
*/	text-transform: uppercase;
	list-style:none;
	height: 20px;
	margin:0;
	padding:0;

}
#sidebar ul li a {
	color: #e33126;
	text-decoration: none;
	display: block;
}
#sidebar ul li a:hover {
	background-color: #e33126;
	text-decoration: none;
	color:#FFFFFF;
	padding: 0px 2px;
}
#sidebar ul li.seccion1, #sidebar ul li.seccion2, #sidebar ul li.seccion3, #sidebar ul li.seccion4, #sidebar ul li.seccion5  {
	background: none;
	text-indent: 7px;
}

#sidebar ul li.seccion1 a, #sidebar ul li.seccion2 a, #sidebar ul li.seccion3 a, #sidebar ul li.seccion4 a, #sidebar ul li.seccion5 a {	text-decoration: none;
	text-transform:none;
}
#sidebar ul li.seccion1 a {
	color: #7caf38;
}
#sidebar ul li.seccion2 a {
	color: #009BC9;
}
#sidebar ul li.seccion3 a {
	color: #9A4D9E;
}
#sidebar ul li.seccion4 a {
	color: #F89728;
}
#sidebar ul li.seccion5 a {
	color: #0077C0;
}
#sidebar ul li.seccion1 a:hover {
	background-color: #7caf38;
	color:#FFF;
}
#sidebar ul li.seccion2 a:hover {
	background-color: #009BC9;
	color:#FFF;
}
#sidebar ul li.seccion3 a:hover {
	background-color: #9A4D9E;
	color:#FFF;
}
#sidebar ul li.seccion4 a:hover {
	background-color: #F89728;
	color:#FFF;
}
#sidebar ul li.seccion5 a:hover {
	background-color: #0077C0;
	color:#FFF;
}

#sidebar ul li.select1, #sidebar ul li.select2, #sidebar ul li.select3, #sidebar ul li.select4, #sidebar ul li.select5, .select0 {
	text-indent:7px;
	color:#FFFFFF;
	text-transform: none;
}
#sidebar ul li.select1 {
	background-color: #7caf38;
}
#sidebar ul li.select2 {
	background-color: #009BC9;
}
#sidebar ul li.select3 {
	background-color: #9A4D9E;
}
#sidebar ul li.select4 {
	background-color: #F89728;
}
#sidebar ul li.select5 {
	background-color: #0077C0;
}

#mainContent {
	margin: 0 0 0 279px;
	background: url(../img/mainContent_bg.png) no-repeat 0 top;
}
#mainContent h1 {
	color: #e33126;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: normal;
}
.imgnews {
	margin: 10px 0 0 30px;
}

#mainContent h1.seccion1 {
	background: url(../img/bullet_seccion01.png) no-repeat 0 5px;
	text-indent: 27px;
}
#mainContent h1.seccion2 {
	background: url(../img/bullet_seccion02.png) no-repeat 0 5px;
	text-indent: 27px;
	color: #009BC9;
}
#mainContent h1.seccion3 {
	background: url(../img/bullet_seccion03.png) no-repeat 0 5px;
	text-indent: 27px;
	color: #9A4D9E;
	height: 30px;
}
#mainContent h1.seccion4 {
	background: url(../img/bullet_seccion04.png) no-repeat 0 5px;
	text-indent: 27px;
	color: #F89728;
}
#mainContent h1.seccion5 {
	background: url(../img/bullet_seccion02.png) no-repeat 0 5px;
	text-indent: 27px;
	color: #0077C0;
}
#mainContent h2 {
	color: #e33126;
	font: normal 14px "Trebuchet MS", Arial, Tahoma, sans-serif;
	margin-bottom: 10px;
	height: 16px;
}
#mainContent h2 a {
	color: #e33126;

}
#mainContent h3 {
	color: #4d8c0f;
	font: bold 16px "Trebuchet MS", Arial, Tahoma, sans-serif;
	margin-bottom: 3px;
	text-transform: uppercase;
}
#mainContent h3 a {
	color: #8cc63f;
	font: bold 18px "Trebuchet MS", Arial, Tahoma, sans-serif;
	text-decoration: none
}
#mainContent h4 {
	color: #e33126;
	font: normal 16px "Trebuchet MS", Arial, Tahoma, sans-serif;
	margin-bottom: 3px;
}
#mainContent h4 a {
	color: #e33126;
	text-decoration:none
}
#mainContent h4 a:hover {
	text-decoration:underline
}
#mainContent div.Content {
	margin-top:140px;/*150*/
	margin-bottom:80px;
	margin-right: 40px;
	position: relative;
}
#mainContent div.Image {
	margin-top:80px;
	float:right;
}
#mainContent div.ImageExcursion {
	margin-top:80px;	
	float: right;
	position: relative;
	right: 30px;
	width: 270px;

}

#mainContent p {
	font: normal 13px "Trebuchet MS", Arial, Tahoma, sans-serif;
	margin-bottom:10px;
}
#mainContent p.excursion {
	font: normal 13px "Trebuchet MS", Arial, Tahoma, sans-serif;
	margin-bottom:10px;
	width: 380px;
}

#mainContent ul.vinculos {
	font: normal 16px "Trebuchet MS", Arial, Tahoma, sans-serif;
}
#mainContent ul.vinculos li {
	list-style-position: inside;
}
#mainContent ul.vinculos li a {
	text-decoration: none;
}
#mainContent ul.listado li {
	font:normal 13px "Trebuchet MS", Arial, Tahoma, sans-serif;
	list-style:none;
	margin-bottom: 3px;
}

#footer {
	padding: 0 10px;
	height:40px;
	clear: both;
}
#footer p {
	margin: 10px 0 0 0;
	padding: 10px 0;
	font: normal 12px "Trebuchet MS", Arial, Tahoma, sans-serif;
	color: #5D832A;
}
#footer p a {
	color: #5D832A;
}
/* Miscellaneous classes for reuse */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
}
.fltlftImg {
	float: left;
	margin: 5px 12px 10px 0;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#mainContent div.linea {
	height: 1px;
	background: url(../img/punteada2.gif) 0 0 repeat-x;
	clear: both;
	margin: 7px 0 10px 0;
	display: block;
	font-size: 1px;
}
#mainContent div.linealogo {
	height: 1px;
	background: url(../img/punteada2.gif) 0 0 repeat-x;
	clear: both;
	margin: 2px 0 2px 0;
	display: block;
	font-size: 1px;
}

.cc {
	color:#e33126;
	font-weight: bold;
}
.col1 {
	width: 300px;
	float: left;
	margin: 0 0 10px 0;
	padding-right:20px;
}
.excursiones a {
	text-decoration: none;
	display:block
}
.excursiones a:hover {
	text-decoration: underline;
}
#mainContent div.excursiones a {
	color:#000000;
}
.color1, .color1 a {
	color: #4d8c0f;
}
.color2, .color2 a {
	color: #009BC9;
}
.color3, .color3 a {
	color: #9A4D9E;
}
.color4, .color4 a {
	color: #F89728;
}
.color5, .color5 a {
	color: #0077C0;
}
.timing {
	margin-top:20px;
	position: relative;
}
.timing b {
	color: #e33126
}
.timing td {
	background:url(../img/punteada2.gif) repeat-x 0 top;
	padding:3px;
	font:normal 14px "Trebuchet MS", Arial, Tahoma, sans-serif;
}
.timing th {
	text-align:left;
	color:#009BC9;
	font:bold 16px "Trebuchet MS", Arial, Tahoma, sans-serif;
	margin:0;
	padding-bottom:5px;

}
.polos h5 {
	color: #9A4D9E;
	font:bold 18px "Trebuchet MS", Arial, Tahoma, sans-serif
}
.polos ul {font: normal 13px "Trebuchet MS", Arial, Tahoma, sans-serif}
.polos ul li { list-style: none}

.polos a {
	color: #9A4D9E;
	font-size: 13px;
}
.formulario {
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 13px;
	color: #999999;
}
.campos {
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 14px;
	border: 1px solid #CCCCCC;
}
.boton {
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #CF2A26;

}
.arrowlistmenu{
	width: 157px; /*width of accordion menu*/
	text-align: left;
	margin: 54px 0 36px 40px;/* 70px 0 100px 40px*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: normal 13px "Trebuchet MS", Arial, Tahoma, sans-serif;
	color: #e33126; /*bottom spacing between header and rest of content*/
	text-transform: uppercase; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	background-image: url(../img/punteada.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 2px 0;
}

.arrowlistmenu .menuheaderselect{ /*CSS class for menu headers in general (expanding or not!)*/
	font: normal 13px "Trebuchet MS", Arial, Tahoma, sans-serif;
	color: #FFF; /*bottom spacing between header and rest of content*/
	text-transform: uppercase; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	height: 22px;
	background-image: url(../img/punteada.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color:#e33126;
	padding: 2px 0;
	text-indent: 7px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/

}

.arrowlistmenu ul li{

}

.arrowlistmenu ul li a{

}

.arrowlistmenu ul li a:visited{

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/

}
.arrowlistmenu .menuheader a {
	color: #e33126; /*bottom spacing between header and rest of content*/
	text-decoration: none
}
.sublinks {
	font-size: 12px;
	text-transform: uppercase;
	color: #9A4D9E;
}
.sublinks ul {
	margin: 0 0 10px 0;
	height: 23px;
	border-bottom: 1px solid #CCC;
}
	
.sublinks a {
	color: #9A4D9E;
	text-decoration: none;
}
.sublinks li {
	float: left;
	list-style-type: none;
	margin: 0 5px;
	border: 1px solid #CCC;
	padding: 2px 5px;
	border-bottom: 1px solid #FFF;
	background-color: #FFFFFF;
}
.sublinks li.select {
	color: #723975;
	background-color: #CCC;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
}

.directorio a{ color:#e33126}
.hoteles a { font: normal 16px "Trebuchet MS", Arial, Tahoma, sans-serif; color:#0077C0}


.volanta { font: normal 11px "Trebuchet MS", Arial, Tahoma, sans-serif; text-transform:uppercase; color:#0077C0}
.Content .listado .img {
text-align:center;
}
.Content .tabla {
	background-image: url(../img/punteada2.gif);
	background-repeat: repeat-x;
	border-bottom-color: #999999;
}
/*nuevo*/


.Content .novedades ul {
	background:url(../img/punteada2.gif) 0 0 repeat-x !important;
	padding: 10px !important;
	text-decoration: none !important;
}
.Content .novedades ul li {
    list-style:none !important;
	font: normal 13px "Trebuchet MS", Arial, Tahoma, sans-serif !important;
	color: #e33126 !important;
	text-decoration: none !important;
}
.Content .novedades ul li a {
	font: normal 13px "Trebuchet MS", Arial, Tahoma, sans-serif !important;
	color: #e33126 !important;
	text-decoration: none !important;
}
.Content .novedades ul li {
    list-style:none !important;
	font: normal 13px "Trebuchet MS", Arial, Tahoma, sans-serif !important;
	color: #e33126 !important;
	text-decoration: none !important;
}
.novedades {
	width: 630px;
}
.novedades .paginado {
	font-size: 13px;
	color: #7EB535;
	text-align: right;
	width: 200px;
	float: right;
	margin-top: 10px;
}
.novedades .paginado a {
	color: #E33126;
	text-decoration: none;
}

/*CLASES LOGO CLUBONE*/
#sidebar .clubone {
	margin-left: 40px;
	width: 160px;
	margin-bottom: 60px;
	padding-bottom: 70px;
}
/*CLASES LEGALES Y CREDITOS*/
.legales .creditos {
	float: right;
	margin-top: 5px;
}
.legales {
	clear:both;/**/
	width: 970px;
	margin-top:15px;
	height: 30px;
	margin: 0px auto;
}
.legales p {
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	margin: 5px 0 0 0;
}