/*****************************************/
/*   CSS Main Style Sheet For SPAcioNum  */
/*   Website Developed By SkyDesigns     */
/*   For More Information, visit us at   */
/*   http://www.skydesigns.com.mx        */
/*****************************************/

/* Fonts Selection (Only CSS3 Capable Browsers) */
@font-face {
	font-family: Champagne;
	src: url('../fonts/Champagne.ttf');
}

@font-face {
	font-family: HoneyScript;
	font-weight: bold;
	src: url('../fonts/HoneyScript.ttf');
}

/* Format Left Menu */
a.spacionum:link, a.spacionum:visited, a.spacionum:active {
	display: block; background-image: url(../images/spacio_num.png); width: 120px; height: 20px; margin: 10px 0;}
a.spacionum:hover { background-position: 0px -21px; }
a.servicios:link, a.servicios:visited, a.servicios:active {
	display: block; background-image: url(../images/servicios.png); width: 120px; height: 20px; margin: 10px 0;}
a.servicios:hover { background-position: 0px -21px; }
a.productos:link, a.productos:visited, a.productos:active {
	display: block; background-image: url(../images/productos.png); width: 120px; height: 20px; margin: 10px 0;}
a.productos:hover { background-position: 0px -21px; }
a.boletines:link, a.boletines:visited, a.boletines:active {
	display: block; background-image: url(../images/boletines.png); width: 120px; height: 20px; margin: 10px 0;}
a.boletines:hover { background-position: 0px -21px; }
a.promociones:link, a.promociones:visited, a.promociones:active {
	display: block; background-image: url(../images/promociones.png); width: 120px; height: 20px; margin: 10px 0;}
a.promociones:hover { background-position: 0px -21px; }
a.links:link, a.links:visited, a.links:active {
	display: block; background-image: url(../images/links.png); width: 120px; height: 20px; margin: 10px 0;}
a.links:hover { background-position: 0px -21px; }
a.glosario:link, a.glosario:visited, a.glosario:active {
	display: block; background-image: url(../images/glosario.png); width: 120px; height: 20px; margin: 10px 0;}
a.glosario:hover { background-position: 0px -21px; }
a.contacto:link, a.contacto:visited, a.contacto:active {
	display: block; background-image: url(../images/contacto.png); width: 120px; height: 20px; margin: 10px 0;}
a.contacto:hover { background-position: 0px -21px; }
a.active:link, a.active:visited, a.active:hover { background-position: 0px -21px; }

/* Format Services Menu */
a.menuitem, a:visited.menuitem, a:active.menuitem {
	font-family: Champagne;
	font-size: 16px;
	color: #534741;
	text-decoration: none;
}
a:hover.menuitem {
	font-family: Champagne;
	font-size: 16px;
	color: #000;
	text-decoration: underline;
}

/* Formatear "Has tu cita hoy" */
a.makedate, a:visited.makedate, a:active.makedate {
	font-family: HoneyScript;
	font-size: 50px;
	color: #00853E;
	text-decoration: none;
}
a:hover.makedate {
	font-family: HoneyScript;
	font-size: 50px;
	color: #000;
	text-decoration: underline;
}

/* Format Pages Content */
h2 {
	font-family: Champagne;
	color: #666;
	font-weight: bold;
	font-size: 16px;
}

.suscribirse {
	font-family: Champagne;
	font-weight: bold;
	font-size: 14px;
}

img {
	border: 0;
}

/* Body Format */
.ie body{background-color:#FF9;
	background-image: url(../images/backgrounds/1.jpg);}
body { background-color:#FF9;
	background-image: url(../images/backgrounds/1.jpg);
	font-family: Arial;
	font-size: 12px;
	margin: 0;
	height: auto;
}

#promos {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 500px;
	height: 750px;
	margin-top: -375px;
	margin-left: -250px;
	overflow: none;
	border: 5px solid #000;
}

#container {
	margin: 20px auto 5px auto;
	width: 1000px;
	height: 1%;
	overflow: hidden;
	
}

#center {
	background-image: url(../images/bg.png);
	width: 180px;
	height: 520px;
	padding: 10px 10px 10px 10px;
	margin: 0 auto 0 215px;
	overflow-x:hidden;
	overflow-y:auto;
}

#left {
	background-image: url(../images/bg.png);
	height: 520px;
	width: 180px;
	padding: 10px 10px 10px 10px;
	float: left;
}

#right {
	background-image: url(../images/bg.png);
	height: 520px;
	width: 550px;
	padding: 10px 10px 10px 10px;
	float: right;
}

#rightcontent {
	overflow: auto;
	height: auto;
	width: 540px;
	height: 500px;
	padding: 10px 10px 10px 10px;
}

#footer {
	width: 1000px;
	margin: 0 auto 0 auto;
	color: #FFF;
}

/* Misc Format */
hr {
	border: 1px solid #534741;
}

h1 {
	font-family: HoneyScript;
	font-size: 30px;
	color: #00853E;
}

.forma {
	background-color: #F7F3F7;
	width: 250px;
	border: thin solid #CECFCE;
}