/* Start of CMSMS style sheet 'Jorge Alonso Style' */
@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0}
img {border:none}

body {
	font:14px Arial Narrow, 'Trebuchet MS';
	background: rgb(210,228,202)
}
.floatright{ float:right; margin:0 0 0 14px}
.floatleft {
	float:left;
	margin:10px 14px 0 0;
}

#pagewrapper{
	width: 858px;
	margin: 40px auto 0 auto;
	padding-bottom:40px
}

.accessibility, hr {
left:-999em;
position:absolute;
top:-999em;
}

#header {
	background: url(images/encabezado.jpg);
	height: 158px
}
a {
	color:#416906;
	font-weight:bold
}
.center {text-align:center}
.left {text-align: left !important}

/*******************************************************************************************************************************************************************************/
#menu {position:relative;
	top:155px;
	width:830px;
	left:10px;
	height:18px;
	list-style:none;
	font-family: "Times New Roman", Times, serif;
	font-weight:600;
	font-size:17px}
	
#menu li{float:left;
	display:block;
	margin-left:9px;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	}
#menu a {
	display:block;
	text-decoration:none;
	padding-left:13px;
	color:#006600;
	font-weight:600 !important;
	background:url(images/item_menu.gif) no-repeat 0 6px;

}
#menu a:hover { background:url(images/item_menu.gif) no-repeat 0 -16px}
#menu #activo a {background:url(images/item_menu.gif) no-repeat 0 -16px; color:#003333}
#menu .menuactive a{background:url(images/item_menu.gif) no-repeat 0 -16px; color:#003333}
/*******************************************************************************************************************************************************************************/

/*
#menu {position:relative;top:157px;left:15px;background:transparent url(images/menu.gif); overflow:hidden;width:820px; height:18px; }
#menu li{list-style:none;float:left;display:inline; }
#menu a {
	display:block;
 	float:left;
   	height:0;
	overflow:hidden;
	text-decoration:none;
	padding-top:24px;
}
#menu a:hover {background:transparent url(images/menu-hover.gif) no-repeat 820px 18px;}
#menu #activo a {background:transparent url(images/menu-hover.gif) no-repeat 820px 18px; cursor:default}

#menu a#inicio, #menu #activo a#inicio {width:76px;position:relative}
#menu a#terapia-floral, #menu #activo a#terapia-floral {width:147px;position:relative;left:3px}
#menu a#astrologia, #menu #activo a#astrologia {width:119px;position:relative;left:5px}
#menu a#reiki, #menu #activo a#reiki {width:63px;position:relative;left:7px}
#menu a#consulta, #menu #activo a#consulta {width:102px;position:relative;left:9px}
#menu a#cursos, #menu #activo a#cursos {width:82px;position:relative;left:11px}
#menu a#articulos, #menu #activo a#articulos {width:106px;position:relative;left:13px}
#menu a#contacto, #menu #activo a#contacto {width:110px;position:relative;left:15px}

#menu a#inicio:hover, #menu #activo a#inicio {background-position: 0 0; z-index:50;}
#menu a#terapia-floral:hover, #menu #activo a#terapia-floral {background-position: -79px 0; z-index:50;}
#menu a#astrologia:hover, #menu #activo a#astrologia {background-position: -228px 0; z-index:50;}
#menu a#reiki:hover, #menu #activo a#reiki {background-position: -349px 0; z-index:50;}
#menu a#consulta:hover, #menu #activo a#consulta {background-position: -414px 0; z-index:50;}
#menu a#cursos:hover, #menu #activo a#cursos {background-position: -518px 0; z-index:50;}
#menu a#articulos:hover, #menu #activo a#articulos {background-position: -602px 0; z-index:50;}
#menu a#contacto:hover, #menu #activo a#contacto {background-position: -710px 0; z-index:50;}

*/



#bienvenidos {
	background:url(images/bienvenidos.gif);
}
#texto {
	width:463px;
	margin:0 0 60px 261px;
	_margin:0 0 60px 258px;
}

.recuadro {
background:#4AAEB7 url(../imagenes/recuadro.gif) repeat-y scroll center center;
color:#FFFFFF;
font-family:Verdana;
font-size:11px;
line-height:14px;
padding:6px 11px;
}

#content {
	background: url(images/fondo-contenido.gif)
}
.h1-imagen {
	/*height:0;*/
	margin-top:21px;
	width:798px;
	padding:49px 0 0 60px;
	display:block;
	font-size:20px;
	font-weight:normal

	/*overflow:hidden;*/
}

h1 {
	color: #066;
	font-size:18px;
	font-family: "Trebuchet MS",Tahoma,Verdana;
}

h2 {
	color:#fff;
	font-size:20px;
	font-family: "Trebuchet MS",Tahoma,Verdana;
    background-color: #FD9F13;
    padding-left: 12px;
    text-align: center;
}

h3 {
	color:#060;
	font-size:14px;
	font-family: "Trebuchet MS",Tahoma,Verdana;
}
h4 {
    font-size:14px;
	font-weight:bold;
	font-family: "Trebuchet MS",Tahoma,Verdana;
}
#sidebar {
	float:left;
	left:53px;
	position:relative; z-index:999;
	width:185px;
	background:url(images/back_sidebar.gif) repeat-x top;
	/*background-color:#dfe1d3;*/
}
#sidebar img{ display:block; margin: 0 auto}
#main {
	width:534px;
	margin:0 0 0 261px;
	border:1px solid #c7cbb5;
	padding:3px 15px 10px 15px;
	border-top:none;
	position:relative; z-index:999;
}

#main ol{ margin-left:20px}

#main ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#main ul li{ margin-bottom: 10px
}

.pago{
	 height:141px; width:158px; margin:30px auto 0 auto
}
#sidebar .pago img{  display:block; margin:10px  auto}

p {
	text-align:justify
}

#main p, h3, h4 {
	margin: 0 0 10px 0
}
#main h4{ text-align:center}

 
.recuadro-lateral {
	margin: 20px auto ;text-align:center; border:1px solid #bfc3af; line-height:20px; background:#dfe4cf; width:98px; padding:10px
}
#pie-de-pagina {
	height: 266px;
	background: url(images/pie-de-pagina2.jpg);
	position:relative;
	top:-120px
}

#pie-de-pagina.reiki {
	background: url(images/pie-reiki.jpg) !important;
	height: 410px;
	top:-250px;
}

#pie-de-pagina.floral{
	background: url(images/pie-terapia-floral.jpg) !important;
	height: 392px;
	top:-230px;
}

#pie-de-pagina.astrologia{
	background: url(images/pie-astrologia.jpg) !important;
	height: 500px;
	top:-230px; }

#pie-de-pagina p {
	font-size:10px;
	font-family:Arial;
	text-align: center;
	position:absolute;
	bottom:-21px;
	width:100%;
	font-weight:bold;
	color:#666
}
#pie-de-pagina a {
	color:#666;
	text-decoration:none;
}

#blog{
  position: absolute;
  margin-top: 184px;
  margin-left:720px;
}


.preguntas {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:10px
}

a#curriculum {
				width:117px;
				height:0;
				padding-top:27px;
				background:url(images/vercurriculum.gif);
				display:block;
				overflow:hidden;
				margin:11px auto
			}
			a#curriculum:hover {
				background:url(images/vercurriculum-hover.gif);
			}
			#contenido {
				padding:0  0 50px 0
			}
			
.menu-vertical {
				
			}
			.menu-vertical ul{
				list-style:none;
				margin:20px 14px 0 14px;
				line-height:20px;
				font-size:.9em; 
			}
			.menu-vertical li{ text-transform:uppercase
			}
			.menu-vertical a, .menu-vertical h3 {
				font-weight: normal;
				display:block; 
				width:100%;
				padding-left:16px;
				background:url(images/menu2.gif) no-repeat 0 5px;
				text-decoration: none;
				font-size:12px;
				margin:0
			}
			.menu-vertical h3 { font-weight:bold !important}
			
			.menu-vertical a:hover {
				font-weight: bold;
				padding-left:19px;
				background:url(images/menu2b.gif) no-repeat 2px 6px;
			}
			.menu-vertical #activo a  {
				font-weight: bold;
				padding-left:16px;
				background:url(images/menu2b.gif) no-repeat 0 5px;
				cursor:default
			}	





.contactform { margin:30px 0  0 30px }
.contactform fieldset { border:none } .contactform fieldset legend { display:none }
.contactform div { margin-bottom:10px }
.contactform label { width: 80px; float:left; text-align:right; display:block ; margin-right:10px }

.contactform input,.contactform textarea {  border:1px solid #CCCFBA; font:12px Tahoma; color:#222 ; padding:4px 8px }
.contactform input { width:245px;  }
.contactform textarea { width:345px; height:110px; overflow:auto  }
.contactform .submit input { width:89px;  height:25px; padding:0; background:url(images/enviar.png); cursor:pointer; border:none; margin-left:364px }			
/* End of 'Jorge Alonso Style' */

