html, body {
	margin: 0px;
	padding: 0px;
}
body {
	background-image: url(../img/bgBody.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #ECF9B4;
}
#parraColgante {
	background-image: url(../img/parraColgante.jpg);
	background-repeat: no-repeat;
	height: 525px;
	width: 150px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -600px;
}

#ctTop {
	background-image: url(../img/bgTop.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#ctTop #ctCabecera {
	height: 200px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img/bgCabecera.jpg);
}
#ctTop #ctCabecera #enlacesRapidos {
	margin-left: 670px;
	background-image: url(../img/toolDirectLink.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 25px;
	padding-left: 25px;
}
#ctTop #ctCabecera #enlacesRapidos a {
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #24505B;
	float: left;
	white-space: nowrap;
}
#ctTop #ctCabecera #enlacesRapidos a:hover {
	color: #7CA604;
	text-decoration: underline;
}
#ctTop #ctContent {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bgCuerpo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#ctTop #ctContent #ctMenu {
	float: left;
	width: 235px;
}
#ctTop #ctContent #ctMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1D5F77;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: lighter;
	line-height: 16px;
}
#ctTop #ctContent #ctMenu ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #1D5F77;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
	background-image: url(../img/menuBullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding-right: 0px;
}
#ctTop #ctContent #ctMenu ul li a  {
	color: #1D5F77;
	text-decoration: none;
}
#ctTop #ctContent #ctMenu ul li a:hover {
	color: #513D00;
}
#ctTop #ctContent #ctMenu ul li a.press {
	color: #245059;
	text-decoration: underline;
}



#ctTop #ctContent #ctMenu #magiaMenu {
	background-image: url(../img/bgMagiaMenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 109px;
	width: 200px;
	padding-top: 90px;
	padding-right: 15px;
	padding-left: 20px;
}
#ctTop #ctContent #ctMenu #videnciaMenu {
	background-image: url(../img/bgVidenciaMenu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 109px;
	width: 200px;
	padding-top: 87px;
	padding-right: 15px;
	padding-left: 20px;
}
#ctTop #ctContent #ctMenu #fichas {
	margin-left: 10px;
	margin-right: 5px;
}
#ctTop #ctContent #ctMenu #fichas ul {
	color: #666;
	font-size: 12px;
}
#ctTop #ctContent #ctMenu #fichas ul li {
	background-image: none;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-top: 8px;
	padding-bottom: 8px;
	letter-spacing: normal;
}
#ctTop #ctContent #ctMenu #fichas ul li a {
	color: #666;
	text-decoration: none;
}
#ctTop #ctContent #ctMenu #fichas ul li a:hover {
	color: #333;
	text-decoration: underline;
}
#ctTop #ctContent #ctMenu #fichas ul li a.press {
	color: #333;
	text-decoration: underline;
}




#ctTop #ctContent #ctMenu #fichas h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: lighter;
	background-color: #D3D3D3;
	border: 1px dotted #999;
	color: #666;
	padding: 5px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ctTop #ctContent #ctMenu #bannerCitas {
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 30px;
	background-image: url(../img/bannerCita.jpg);
	height: 220px;
	text-align: center;
}
#ctTop #ctContent #ctMenu #bannerCitas .selectProfesionales {
	margin-top: 85px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #2A4647;
}
#ctTop #ctContent #ctMenu #bannerNewsletter {
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 20px;
	height: 100px;
	text-align: center;
}
#ctTop #ctContent #ctCuerpo {
	float: left;
	width: 650px;
	background-image: url(../img/bgContent.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin-left: 5px;
}
#ctTop #ctContent #ctCuerpo #ctLeft {
	width: 470px;
	float: left;
}
#ctTop #ctContent #ctCuerpo #ctLeft h1 {
	font-family: "Arial Narrow", Tahoma, "Trebuchet MS";
	color: #FFF;
	font-size: 22px;
	letter-spacing: 1px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#ctTop #ctContent #ctCuerpo #ctLeft h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	margin: 0px;
	font-weight: lighter;
	letter-spacing: 1px;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoTexto {
	padding: 10px;
}


#ctTop #ctContent #ctCuerpo #ctLeft #magiaForm {
	background-image: url(../img/magiaTitleForm.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft #magiaAfricana {
	background-image: url(../img/magiaAfricanaTitle.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft #magiaGitana {
	background-image: url(../img/magiaGitanaTitle.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft #magiaBlanca {
	background-image: url(../img/magiaBlancaTitle.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft #magiaGenerico {
	background-image: url(../img/magiaGenericoTitle.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft #magiaSanteria {
	background-image: url(../img/magiaSanteriaTitle.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft #magiaHechizos {
	background-image: url(../img/magiaHechizosTitle.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft #calendarioLunar {
	background-image: url(../img/magiaCalendarioTitle.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft #calendarioLunarNew {
	background-image: url(../img/magiaCalendarioNewTitle.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft #magiaOraculos {
	background-image: url(../img/magiaOraculosTitle.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft #magiaChat {
	background-image: url(../img/magiaChatTitle.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft #magiaPura {
	background-image: url(../img/magiaPuraTitle.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft #nuestrosPro {
	background-image: url(../img/nuestrosProfesionalesTitle.jpg);
	height: 64px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm {
	margin-left: 3px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm #ctChat {
	width: 467px;
	height: 500px;
}

#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .columnaLeft {
	float: left;
	width: 212px;
	padding-right: 11px;
	padding-left: 10px;
	background-image: url(../img/centralLine.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .columnRight {
	float: left;
	width: 213px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 30px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .tituloUsuario {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	background-color: #6d4061;
	border: 1px solid #5F284F;
	padding-left: 5px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .textoUsuario {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .etiquetaCampo3 {
	font-family: "Arial Narrow", Tahoma, "Trebuchet MS";
	font-size: 12px;
	color: #5F284F;
	font-weight: lighter;
	padding-bottom: 3px;
	padding-top: 3px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .inputCampo {
	width: 140px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #555;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .selectCampo {
	width: 146px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #555;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .magiaButton {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(../img/magiaBtnSend.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 104px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #B3B1A5;
	color: #583718;
	letter-spacing: 1px;
	font-weight: bold;
	margin-top: 10px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form {
	margin-left: 142px;
	padding-top: 13px;
	margin-right: 10px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form h3 {
	font-family: "Segoe UI", sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: lighter;
	text-align: center;
	text-transform: uppercase;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form h3.magia {
	background-color: #E3A102;
	border: 1px solid #815A01;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form h3.magiaAfricana {
	background-color: #4E3227;
	border: 1px solid #000;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form h3.magiaGitana {
	background-color: #FF6419;
	border: 1px solid #FFF;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form h3.videncia {

	background-color: #E3A102;
	border: 1px solid #815A01;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form h3.santeria {
	background-color: #9C3023;
	border: 1px solid #4A1611;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form h3.hechizos {
	background-color: #125687;
	border: 1px solid #09273E;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form h3.calendarioLunar {
	background-color: #4D4E53;
	border: 1px solid #2B2C2F;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form h3.magiaOraculos {
	background-color: #B37015;
	border: 1px solid #73470D;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form h3.magiaPura {
	background-color: #006C55;
	border: 1px solid #003E30;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form h4 {
	font-weight: lighter;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	padding-top: 15px;
	padding-bottom: 3px;
	padding-left: 3px;
	line-height: 16px;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form #carta0 {
	height: 159px;
	width: 85px;
	display: block;
	float: left;
	background-image: url(../img/cartas/backCard2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 15px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form #carta1 {
	height: 159px;
	width: 85px;
	display: block;
	float: left;
	background-image: url(../img/cartas/backCard2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 15px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form #carta2 {
	float: left;
	height: 159px;
	width: 85px;
	display: block;	
	background-image: url(../img/cartas/backCard2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form #runa0 {
	height: 91px;
	width: 85px;
	display: block;
	float: left;
	background-image: url(../img/cartas/backCard2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 15px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form #runa1 {
	height: 91px;
	width: 85px;
	display: block;
	float: left;
	background-image: url(../img/cartas/backCard2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 15px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form #runa2 {
	float: left;
	height: 91px;
	width: 85px;
	display: block;	
	background-image: url(../img/cartas/backCard2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form .etiquetaCampo {
	font-family: "Segoe UI", sans-serif;
	font-size: 11px;
	color: #333;
	padding-top: 4px;
	padding-bottom: 4px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form .inputCampo {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	width: 170px;
	color: #555;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form .selectCampo {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	width: 176px;
	color: #555;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form .textareaCampo {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	width: 290px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 40px;
	margin-left:5px;
	color: #555;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .form .magiaButton {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(../img/magiaBtnSend.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 104px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #B3B1A5;
	color: #583718;
	letter-spacing: 1px;
	font-weight: bold;
}
#ctTop #ctContent #ctCuerpo #ctRight {
	float: left;
	width: 180px;
}
#ctTop #ctContent #ctCuerpo #ctRight .ctBanner {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#ctTop #ctContent #ctCuerpo #ctRight .ctBannerProfesionales {
	background-image: url(../img/seccionProfesionales/bannerVidentes.jpg);
	width: 151px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	height: 631px;
	padding-top: 20px;
}
#ctTop #ctContent #ctCuerpo #ctRight .ctBannerProfesionales .foto {
	height: 73px;
	width: 73px;
	margin-left: 39px;

}
#ctTop #ctContent #ctCuerpo #ctRight .ctBannerProfesionales .foto img {
	border:none;
}
#ctTop #ctContent #ctCuerpo #ctRight .ctBannerProfesionales .nombre {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #50671c;
	text-align: center;

}
#ctTop #ctContent #ctCuerpo #ctRight .ctBannerProfesionales .nombre a {
	color: #50671c;
	text-decoration:none;
}
#ctTop #ctContent #ctCuerpo #ctRight .ctBannerProfesionales .nombre a:hover {
	text-decoration:underline;
}
#ctTop #ctContent #ctCuerpo #ctRight .ctBannerProfesionales .profesion {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #a94103;
	text-align: center;
	margin-bottom: 10px;
}
#ctTop #ctContent #ctCuerpo #ctRight .ctBannerProfesionales .profesion a {
	color: #a94103;
	text-decoration:none;
}
#ctTop #ctContent #ctCuerpo #ctRight .ctBannerProfesionales .profesion a:hover {
	text-decoration:underline;
}
#ctTop #ctContent #ctCuerpo #ctCuerpoPie {
	clear: both;
	width: 467px;
	margin-left: 3px;
	background-color: #d8e3bf;
}
#ctTop #ctContent #ctCuerpo #ctCuerpoPie h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3E5801;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #3E5801;
}
#ctTop #ctContent #ctCuerpo #ctCuerpoPie ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
#ctTop #ctContent #ctCuerpo #ctCuerpoPie ul li {
	margin-bottom: 5px;
	background-image: url(../img/directBullet.gif);
	background-repeat: no-repeat;
	background-position: -5px 2px;
	padding-left: 10px;
}
#ctTop #ctContent #ctCuerpo #ctCuerpoPie ul li a {
	color: #333;
}
#ctTop #ctContent #ctCuerpo #ctCuerpoPie ul li a:hover {
	color: #F60;
}



#ctTop #ctContent #ctCuerpo #ctCuerpoPie .ctDirectLinks {
	width: 152px;
	float: left;
}
#ctTop #ctContent #ctCuerpo #ctCierre {
	background-image: url(../img/bgCtCuerpo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 150px;
	clear: both;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .profesional {
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .profesional .tituloProfesional {
	background-color: #C42695;
	padding: 5px;
	border: 1px dotted #FFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}

#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .profesional .imagen {
	width: 150px;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
}
#ctTop #ctContent #ctCuerpo #ctLeft .cuerpoForm .profesional .datos {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 15px;
	width: 280px;
}
#ctTop #ctContent #tarifas {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	margin-left: 240px;
	color: #666;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#ctPie {
	background-image: url(../img/bgPie.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 19px;
	background-color: #73A007;
	padding-bottom: 5px;
}
#ctPie .enlacesPatro {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	text-align:center;
}
#ctPie .enlacesPatro p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-align: center;
}
#ctPie a {
	color: #330;
	text-decoration: none;
}
#ctPie a:hover {
	color: #ECF9B4;
	text-decoration: underline;
}
p.textoContenido{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
p.textoContenidoC {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}

p.pie {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.salto {
	clear: both;
}
/* CSS PARA LANZAR EL VALIDADOR DE EMAIL */ 
.superCapa {
	visibility:hidden;
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#cajaRevalidate {
	background-color: #73A007;
	width: 370px;
	height: 120px;
	margin-left: -185px;
	position: absolute;
	top: 50%;
	left: 50%;
	visibility: hidden;
	border: 1px solid #47691C;
}
.buttonRevalidate {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	background-image: url(../img/btnSend.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 104px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #73A007;
	color: #FFF;
	margin-left: 10px;
}
/* CLASES PARA ERRORES EN LOS FORMULARIOS */
.errorColorCampo {
	background-color:#FFC;
}
.errorForm {
	color: #F00;
	text-transform: none;
	background-color: #FC0;
	border: 1px dotted #F00;
	text-align: center;
	margin-bottom: 10px;
	padding: 3px;
	font-family: "Segoe UI", sans-serif;
	letter-spacing: 1px;
	font-size: 12px;
}
/*CSS PARA EL CALENDARIO*/
#capaCalendario {
}
#capaCalendario .calendario {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
}
#capaCalendario .calendario .tituloMes {
	color: #FFF;
	font-size: 16px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	padding-top: 5px;
	padding-bottom: 7px;
	background-color: #35424A;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}
#capaCalendario .calendario .tituloMes .mesAnterior {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-right: 20px;
	color: #FFF;
}
#capaCalendario .calendario .tituloMes .mesAnterior:hover {
	text-decoration: underline;
}
#capaCalendario .calendario .tituloMes .mesSiguiente {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-left: 20px;
	color: #FFF;
}
#capaCalendario .calendario .tituloMes .mesSiguiente:hover {
	text-decoration: underline;
}
#capaCalendario .calendario .tituloDia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #1B232A;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color: #748C9C;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}
#capaCalendario .calendario .diaVacio {
	background-color: #1b232a;
}
#capaCalendario .calendario .dia {
	color: #CCC;
	background-color: #35424A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-image: url(../img/squareTr.jpg);
	background-repeat: repeat;
	background-position: left top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}
#capaCalendario .calendario .cajaLuna {
	width: 30px;
	height: 30px;
	background-color: #000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-top: 6px;
	padding-right: 16px;
	padding-bottom: 6px;
	padding-left: 16px;
}
#capaCalendario .calendario .textoTituloLuna{
	background-color: #35424A;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	height: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#capaCalendario .calendario .enlaceLuna {
	color: #FC0;
}
#capaCalendario .calendario .enlaceLuna:hover {
	color: #FFF;
	text-decoration: none;
}
/*#capaCalendario {
	width: 960px;
	margin-left: -480px;
	position: absolute;
	visibility: hidden;
	top: 50px;
	left: 50%;
}#capaCalendario .close {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding: 2px;
	margin-left: 840px;
}

#capaCalendario #cajaCalendario {
	border: 1px solid #FFF;
	padding: 10px;
}

#capaCalendario .calendar {
	width: 665px;
	float: left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #FFF;
	padding-right: 10px;
}
#capaCalendario .calendar .calendario {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222;
}
#capaCalendario .calendar .calendario .tituloMes {
	color: #FFF;
	font-size: 16px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: lighter;
	padding-top: 5px;
	padding-bottom: 7px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#capaCalendario .calendar .calendario .tituloDia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #CCC;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#capaCalendario .calendar .calendario .diaVacio {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222;
	background-color: #000;
}
#capaCalendario .calendar .calendario .dia {
	color: #CCC;
	background-color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
#capaCalendario .calendar .calendario .cajaLuna {
	padding-top: 3px;
	width: 95px;
	height: 100px;
	background-color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222;
}
#capaCalendario #columnDatos {
	width: 250px;
	float: left;
	padding-left: 10px;
}
#capaCalendario #columnDatos #tituloDatos {
	color: #FFF;
	font-size: 16px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: lighter;
	padding-top: 5px;
	padding-bottom: 7px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#capaCalendario #columnDatos #tituloDatosDias {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FC0;
	padding-top: 10px;
	padding-bottom: 10px;
}
#capaCalendario #columnDatos #tituloDatosTexto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
*/
#capaCalendario #tituloTextoLuna {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FC0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FC0;
	margin-top: 15px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
#capaCalendario #descripcionTextoLuna {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #E2E2E2;
	line-height: 22px;
}
#capaCalendario #descripcionTextoLuna p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #E2E2E2;
	line-height: 22px;
}
#calendarioCitas {
	margin-right: 10px;
	margin-left: 10px;
	border: 1px none #F9EEF5;
}
#calendarioCitas .tituloCitas {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	padding: 5px;
	color: #333;
	background-color: #CCC;
	border: 1px dotted #333;
	font-size: 12px;
}
#calendarioCitas .dia {
	font-family: "Segoe UI", sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #FFF;
	margin-bottom: 5px;
	font-size: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #C42695;
}
#calendarioCitas .hora {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #C42695;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C42695;
	font-size: 13px;
	text-align: center;
	width: 100%;
}
#calendarioCitas .rango {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C42695;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
}
#calendarioCitas .rango .libre {
	background-color: #D8E3BF;
	width: 51px;
	display: block;
	color: #659201;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	height: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #9bbb59;
}
#calendarioCitas .rango .rangoOcupado {
	background-color: #eec9b7;
	width: 51px;
	display: block;
	color: #9c3023;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 12px;
	border: 1px solid #9c3023;
}
#calendarioCitas .rango .libre:hover {
	color: #FFF;
	background-color: #690;
}
.ocupar {
	background-color: #690;
	width: 51px;
	display: block;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 12px;
	border: 1px solid #AEAEAE;
}
