/* CSS Document */

html {
	height: 100%;
	overflow-x:hidden;
	overflow-y:auto;	
}
body {
	height: 100%;	
}
*html body {
	height: 100%;	
	/*overflow-x:hidden;*/
}
.clr {
	clear: both;
}
/**********************************************/
/*** estilo para destacar items con fondo color ***/
#destacar_item {
	padding:0 4px 4px 4px;
	margin:5px 0 10px 0;
	*margin:0 0 10px 0;	
	background: #D8ECC7 url(../images/destacado_bajo.jpg) bottom right no-repeat;
}
/**********************************************/
#contenedor {
	padding:10px 0 0 0;		
	background: #F4FDEC url(../images/fondo_degradado.jpg) center 0 repeat-y fixed;
}
.outline {
  border: 1px solid #cccccc;
  background: #ffffff;
	padding: 2px;
}
/*************** CABECERA ********************/
#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}
#header_menu {
	height:20px;	
	background-color: #000;
	border-top:3px solid #2D9725;
	color:#FFFFFF;
	font-family:'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:1px 15px 0 15px;
}
#header_menu #left {
	float:left;
	width:600px;
	height:20px;
}
/*****/
a.mainlevel-sup {	
	list-style: none;
	padding:0 5px 0 0;
	margin: 0;
	font-size: 11px;
	font-family:'Lucida Sans', Arial, Helvetica, sans-serif;
	color: #FFF;
/*	border-left: 1px solid #FFF;	*/
	white-space: nowrap;
}
/****/
#header_menu #right {
	float:right;	
}
#header_menu #right ul {
	float:left;	
	background-image:none;	
}
#header_menu #right li{
	float:left;	
	background-image:none;
	margin:0;
	padding:0 2px;
}
/* los estilos a continuación es para arreglar el problema de posición del menu de área profesional */
#header_menu #right li.area { /* para firefox y demas */	
	position:relative;
	right:0;
}
*html #header_menu #right li.area { /* solo ie6 */	
	position:relative;
	right:-180;
}
*:first-child+html #header_menu #right li.area { /* código que solo interpreta ie7 */
	position:relative;
	right:-180px;	
}

#header_menu #right li.bandera { /* para firefox y demas */
	position:relative;
	right:0;
	top:0;
}
*html #header_menu #right li.bandera { /* solo ie6 */	
	position:relative;
	/*right:-280px;*/
	right:0;
	top:-15px;
}
*:first-child+html #header_menu #right li.bandera { /* código que solo interpreta ie7 */
	position:relative;
	/*right:-280px;*/
	right:0;
	top:-15px;	
}
/**************************************************************************************************/
#header_menu a {
	color:#FFF;
	text-decoration:none;
}
#header {
	float: left;
	padding: 0px;
	width: 1000px;
	height: 147px;
	background: url(../images/turismolapalma.jpg) no-repeat;
}
*html #header { /* solo ie6 */
	float: left;
	padding: 0px;
	width: 1000px;
	height: 147px;
	background: url(../images/turismolapalma.jpg) no-repeat;
	position:relative;
	top:-12px;
}
/********************************************/
/***************** MENU SUP *****************/
#buttons_outer {
	float: left;
	width: 1000px;
	margin-top:2px;
	background: #FFF;
}
*html #buttons_outer { /* solo ie6 */
	float: left;
	width: 1000px;
	margin-top:0;
	background: #FFF;
	position:relative;
	top:-10px;
}
#buttons_inner {
	border-bottom: 2px solid #38720E;
	height: 21px !important;
	height: 23px;
}
#buttons {
	float: right;
	margin: 0px;
	padding: 0px;
	width: auto;
}
ul#mainlevel-nav {
	list-style: none;
	padding: 3px 2px 0 0 ;
	margin: 0;
	font-size: 12px;
	font-family:'Tahoma', Arial, Helvetica, sans-serif;		
}
ul#mainlevel-nav li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;	
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 15px;
	white-space: nowrap;
	border-right: 1px solid #38720E;
}
ul#mainlevel-nav li a {
	display: block;
	padding-left: 28px;
	padding-right: 28px;	
	text-decoration: none;
	color: #232323;
	font-family:'Tahoma', Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	font-weight:bold;
	background: transparent;
}
#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #fff;
	background: #38720E;
}
/********************************************/
/***************** MENU IZQ *****************/
#left_outer {
	float: left;
	margin-top:7px;
	margin-right: 10px;
	width: 210px;
}
#left_inner {
	float: none !important;
	float: left;
}
.moduletable_menu h3 {
	font-size:13px;
	font-weight:bold;
	margin:5px 0;
	padding:6px 4px 4px;
/*	height:25px!important;*/
	background: #FFF url(../images/h3_menu_fondo.jpg) bottom right;
	background-repeat:no-repeat;
	color:#FFF;
}
/*.moduletable_menu h3 {
	font-size:13px;
	font-weight:bold;
	margin:5px 0;
	padding:5px;
	background-color:#F6F0E7;
}*/
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.jpg) no-repeat;
	vertical-align: middle;
	font-family:'Tahoma', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #232323;
	text-align: left;
	padding-top: 2px;
	padding-bottom:4px;
	padding-left: 18px;
	height: 21px !important;
	height: 26px;
	width: 100%;
	text-decoration: none;
}
a.mainlevel:hover {
	background-position: 0px -26px;
	text-decoration: none;
	color: #6C1671;
	font-weight:normal;
}
a.mainlevel#active_menu {
	color:#6C1671;
	font-weight: normal;
}
a.mainlevel#active_menu:hover {
	color:#232323;
}
.moduletable_menu div {
	text-align:left;
}
a.sublevel:link, a.sublevel:visited {
	margin:15px 0 5px 10px;
	vertical-align: middle;
	font-size: 13px;
	font-weight: normal;
	color: #6C1671;
	text-align: left;
}
a.sublevel:hover {
	color: #232323;
	text-decoration: none;
}
a.sublevel#active_menu {
	color: #232323;
}
/**********opcion de menu izquierdo no visible (se hizo para que el menu inicio no fuera visible primeramente desde la pagina index)****************/
.moduletable_menu2 h3 {
	font-size:10px;
	font-weight:normal;
	margin:0;
	padding:;	
	height:1px!important;	
}
a.mainlevel_menu2:link, a.mainlevel_menu2:visited {
	display: block;	
	vertical-align: middle;	
	font-size: 0px;
	font-weight:normal;
	color: #FFF;
	text-align: left;	
	height: 1px !important;
	height: 1px;
	width: 100%;
	text-decoration: none;
	margin:0;
	padding:0;
}
/********************************************/
/************ SECCION BUSQUEDA **************/
#linea {
	float:left;	
	width:100%;
	border-bottom:1px solid #2D9725;
	height:32px;
	margin:0 0 0 0;
	padding:0;
}
#busqueda {
	float:left;	
}
#busqueda form {	
	padding:0;
	margin:0;
}
#busqueda select {	
	font: 11px  arial, sans-serif;
	color: #333;
	border: 1px solid #7F9DB9;
	background-color: #FFF;	
	cursor:pointer;
	margin: 0 10px 12px 5px;
	height:17px;
	width:250px;
	vertical-align: middle;
}
#busqueda input.boton {
	border:0;
	background-color: #000;
	color: #FFF;
	cursor:pointer;
	font-family: 'Lucida Sans', arial, sans-serif;
	font-size: 12px;
	text-align:center;
	margin: 0 10px 12px 0;
/*	padding: 1px 2px 1px 2px;*/
	vertical-align: middle;
}
#busqueda img.lupa {
	margin:0 0 0 60px;
}
#search_outer {
	float: left;
	width:230px;
	padding:7px 0 0 0;
	margin:0;
}
#search_inner {	
	border: 1px solid #cccccc;
	padding: 0px;
	margin:0 0 0 10px;
}
#search_inner form {
	padding: 0;
	margin: 0;
}
#search_inner .inputbox {
	border: 0px;
	padding: 2px 2px 2px 5px;
	font-family: 'Lucida Sans', arial, helvetica, sans-serif;
	font-size: 12px;
	color: #232323;
}
/********************************************/
/***************** BANNERS ******************/
#banner_inner {
	float: left;
	padding: 0px;
	height: 70px;
}
#banner_fijos {
	width:100%;
	float: left;
	padding: 0px;
	margin:0 0 10px 0;
	height: 83px;
}
#banner_fijos img {
	margin-right:5px;
}
#banner_fijos img.ultimo {
	margin-right:0;
}
#banner_index {
	margin-bottom:5px;
}
#banner_index img{
	margin-bottom:5px;
}
#right_outer {
	/*width: 165px;*/
	/*position:relative;
	left:-1px;*/
	margin:0 0 2px 0;
	padding:0;	
	position:relative;
	top:0;
	left:0;
	*left:-159px!important;
}
/*#right_inner {
	float: none !important;
	float: left;
	position:fixed;
	background:#CCCCCC;
}*/
#right_inner {
	float: left;
	width:30%;
	height:1%;	
}
#right_inner img{
	/*margin-bottom:5px;
	margin-left:2px;*/	
	height: 83px !important;
	height: 83px;
	margin:0 2px 2px 0;
	padding:0 0 0 0;
}
/********************************************/
/****************** RUTA ********************/
#pathway_text {
	overflow: hidden;
	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}
/********************************************/
/**************** DESTACADOS ****************/
#top_outer{
	float: left;
	width: 100%;
	margin:10px 0 0 0;
	padding:0;
	position:relative;
	right:-1px;
}
#top_inner {
	padding: 0;
	/*height: 180px !important;
	height: 180px;*/
	height:auto;
	overflow: hidden;
	float: none !important;
	float: left;
	width:780px; /* tuve que poner un width especifico para que no se moviera toda la web */
}
#top_inner img {	
	height: 83px !important;
	height: 83px;
	margin:0;
	padding:0;	
}
/********************************************/
#content_outer {
	padding: 0px;
	margin-top: 0px;
/*  border: 1px solid #cccccc; */
	float: left;
/*	width: 777px;*/
	width: 780px;	
}
#content_inner{
	float: none !important;
	float: left;
	padding: 0;
	margin: 0;
}
table.content_table {
	width: 100%;
	padding:0;
	margin: 0px;
/*	border-right:5px solid #FFF;*/
}
table.content_table td {
/*	padding: 0 5px 0 0;*/
	padding: 0;
	margin: 0px;
}
table td.body_outer {
/*	padding: 2px;*/
}
html>body.body_outer {
	width:100%;
}






.user1_inner {
	border: 1px solid #cccccc;
	float: none !important;
	float: left;
	margin: 0px;
	padding: 2px;
}

.user2_inner {
	border: 1px solid #cccccc;
	float: none !important;
	float: left;
	margin: 0px;
	padding: 2px;
}



.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #cccccc;
	width: auto;
	padding: 0px 10px;
	line-height: 20px;
	margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

#footer {
	text-align: center;
	padding: 3px;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}


td {
	text-align: justify;
	font-size: 13px;
}


body {
	margin: 0;
	height: 100%;
	padding: 0px;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans Serif;
/*	line-height: 120%;*/
	line-height:normal;
	font-size: 13px;
	color: #232323;	
	background-color:#F4FDEC;
}

/* Joomla core stuff */
a:link, a:visited {
	color: #1C7E15; 
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #FF7E00;	
	text-decoration: none;
	font-weight: normal;
}

table.contentpaneopen {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
/*   padding-right: 5px;*/	
}
/***********************************************/
/***********************************************/
/***********************************************/
/*** estilo para los artículos de la portada cuando están ***/
table.contentpaneopen_2columnas {
	width:300px;	
}
table.contentpaneopen_2columnas td {	
	padding-right:4px;
	text-align:left;
}
/***********************************************/
/***********************************************/
/***********************************************/



table.contentpaneopen td.componentheading {
	padding-left: 4px;
}



table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {
	color: #232323;
	font-family: 'Tahoma', Arial, Hevlvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #cccccc;
	width: auto;
/*	background: url(../images/button_bg.png) repeat-x;*/
	padding: 0px 5px;
	line-height: 18px !important;
	line-height: 16px;
	height: 26px !important;
	height: 24px;
	margin: 1px;
}

.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

.componentheading {
/*	background: url(../images/subhead_bg.png) repeat-x;*/
/*	background-color: #f6f0e7;*/
	color: #232323;
	text-align: left;
	padding: 4px 0 ;
	height: 22px;
	font-weight: bold;
	font-size: 13px;
}

.contentcolumn {
	padding-right: 5px;
}
/***************************************************************/
/***************************************************************/
.contentheading {
	height: 25px;
	color: #232323;
	font-weight: bold;
	font-size: 13px;
/*	white-space: nowrap;*/
	white-space: normal;
	text-indent:2px;	
}
.contentheading a {
	color: #232323;	
	font-weight: bold;
	font-size: 13px;
	text-decoration:none;	
}
.contentheading a:hover {
	color: #FF7E00;	
	font-weight: bold;
	font-size: 13px;
	text-decoration:none;	
}
/***************************************************************/
/***************************************************************/



.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  font-size:13px;
  color:#1C7E15;
  background: #FFF;
  padding: 4px;
  
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}



.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
/*  border: 1px solid #CCC;*/
}

.mosimage {
  border: 1px solid #FFF;
  margin: 5px
}

.mosimage_caption {
	margin-top: 2px;
	background: #efefef;
	padding: 1px 2px;
	color: #232323;
	font-size: 11px;
	border-top: 1px solid #FFF;
/*	white-space:normal;*/
	font-style:italic;
	width:200px;
}

span.article_seperator {
	display: block;
	height: 0.5em;	
	font-size:1px;
	margin:0;
}
#pie {
	margin:10px 0 0 0;
	padding:10px 0;	
	background: url(../images/linea_pie.jpg) top center no-repeat;	
}
/***/
/*
#pie {
	margin-top:-4px;  firefox y demás 
	padding:10px 0 0 0;
	background: url(../images/pie2_firefox.jpg) top center no-repeat;	
}
*html #pie {  IE6 
	margin-top:-4px;
	padding:10px 0 0 0;
	background: url(../images/pie2_ie6.jpg) top center no-repeat;	
}
:first-child+html #pie {  IE7 
	margin-top:-4px;
	margin-left:1px;
	padding:10px 0 0 0;
	background: url(../images/pie2_ie7.jpg) top center no-repeat;
}

*/
/**************************************************************************************************/
/*** menu pie ***/
#menupie {
	float:none;	
	margin:0 0 0 0px;
/*	margin:0 0 0 365px;*/
/*	padding:0;*/
}
a.mainlevel-pie {	
	list-style: none;
	padding:0 5px 0 0;
	margin: 0;
	font-size: 12px;
	font-family:'Lucida Sans', Arial, Helvetica, sans-serif;
	color: #6E1973;
/*	border-left: 1px solid #232323;	*/
	white-space: nowrap;
	vertical-align:left;
}

/**************************************************************************************************/
/**************************************************************************************************/
#ver {
	background: url(../images/ver_empresa_relacionada.jpg) no-repeat;
	weight:256px;
	height:70px;
	margin:5px;
	padding:12px 0 0 20px;
	color:#232323;
	font-size:14px;
	font-weight:bold;
}
#ver a {
	font-weight:bold;
	text-decoration:none;
}
hr {
	color:#FFAF00;
	border:1px solid #FFAF00;
position:relative;
top:5px;

	margin:0 0 15px 0;
	padding:0;
clear:both;
}
.verde {
	color:#1C7E15;
}
.verde_big {
	color:#1C7E15;
	font-size:15px;
}
.naranja_link, .naranja_link a {
	color:#D28000;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}
.naranja_link a:link, .naranja_link a:visited {
	color:#D28000;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}
.clear {
	clear:both;
	height:2px;
	font-size:2px;
}