/* Caracteristicas de la pagina*/

body {

	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	margin: 0;

	background-color: #FFFFFF;

	background-attachment: scroll;

	background-position: right bottom;

}

p{

	line-height:normal;

	top:0px;

	

}

/*Estructura General*/

#contenedor{

	text-align: left;

	border: 1px solid #330066;

	width: 780px;

	margin: 0px;

}

#contenedorSiempreHabana{

	background-color: #fbcb9d;

	text-align: left;

	border: 1px solid #330066;

	width: 780px;

	margin: 0px;

}

#cabecera{

	background-image: url(Images/FondoCabezal.jpg);

	width: 100%;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #005ac3;

	height: 80px;

	top: 0px;

    }

#CabDab{

	width: 450px;

	text-align: left;

	font-family: Arial;

	font-size: 36px;

	font-style: italic;

	font-weight: 900;

	color: #FFFFFF;

	margin-left: 10px;

	padding-top: 10px;

	text-decoration: none;

}

#CabDab a{

color:#FFFFFF;

text-decoration:none}

#CabSubt{

	margin-left: 10px;

	text-align: left;

	font-family: Verdana;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #CCCCCC;

	width: 220px;

	float: left;

}



#cuerpo{

	margin: 10px;

}

#ColDerecha{

	width: 296px;

	float: right;

	height: 250px;

	border: thin solid #000066;

	margin-top: 30px;

	margin-left: 30px;

	margin-right: 10px;

}

#ColDerFicha{

	width: 296px;

	float: right;

	border: thin solid #000066;

}

#principal{

	padding: 4px;

	margin-right: 320px;

	margin-left: 5px;

}

#pie{

	clear: both;

	margin:0px;

	padding:0px;

	width: 780px;

	top: 0px;

	}

#inferior {

	width: 780px;

}



#noticia {

	padding: 4px;

	text-align: left;

}

/* Diseño particular*/

/*Galeria de imagenes con css*/



/*<--Estilos para Menu*/

#MenuHome {

	background-color: #dfdfdf;

	width: 780px;

	height: 170px;

	top: 0px;

}

.CabMenuHome {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: small;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #0033CC;

	height: 20px;

	text-align: center;

	top: 0px;

}

.CabMenuHome a {

	color: #FFFFFF;

	text-decoration: none;

}



.CajaMenuHome {

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 8px;

	height: 100%;

	text-decoration: none;

}

.TitMenuHome {

	font-family: Arial;

	font-size: 12px;

	font-weight: bold;

/*	color: #000099;*/

	text-decoration: none;

	margin-bottom:4px;

}

.TextMenuHome {

	font-family: Arial;

	font-size: 11px;

	font-weight:normal;

	color: #000000;

}

.nav {

	background-position: center;

	padding-top: 2px;

	font-weight: bolder;

	font-family: arial;

	font-size: small;

	float: left;

	width: 130px;

	color: #FFFFFF;

	line-height: 20px;

	text-decoration: none;

}

.nav a {

	color: #FFFFFF;

	text-decoration: none;

}



/*<--Menu de la pagina de presentacion*/

.PanelNot {

	width: 260px;

	float: right;

	padding:0px;

	margin:0px;

	height: 170px;

}

.PanelProd {

	width: 260px;

	float: left;

	height: 170px;

	margin:0px;

	padding:0px;

}

.PanelProy {

	margin-right: 260px;

	margin-left: 260px;

	padding:0px;

	border-right-width: 1px;

	border-left-width: thin;

	border-right-color: #FFFFFF;

	border-left-color: #FFFFFF;

	border-right-style: solid;

	border-left-style: solid;

	height: 170px;

}

.Enlace {

	font-family: Verdana;

	font-size: 10px;

	font-weight: bold;

	color: #000066;

	text-decoration: none;

	text-align: right;

	display: block;

	margin-right: 15px;

	margin-left: 15px;

}







.frase {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	font-style: italic;

}

.TextInv {

	display: none;

}



/*Tratamiento de las imágenes*/

.ImgIzquierda {

	float: left;

	margin-left: 8px;

	margin-right: 8px;

	margin-top: 10px;

}

.ImgDerecha {

	float: right;

	margin:0px;

}

.ImgCenter {

	text-align: center;

}

.FondoTitSiempreHab {

	text-decoration: none;

	margin-right: 15px;

	margin-left: 15px;

	background-image: url(Images/siemprehabfondotite.gif);

	background-repeat: no-repeat;

	background-position: right;

	width: 750px;

	height: 50px;

	top: 0px;

}



.VentanaAparte {

	height: 296px;

	width: 400px;

	vertical-align: middle;

	text-align: center;

	text-indent: 0px;

	background-color: #000000;

}

.TextVentana {

	text-color: #FFFFFF;

	font-size: xx-small;

	font-weight: bold;

	padding: 15px;

}



.TextCred {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: italic;

	color: #000000;

	background-position: left;

}

/*----Para el diseño del panel Inferior----*/

/*Para el contacto...*/

#PrincipalContact {

	margin: 40px;

	height: 400px;

}

.Contact{

	text-decoration: none;

	width: 280px;

	float: right;

	padding: 0px 8px 0px 0px;

	margin: 0px;

}

.TextContact {

	color: #000000;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: medium;

}

.TitContact {

	color: #2471cc;

	font-weight: bold;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: large;

	font-style: italic;

}



/*Para lo que sea necesario poner a pie de pagina sobre el menu, si hace falta*/

.InfIzquierda {

	float: left;

	margin: 0px;

	padding: 0px;

	font-family: Arial;

	font-size: x-small;

	color: #0000FF;

	text-decoration: none;

	font-weight: bold;

	text-align: center;

	width: 470px;

}

.InfIzquierda a {

	text-decoration: none;

}





/*<---Aqui estan los estilos para los textos a utilizar en la web-*/



.TitText {

	color: red;

	font-weight: bold;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: large;

	padding-bottom: 6px;

}

.SubtitText {

	color: red;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: medium;

	font-style:italic;

	font-weight: bold;

	padding-bottom: 6px;

	text-decoration:none;

}

.SubtitText a {

	text-decoration:none;

	color: red;

}

.SumText {

	color: black;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size:medium;

	font-style:italic;

	padding-bottom: 6px;

}

.CredText {

	color: blue;

	font-family: Arial, Helvetica, sans-serif;

	font-size:small;

	font-style:italic;

	padding-bottom: 8px;

}

.GeneralText {

	color: black;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size:small;

	padding-bottom: 10px;

	font-style: normal;

	font-weight: normal;

}

.Trailer {

	width: 350px;

	background-color: #309A98;

	border: thin solid #309A98;

	font-size: small;

	font-weight: bold;

	color: #DFF7E8;

	float: left;

	margin: 6px;

}

.GenTextTrailer {

	color: #175730;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size:small;

	font-style: normal;

	font-weight: normal;

	background-color: #C4ECEB;

	padding: 10px;

}

.GenTextMusica {

	color: #0053A6;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size:small;

	font-style: normal;

	font-weight: normal;

	background-color: #E8F3FF;

	padding: 10px;

}

.GenTextMusica a {

	text-decoration:none;

}



.Musica {

	width: 350px;

	background-color: #0073E6;

	border: thin solid #0073E6;

	font-size: small;

	font-weight: bold;

	color: #E8F3FF;

	float: left;

	margin: 6px;

}



.Datos {

	font-family: Verdana;

	font-size: x-small;

	font-weight: bold;

	color: #000066;

	text-decoration: none;

	display: block;

	text-align: center;

}

/*<--Web Celia*/

#CabCelia{

	height: 100px;

	top: 0px;

	border: 0px;

    }

#cabGaleria{

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	background-image: url(Images/CabeceraCeliaGaleria.jpg);

	width: 100%;

	height: 100px;

	top: 0px;

	background-repeat: no-repeat;

	border: 0 px;

    }

#cabMusica{

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	background-image: url(Images/CabeceraCeliaMusica.jpg);

	width: 100%;

	height: 100px;

	top: 0px;

	background-repeat: no-repeat;

	border: 0 px;

    }

.CeliaImgDerecha {

	float: right;

	height: 100px;

	margin:0px;

	border: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}

.Info {

	margin:10px;

	clip: rect(460px,auto,auto,auto);

}

.IrGaleria {

	margin:30px;

	text-align:left;

	font-family:Arial;

	font-size:medium;

	font-variant:small-caps;

	color: #491e0d;

	font-weight: bold;



}

.IrGaleria a {

	text-decoration:none;

	color:#491e0d;

}

.IrGaleria a:hover {

	text-decoration:none;

	color:#663300;

}



#CuerpoGaleria {

	width: 100%;

	float: right;

	margin:0px;

	border: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	background-color: #bfb2a0;

}

#CuerpoMusica {

	background-color: #fedfd3;

}

.PieCeliaGaleria {

	font-family: Arial;

	font-size:small;

	text-decoration: none;

	color: #491e0d;

	text-align: center;

	margin-top: 10px;

	background-color: #bfb2a0;

	padding: 8px;

	clear: both;



}

.PieCeliaGaleria a {

	text-decoration:none;

	color: #491e0d;

	text-align:right;

}

.PieCeliaMusica {

	font-family: Arial;

	font-size:small;

	text-decoration: none;

	color: #491e0d;

	text-align: center;

	margin-top: 10px;

	background-color: #fedfd3;

	padding: 8px;

	clear: both;



}

.PieCeliaMusica a {

	text-decoration:none;

	color: #491e0d;

	text-align:right;

}

/*<---Aqui programamos los paneles izquierdo y derecho de Celia-*/

.CuerpoCeliaPanelIzquierdo {

	width: 180px;

	float: left;

	padding-top: 8px;

	padding-right: 0px;

	padding-bottom: 8px;

	padding-left: 20px;

}

.CuerpoCeliaPanelDerecho {

	width: 540px;

	float: right;

	padding-top: 25px;

	padding-bottom: 8px;

	padding-left: 5px;

	font-family: Arial;

	font-size: medium;

	color: #FF0000;

}

/*el contenedor CENTRO DE LA PAGINA*/

#container {

	position:relative;

	width:760px;

	height:420px;

	border:1px solid #664220;

	margin-top: 15px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

#container ul {

	width:320px; 

	height:386px; 

	margin:5px; 

	list-style-type:none; 

	float:right;

}



#container li {

	float:left;

}

#container a.gallery span {

	position:absolute; 

	width:1px; 

	height:1px; 

	top:5px; 

	left:5px; 

	overflow:hidden; 

}

/* Imagenes en miniatura */

#container a.gallery, #container a.gallery:visited {

	display:block; 

	text-decoration:none; 

	border:1px solid #000; 

	margin:1px 2px 1px 2px; 

	text-align:left; 

	cursor:default;

}

#container a.slidea {

	background:url(Images/GaleriaCelia/Pag1Foto1Ch.jpg);

	height:75px;

	width:100px;

}

#container a.slideb {

	background:url(Images/GaleriaCelia/Pag1Foto2Ch.jpg);

	height:75px;

	width:100px;

}

#container a.slidec {

	background:url(Images/GaleriaCelia/Pag1Foto3Ch.jpg); 

	 height:75px; 

	 width:100px;

}

#container a.slided {

	background:url(Images/GaleriaCelia/Pag1Foto4Ch.jpg); 

	 height:75px; 

	 width:100px;

}

#container a.slidee {

	background:url(Images/GaleriaCelia/Pag1Foto5Ch.jpg); 

	 height:75px; 

	 width:100px;

}

#container a.slidef {

	background:url(Images/GaleriaCelia/Pag1Foto6Ch.jpg);

	 height:75px; 

	 width:100px;

}

#container a.slideg {

	background:url(Images/GaleriaCelia/Pag1Foto7Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slideh {

	background:url(Images/GaleriaCelia/Pag1Foto8Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidei {

	background:url(Images/GaleriaCelia/Pag1Foto9Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidej {

	background:url(Images/GaleriaCelia/Pag1Foto10Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidek {

	background:url(Images/GaleriaCelia/Pag1Foto11Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidel {

	background:url(Images/GaleriaCelia/Pag1Foto12Ch.jpg); 

	height:75px; 

	width:100px;

}



/*#container a.gallery, #container a.gallery:visited {

	display:block; 

	text-decoration:none; 

	border:1px solid #000; 

	margin:1px 2px 1px 2px; 

	text-align:left; 

	cursor:default;

}*/

#container a.slidea2 {

	background:url(Images/GaleriaCelia/Pag1Foto13Ch.jpg);

	height:75px;

	width:100px;

}

#container a.slideb2 {

	background:url(Images/GaleriaCelia/Pag1Foto14Ch.jpg);

	height:75px;

	width:100px;

}

#container a.slidec2 {

	background:url(Images/GaleriaCelia/Pag1Foto15Ch.jpg); 

	 height:75px; 

	 width:100px;

}

#container a.slided2 {

	background:url(Images/GaleriaCelia/Pag1Foto16Ch.jpg); 

	 height:75px; 

	 width:100px;

}

#container a.slidee2 {

	background:url(Images/GaleriaCelia/Pag1Foto17Ch.jpg); 

	 height:75px; 

	 width:100px;

}

#container a.slidef2 {

	background:url(Images/GaleriaCelia/Pag1Foto18Ch.jpg);

	 height:75px; 

	 width:100px;

}

#container a.slideg2 {

	background:url(Images/GaleriaCelia/Pag1Foto19Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slideh2 {

	background:url(Images/GaleriaCelia/Pag1Foto20Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidei2 {

	background:url(Images/GaleriaCelia/Pag1Foto21Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidej2 {

	background:url(Images/GaleriaCelia/Pag1Foto22Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidek2 {

	background:url(Images/GaleriaCelia/Pag1Foto23Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidel2 {

	background:url(Images/GaleriaCelia/Pag1Foto24Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidem2 {

	background:url(Images/GaleriaCelia/Pag1Foto25Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.sliden2 {

	background:url(Images/GaleriaCelia/Pag1Foto26Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slideo2 {

	background:url(Images/GaleriaCelia/Pag1Foto27Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidea3 {

	background:url(Images/GaleriaCelia/Pag1Foto28Ch.jpg);

	height:75px;

	width:100px;

}

#container a.slideb3 {

	background:url(Images/GaleriaCelia/Pag1Foto29Ch.jpg);

	height:75px;

	width:100px;

}

#container a.slidec3 {

	background:url(Images/GaleriaCelia/Pag1Foto30Ch.jpg); 

	 height:75px; 

	 width:100px;

}

#container a.slided3 {

	background:url(Images/GaleriaCelia/Pag1Foto31Ch.jpg); 

	 height:75px; 

	 width:100px;

}

#container a.slidee3 {

	background:url(Images/GaleriaCelia/Pag1Foto32Ch.jpg); 

	 height:75px; 

	 width:100px;

}

#container a.slidef3 {

	background:url(Images/GaleriaCelia/Pag1Foto33Ch.jpg);

	 height:75px; 

	 width:100px;

}

#container a.slideg3 {

	background:url(Images/GaleriaCelia/Pag1Foto34Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slideh3 {

	background:url(Images/GaleriaCelia/Pag1Foto35Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidei3 {

	background:url(Images/GaleriaCelia/Pag1Foto36Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidej3 {

	background:url(Images/GaleriaCelia/Pag1Foto37Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidek3 {

	background:url(Images/GaleriaCelia/Pag1Foto38Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidel3 {

	background:url(Images/GaleriaCelia/Pag1Foto39Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slidem3 {

	background:url(Images/GaleriaCelia/Pag1Foto40Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.sliden3 {

	background:url(Images/GaleriaCelia/Pag1Foto41Ch.jpg); 

	height:75px; 

	width:100px;

}

#container a.slideo3 {

	background:url(Images/GaleriaCelia/Pag1Foto42Ch.jpg); 

	height:75px; 

	width:100px;

}



/* styling the hovers */

#container a.gallery:hover {border:1px solid #beaa8f;}

#container a.gallery:hover span {position:absolute; width:400px; height:400px; top:10px; left:15px; }

#container a.gallery:hover img {border:1px solid #beaa8f; float:left; margin-right:5px;}

/*#container a.slideb:hover img, #container a.slidei:hover img {float:right;}*/





/*--------MENU CELIA<-------------------*/

#containerMenu {

	width:780px;

	text-align: center;

	background-image: url(Images/FondoMenuCellia.jpg);

	font-family: Arial;

	font-size: small;

	color: #FFFFFF;

	font-weight: bolder;

	text-decoration: none;

  }

#menuCelia {

	text-align:center;

	position:relative;

	height:8em;

	float:left;

	text-decoration: none;

  }

#menuCelia a, #menuCelia a:visited {

  position:relative; 

  text-decoration:none; 

  background-color:#06a; 

  color:#fff; 

  display:block; 

  height:15px; 

  padding:5px;

  margin:0 1px;

  }

.MenuCeliaInicio {

	float:left;

	padding-top: 6px;

	padding-right: 30px;

	padding-bottom: 8px;

	padding-left: 30px;

}

.MenuCeliaInicio a {

	color: #fff;

	text-decoration: none;

}

.MenuCeliaGaleria {

	float:left;

	padding-top: 8px;

	padding-right: 30px;

	padding-bottom: 8px;

	padding-left: 30px;

}

.MenuCeliaGaleria a {

	color: #fff;

	text-decoration: none;

}

.MenuCeliaImagenes {

	float:left;

	padding-top: 8px;

	padding-right: 30 px;

	padding-bottom: 8px;

	padding-left: 30px;

}

.MenuCeliaImagenes a {

	color: #fff;

	text-decoration: none;

}

.MenuCeliaMusica {

	float:left;

	padding-top: 8px;

	padding-right: 30px;

	padding-bottom: 8px;

	padding-left: 30px;

	text-decoration: none;

	color: #FFFFFF;

}

.MenuCeliaMusica a {

	color: #fff;

	text-decoration: none;

}

.MenuCeliaDocumental {

	float:left;

	padding-top: 8px;

	padding-right: 30px;

	padding-bottom: 8px;

	padding-left: 50px;

}

.MenuCeliaDocumental a {

	color: #fff;

	text-decoration: none;

}

.MenuCeliaPrensa {

	float:left;

	padding-top: 8px;

	padding-right: 30px;

	padding-bottom: 8px;

	padding-left: 30px;

}

.MenuCeliaPrensa a {

	color: #fff;

	text-decoration: none;

}

.MenuCeliaActividades {

	padding-top: 8px;

	padding-right: 30px;

	padding-bottom: 8px;

	padding-left: 30px;

}

.MenuCeliaActividades a {

	color: #fff;

	text-decoration: none;

}