﻿

/* Pag. de codigos de estilo de pruebas (CSS 2.1) */

a:link,	a:visited, a:active {color: #0000FF; text-decoration: none;}
a:hover		{color: #FF0000; text-decoration: none;}

body {
	font-size: 100%;
	font-family: Tahoma, Verdana, sans-serif;;
	font-size: 0.80em;
	margin:2px auto;
	background-color:#ffffff;
	text-align:center;
}

p, ol, td, th, blockquote {font-family: Tahoma, Verdana, sans-serif; font-size: 0.85em; color: #000000; line-height:100%;}
textarea, input, select, form {font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #000000;}

table {margin: auto;}


/* Codigos CSS actualizados */

.Tex_mayus {
	text-transform: uppercase;
}

img {
	border-width: 0;
	margin: 2px;
}
 
.center {
	text-align: center;
}

/* contenedor general */

.content_general	{
	width: 986px;
	margin: 0 auto;
	height: auto;
}


/* Encabezado general */

.contenedor_encab	{
	border-color: #000000;
	border:0;
	width: 984px;
	margin: 1px;
	height: 72px;
	background:#FFFFFF;
	padding: 0 0 2px 0;
}

.cont_izq_encab_sup {
	width: 290px;
	height: 72px;
	background: url('http://www.islabahia.com/images/000islabahia00nuevo.jpg') no-repeat left 50%;
	float: left;
}

.cont_cen_encab_sup {
	float: left;
	width: 594px;
	text-align: center;
	margin: 1px auto;
	padding: 6px 0 2px 0;
}

.cont_der_encab_sup {
	float: left;
	width: 96px;
	height: 72px;
	background: url('http://www.islabahia.com/images/000islabahia02nuevo.jpg') no-repeat right 50%;
}

/* anulado */
.cont_encab_infer	{
	width: 986px;
	height: 25px;
	margin: 0 0 2px 0;
	padding: 0;
	float: left;
}
/* fin anulado */

#menu_encab_inf		{
	list-style:none;
	width: 986px;
	height: 26px;
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0;
 	background-color: #FFFFFF;
}

#menu_encab_inf li	{
	width: 161px;
	height: 18px;
	display: inline-block;
	float: left;
 	background-color:#E1E1E1;
	padding: 1px;
	margin: 2px;
	border: 1px #000000 solid;
	text-align: center;
}

#menu_encab_inf li a {
	display: block;
	font-size: 0.85em;
	font-weight: bold;
	height: 15px;
	padding: 1px 3px 1px 0;
}
	
#menu_encab_inf li a:hover	{
	color: #FF0000;
	background-color: #EEEEEE;
}

/* Fin encabezado general  */



/* Comienzo menu Pagina principal */

/* Contenedor general */

.contenedor {
	display: table;
	width: 992px;
	height: auto;
	background: #FFF1F1;
	padding: 0;
	float: left;
}

.contenidos {
	display: table-row;
	border: 1px #000000 solid;
	height: auto;
	background: #FFFFFF;
}

.lateral_izq, .central, .lateral_der {
	display: table-cell;
	float: left;
	margin: 2px;
}

.lateral_izq	{
	width: 180px;
	height: auto;
	padding: 5px 0 5px 0;
	text-align:center;
	border: 1px #000000 solid;
}

.central {
	width: 608px;
	height: 1051px;
	padding: 0 0 7px 0;
	text-align:center;
	background: #FFFFFF;
	border: 1px #000000 solid;
	float: left;
	margin: 0 auto;
}

.lateral_der	{
	width: 180px;
	height: auto;
	padding: 5px 2px 5px 0;
	text-align:center;
	background: #FFFFFF;
	border: 1px #000000 solid;
}
/* Fin Contenedor general */



/* Comienzo Lateral Izq (Pag Principal) */

.principal_cont_lat_izq	{
	width:170px;
	padding: 0;
	margin: 1px auto;
}

#principal_menu_izq {
	display: block;
	width: 170px;
	list-style: none;
	padding: 0;
	margin: 1px auto;
	text-align: center;
}

#principal_menu_izq li	{
	display: block;
	float: none;
	width: 170px;
	list-style: none;
	padding: 0;
	text-align: center;
}

#principal_menu_izq	li a {
	display: block;
	float: none;
	border: 1px solid #000000;
	margin: 2px;
	padding: 5px 0 5px 0;
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
}

#principal_menu_izq li a:hover	{
	background-color:#EEEEEE;
}


.principal_menu_izq_tittle_rojo	{
	background-color: #FF0000;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1px auto;
	border: 1px solid #000000;
}

/* Fin Lateral Izq (Pag Principal) */




/* Comienzo Centro (Pag Principal) */

/* Contenedor Menu central (Pag Principal) */

.principal_cont_central	{
	width:610px;
	padding:4px 2px 4px 0;
	margin: 0 auto;
}

.principal_menu_centro_tittle_rojo ul	{
	float: none;
	display: block;
	width: 590px;
	list-style: none;
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight:bold;
	text-transform: uppercase;
	border: 1px solid #000000;
	margin: 6px auto;
	padding: 2px 0 0 0;
	height: 20px;
	text-align: center;
}

/* menu central de Centro (bonito)*/


.principal_cont_centro_centro	{
	width: 598px;
	height: 110px;
	padding: 0 0 1px 1px;
	margin: 1px auto;
}

.principal_centro_centro {
	float: none;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	border: 1px solid #FFFFFF;
}

.principal_centro_centro li {
	float:left;
	list-style: none;
	width: 195px;
	height: 110px;
	background-color: #000000;
	margin: 0 1px 0 0;
	padding: 0;
	text-align: center;
	border: 1px solid #FFFFFF;
}

.principal_centro_centro li a	{
	display:inline-block;
	width: 177px;
	height: 80px;
	background-color: #000000;
	padding: 16px 8px 14px 8px;
	margin: 0 auto;
	text-align: center;
}

.principal_centro_centro li a:hover	{
	background-color:#4C4C4C;
}

/* menu central de Centro 2 */

.principal_cont_centro_centro2	{
	width: 596px;
	height: 264px;
	margin: 0 auto;
	padding: 0 0 3px 0;
}

#principal_centro_centro2 {
	list-style: none;
	float: none;
	background-color: #F9F9F9;
	margin: 0;
	padding: 0;
}

#principal_centro_centro2 li {
	width: 290px;
	height: 260px;
	display:inline-block;
	float: left;
	background-color: #F9F9F9;
	margin: 2px;
	padding: 5px 0 0 0;
	border: 1px solid #000000;
	text-align: center;
	font-size: 0.92em;
	overflow: hidden;
}



/* menu central de Centro 2 (hor Noticias) */

.principal_cont_centro_inf_Not {
	width: 580px;
	height: 60px;
	margin: 3px auto;
}

.principal_cont_centro_inf {
	width: 580px;
	height: 36px;
	margin: 1px;
}

#principal_menu_centro_inf {
	display:inline-block;
	list-style:none;
	float: left;
	width: 580px;
	height: auto;
	padding: 3px;
	margin: 1px auto;
}

#principal_menu_centro_inf li {
	display: inline-block;
	float: none;
	list-style:none;
	height: auto;
	padding: 1px;
}
 
#principal_menu_centro_inf li a {
	float: none;
	font-weight:bold;
	background-color:#FFFFFF;
	margin: 1px;
	text-align: center;
	padding: 1px;
	height: auto;
}

#principal_menu_centro_inf li a:hover	{
	background-color:#F1F1F1;
}


/* Cont central de Centro 2 (cont Noticias) */

.principal_cont_centro_inf2 {
	width: 590px;
	height: auto;
	margin: 0 auto;
	list-style: none;
}
#principal_menu_centro_inf2 {
	list-style: none;
	width: 540px;
	height: auto;
	float: none;
	margin: 1px auto;
	padding: 1px;
}
#principal_menu_centro_inf2 li {
	list-style: none;
	display: block;
	float: none;
	margin: 10px auto;
	padding: 16px 0 16px 0;
	text-align: center;
	font-size: 1.2em;
	line-height: 130%;
	border: 1px solid #C1C1C1;
}

/* Fin Contenedor Menu central Pag Principal */

/* Fin Centro (Pag Principal) */



/* Lateral derecho comun (Pag Principal) */

.principal_cont_lat_der	{
	width:170px;
	padding: 0;
	margin: 1px auto;
}

#principal_menu_lat_der	{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

#principal_menu_lat_der li {
	float: left;
	width:170px;
	padding: 1px;
	margin: 1px auto;
	text-align:center;
}

#principal_menu_lat_der	li a {
	display: block;
	width: 162px;
	border: 1px solid #000000;
	padding: 4px 4px 5px 4px;
	margin: 4px auto;
	font-size: 0.85em;
	font-weight: bold;
}

#principal_menu_lat_der li a:hover	{
	background-color:#EEEEEE;
}

.principal_menu_lat_der_20	{
	list-style: none;
	background-color: #FF0000;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #000000;
	margin: 1px auto;
	padding: 4px 0 4px 0;
	width: 162px;
	text-align: center;
}

.img_cent {
	margin: 4px 2px 0 0; border: 0;
}

/* Fin menu Pagina principal */




/* Inferior general (Comunes_new) */

.inf_super	{
	width: 988px;
}

.inf_inf	{
	width: 988px;
}

.inf_general	{
	width: 988px;
	height: 88px;
	list-style: none;
	float: none;
	text-align: center;
	margin: 0;
	padding: 0;
 	background-color: #FFFFFF;
}
 
.inf_general li	{
	width: 180px;
	height: 78px;
	display: inline-block;
	float: left;
	background-color: #FFFFFF;
	padding: 6px 6px 0 6px;
	margin: 1px;
	border: 1px #000000 solid;
	text-align: center;
	font-size: 0.9em;
}

#style_CSS {
	float: left;
	margin: 0 8px 0 8px;
}

#style_center {
	width: 350px;
	text-align: center;
	margin: 0 auto;
	float: left;
}

#style_XHTML {
	float: right;
	margin: 0 auto;
}

/* Fin Inferior general (Comunes_new) */




/* Pagina index de cultura */

.cont_page_cult	{
	width: 520px;
	margin: 1px auto;
	height: 111px;
}
#menu_page_cul	{
	list-style: none;
	display: inline;
	width: 90px;
	padding: 0;
	float: none;
	margin: 1px auto;
	text-align: center;
}

#menu_page_cul li {
	display: inline-block;
	margin: 12px auto;
	float: left;
	padding: 2px;
}

.cont_page_cult_inf	{
	width: 520px;
	margin: 1px auto;
	width: 600px;
}

#menu_page_cul_inf	{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}	
#menu_page_cul_inf li {
	display: block;
	float: none;
	margin: 2px auto;
	padding: 4px;
	border: 1px solid#CCCCCC;
	width: 570px;
	text-align: center;
}

.menu_page_cul_inf_rojo {
	background: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 4px;
	}
.menu_page_cul_inf_negro {
	background: #000000;
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 4px;
	font-weight: bold;
}
.menu_page_cul_inf_azul {
	background: #E1E1F1;
	color: #FFFFFF;
	padding: 4px;
	font-weight: bold;
}
.menu_page_cul_inf_blan {
	padding: 4px;
	background: #FFFFFF;
}

/* Fin Pagina de cultura */



/* pagina contenidos 600 px (comunes)  */

#contenedor_1_pag 	{
	display: table;
	width: 600px;
	background: #FCFCFC;
	border: 1px solid #333;
	margin: 0 auto;
	padding: 38px;
	}
	
#contenedor_1_pag p	{
	text-align: justify;
	font-size: 1em;
	line-height: 130%;
}

#contenedor_1_pag ul li {
	font-size: 1em;
	text-align: left;
	margin: 10px;
	padding-left: 10px;
}


/* Pagina comun 3 columnas (Form y otros)*/

#contenedor_page_3col {
	display: table;
	width: 992px;
	height: auto;
	background: #F1F1F1;
}

#contenidos_page_3col {
	display: table-row;
	height: auto;
	background: #FFFFFF;
	margin:0 auto;
}

#lateral_izq_page_3col, #central_page_3col, #lateral_der_page_3col {
	display: table-cell;
	float: left;
	border: 1px #000000 solid;
}

#lateral_izq_page_3col	{
	width: 180px;
	height: auto;
	padding: 0 2px 0 2px;
	text-align:center;
	background: #FFFFFF;
	margin: 2px;
}

#central_page_3col {
	width: 603px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	background: #FFFFFF;
}

#lateral_der_page_3col	{
	width: 180px;
	height: auto;
	text-align:center;
	background: #FFFFFF;
	margin: 2px;
	padding: 2px;
}



/* Formularios comunes */

input {
	padding: 2px;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size: 12px;
}

form_email {
	float: none;
	width:461px;
	text-align:center;
	padding: 2px;
	margin:0 auto;
}
label {
	display: block;
	font-weight:bold;
	margin: 4px 0;
	padding: 6px 0 0 0;
}

.boton {
	display: block;
	margin: 4px 0;
}

div#menu_form {
	float: none;
	margin: 1px 0;
	background: #FFFFFF;
	padding: 2px;
	text-align:center;
}

.ancho_fieldset {
	width: 461px;
	background: #FFFF99;
	margin:0 auto;
}

/* Fin Formularios comunes */



/* lateral izq general (page include comunes_new) */

.menu_lat_1col	{
	width: 180px;
	height: 1300px;
	margin: 1px auto;
	padding: 2px;
}
 
.menu_lat_1col li	{
	list-style:none;
	display: block;
	float: left;
	width: 165px;
	height: 650px;
	margin: 4px auto;
	padding: 10px 4px 10px 0;
	border: 1px solid #C9C9E9;
	text-align: center;
}

/* Fin lateral izq general (page include comunes_new) */




/* Pagina de Tiendas on line */

.cont_page_tiendas	{
	width: 930px;
	height: 290px;
	padding: 0;
	margin: 1px auto;
	text-align: center;
}

.menu_page_tiendas {
	list-style: none;
	display: inline;
	float: left;
	margin: 1px;
	padding: 0;
}

.menu_page_tiendas li {
	width: 290px;
	height: 270px;
	display: inline-block;
	float: left;
	margin: 2px;
	padding: 15px 5px 0 5px;
	border: 1px solid #A9A9A9;
	text-align: center;
	font-size: 1em;
	overflow: visible;
 }
/* Fin Pagina de Tiendas on line */


 
/* pagina 1 y 2 columnas (webs amigas) */

.pagina_1columnas_content	{
	width: 700px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#pagina_1columnas_menu {
	list-style: none;
	display:inline-block;
	float: left;
	background-color: #F9F9F9;
	margin: 0 auto;
	padding: 30px 0 30px 0;
}

#pagina_1columnas_menu li {
	width: 670px;
	display:block;
	float: left;
	background-color: #F9F9F9;
	margin: 2px;
	padding: 15px;
	border: 1px solid #000000;
	text-align: center;
	font-size: 0.92em;
}


#pagina_2columnas_menu {
	list-style: none;
	display: block;
	float: none;
	background-color: #F9F9F9;
	margin: 0 auto;
	padding: 30px 0 30px 0;
}

#pagina_2columnas_menu li {
	width: 333px;
	height: 180px;
	display: block;
	float: left;
	background-color: #F9F9F9;
	margin: 2px;
	padding: 10px 5px;
	border: 1px solid #000000;
	text-align: center;
	font-size: 0.92em;
}

/* Fin pagina 1 y 2 columnas (webs amigas) */


/* ------ Fin de Codigos CSS actualizados ------ */







/* codigos CSS pendientes de eliminar */

.texto11Neg		{COLOR: #000000; FONT-SIZE: 1em; line-height: 120%;}
.texto13Roj		{COLOR: #DD0000; FONT-SIZE: 1.1em; line-height: 120%;}
.texto11Bla		{COLOR: #FFFFFF; FONT-SIZE: 1em; line-height: 120%;}

.title12Neg    {COLOR: #000000; FONT-SIZE: 1em; line-height: 100%; font-weight: bold; text-align: center;}

.title18Neg    {COLOR: #000000; FONT-SIZE: 1.4em; line-height: 100%; font-weight: bold; text-align: center;}
.title18Bla    {COLOR: #FFFFFF; FONT-SIZE: 1.4em; line-height: 100%; font-weight: bold; text-align: center;}
.title18Roj    {COLOR: #DD0000; FONT-SIZE: 1.3em; line-height: 100%; font-weight: bold; text-align: center;}
.title22Bla    {COLOR: #FFFFFF; FONT-SIZE: 22px; line-height: 100%; font-weight: bold; text-align: center;}
.title22Neg    {COLOR: #000000; FONT-SIZE: 22px; line-height: 100%; font-weight: bold; text-align: center;}
.title22Roj    {COLOR: #DD0000; FONT-SIZE: 1.5em; line-height: 100%; font-weight: bold; text-align: center;}
.title24Roj2   {COLOR: #FF0000;	FONT-SIZE: 24px; line-height: 100%;	font-weight: bold; text-align: center;}
.title30Ama2   {COLOR: #FFCC00; FONT-SIZE: 30px; line-height: 100%;	font-weight: bold; text-align: center;}
.title34Ama2   {COLOR: #FFCC00; FONT-SIZE: 34px; line-height: 150%;	font-weight: bold; text-align: center;}
.title38Neg    {COLOR: #000000; FONT-SIZE: 38px; line-height: 100%;	font-weight: bold; text-align: center;}
.title48Neg    {COLOR: #000000; FONT-SIZE: 48px; line-height: 100%;	font-weight: bold; text-align: center;}
.title56Neg    {COLOR: #000000; FONT-SIZE: 56px; line-height: 100%;	font-weight: bold; text-align: center;}
.title56Roj    {COLOR: #FF0000;	FONT-SIZE: 56px; line-height: 120%;	FONT-FAMILY: "Times New Roman", Times, serif; text-align: center;}









