/* CSS file for calearth.org - by DianeV. Web Design Studio - http://dianev.com */
body {color:#202b2f; margin:10px auto 15px auto; padding:0; border:0; text-align:center; font-size:80%; font-family:Arial, Helvetica, sans-serif; background:#3B565F /*03090A*/ /*015E6F*/}

table, table td, form {margin:0; padding:0; border:none}

#formulario_pedido {margin:1; padding:1; border:1;}

#pagewrap {
	width:900px;
	margin:0 auto;
	padding:0;
	text-align:left
}

/* HEADER */
#theheadercont, #theheadercont img {width:900px; height:200px; border:none; background:#003E26}

/* HNAV DROPDOWNS */
#hnav {clear:both; width:900px; height:30px; background:#574865}

	#hnav tr {
	width:900px;
	height:21px;
	list-style:none;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:13px
}
	#hnav td {float:left; display:block}
	#hnav td a {color:#faaf3a; padding:4px 22px; display:block; text-decoration:none; line-height:1.0em; border-left:1px solid #467848}
	#hnav td a:hover {
	color:#003E26;
	text-decoration:none;
	background:#faaf38 /*FEFAF0*/
}
#hnav li.navleft a {border-left:none}

	/* SUBNAV - using :left because display:none not read by screen readers */
	#hnav ul li ul {position:absolute; left:-999em; display:block; padding:0; margin:0; font-size:12px; border-bottom:6px solid #FDEFC2}
	#hnav ul li ul li {width:100%}
	#hnav ul li li a {
	color:#030;
	display:block;
	padding:3px 10px;
	line-height:1.3em;
	text-decoration:none;
	background:#faaf38;
	border-bottom:1px solid #CEC9BC;
	border-left:none
} /* use same padding as #hnav li a */
	#hnav ul li li a:hover {
	color:#f7b03a;
	text-decoration:none;
	background:#3d555f
}
	#hnav ul li:hover ul, #hnav ul li.sfhover ul  {
	left:auto;
	background:#0bf046
} /* lists nested under hovered list items */

		/* dropdown widths */
		#hnav ul li ul#navabout      {width:170px}
		#hnav ul li ul#navdesigns	 {width:180px}
		#hnav ul li ul li#navsubmenu {width:180px}
		#hnav ul li ul#navlearn		 {width:220px}
		#hnav ul li ul#navgallery	 {width:200px}

#donatebtn {text-align:center; margin-bottom:10px}
#donatebtn img {width:144px; height:137px}
#donatebtn a img {border:none; text-decoration:none}

/* CONTENT */
#main_content {clear:both; margin:0 auto; padding:0 0 22px 0; background:#fff url(images/l/bkpage.gif) repeat-y}

	#leftcontent {
	float:right;
	width:700px;
	padding:10px 0 0 18px;
	line-height:1.3em;
	font-family:Cambria, Arial, Helvetica, sans-serif;
	color:#3b565f;
	font-size: 16px;
}

	#contenido {
	float:left;
	width:650px;
	padding-top: 20px;
}

	#lcol        {
	float:right;
	width:178px;
	padding:10px 0;
	height: 300px;
}

/* LEFT COL */
#lcol ul.lnav  {list-style:none; margin:0 0 1em 0; padding:0; font-weight:bold; font-size:13px; background:#044E33}
#lcol .lnav li a {color:#FDFAFA; padding:3px 5px; display:block; text-decoration:none; line-height:1.2em; border-bottom:1px solid #dbd5c4}
#lcol .lnav li a:hover {color:#003E26; text-decoration:none; background:#BBB190}

	#lcol p {margin:1em 13px}


/* FOOTER */

#themidfooter {
	background-image:url(../imagenes/themidfooter.jpg); 
	height:28px;
	width:900px;
	}

#thefooter {
	margin:0 auto;
	padding:0px 0;
	background:#044E33;
	height: 16px;
}
#thefooter div {
	color:#FDEFC2;
	text-align:center;
	font-size:0.83em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 10px;
}
#thefooter a {color:#FDEFC2; text-decoration:underline}
#thefooter a:hover {color:#FDEFC2; text-decoration:none}

/* END MAIN LAYOUT STYLES                              */
.breadcrumbs {color:#004E5C; font-size:11px; margin-bottom:1em}
.breadcrumbs a {color:#015E6F; text-decoration:underline}

/*                        */
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {font-family:'Times New Roman', Times, Palatino, serif}
h1, .h1 {font-size:29px; font-weight:normal; line-height:1.1em; margin-top:0}
h2, .h2 {font-size:22px; line-height:1em; font-weight:normal}
h3, .h3 {font-size:19px; font-weight:normal}
h4, .h4 {font-size:17px; font-weight:bold}
h5, .h5 {font-size:16px; font-weight:bold}

.mt0 {margin-top:0}
.mb0 {margin-bottom:0}

.b {font-weight:bold}
.i {font-style:italic}
.bi {font-weight:bold; font-style:italic}
.turquoise {color:#027897}
	.turquoisebk {color:#fff; background:#016F83}
.highlight {color:#970135}
.photocaption {font-size:11px}
.dv {color:#990033; text-transform:uppercase; font-size:11px; font-weight:bold}

.caps {text-transform:uppercase}
.h3caps {font-size:12px; text-transform:uppercase; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}
hr.hrblue {color:#015E6F}

.videotitle {color:#110546; width:425px; margin:15px auto 0 auto; padding:3px 0; text-align:center; font-size:16px; font-weight:bold; font-family:'Times New Roman', Times, Palatino, serif}
.videocont {text-align:center; margin-bottom:15px}
.videocont a {color:#fff; display:block; text-align:center; padding:2px; text-decoration:none; font-weight:bold; background:#005233}
.videocont a:hover {color:#fff; background:#015E6F}

ul.ulnext {color:#003E26}

ul.ul1 li, ol.ol1 li {margin-bottom:1em}
ul.ulflushleft {margin-left:10px; padding-left:10px}

table.tablelist {margin:auto; border:1px solid #C3BA9D}
table.tablelist th {text-align:center; background:#C3BA9D}
table.tablelist td {padding:2px 5px}

/* phototable */
.phototable {text-align:center; margin:auto}
.phototable td {text-align:center}
.phototable img {border:1px solid #10879c; margin-right:3px}

.imgtable td {padding:3px 1px 3px 3px; font-size:.87em; border-bottom:2px solid #FDEFC2}
.imgtable th {padding:3px 0; text-align:center; border-bottom:2px solid #FDEFC2}



/* RIGHT COLUMN STYLES */
.rtquotation {color:#7A6C3E /*225499*/; text-align:right; line-height:1.6em; font-size:.9em; margin-bottom:1.5em}
.rtquotation span.b, .rtquotation b {font-style:italic}

/* IN THE NEWS */
#inthenewscont {width:330px; float:left; padding-right:20px; margin-bottom:20px}
#inthenewscont div div {margin:0 0 2px 0; padding:0; border:none; background:none} /* for logos */
#inthenewscont div {margin-bottom:6px; padding:5px 6px 2px 6px; border:1px solid #dedede; background:url(images/b/bknews.jpg) repeat-x}
#inthenewscont ul  {list-style:none; margin:0; padding:0; line-height:1.1em}
#inthenewscont li  {margin-bottom:.4em; font-size:11px; padding-bottom:.3em}
#inthenewscont a {font-size:12px}

#inthenewstextcont {float:right; width:330px; margin-bottom:10px}
#inthenewstextcont p {line-height:1.5em; margin-bottom:1.5em}

.mediacompany	{font-style:italic}

/* purple:110546   red:A50A38  turquoise:0687A3  10879C 015E6F  lcolbk:dbd5c4 rich yellow:FADC76  purple:453D68 dk purple:000724 */
div a img, table a img {text-decoration:none; border:1px solid #0687A3}
div a:hover img, table a:hover img {text-decoration:none; border:1px solid #15C1E8}

img.imgrt, div.imgrt {float:right; margin:0 0 10px 10px}
img.imglt, div.imglt {float:left; margin:0 10px 10px 0}

a {color:#004E5C; text-decoration:underline}
a:hover {color:#004E5C; text-decoration:none}

#rollover {margin:0 auto;}

#laser1{
	float:left;
	height:auto;
	width:135px;
	height:160px;
}

#laser2{
	float:right;
	height:auto;
	width:150px;
	height:136px;
}
#laserpulido{
	float:right;
	height:auto;
	width:255px;
	height:110px;
}

#masaj_terap{
	float:left;
	height:auto;
	width:260px;
	height:160px;
}

#alojamiento_taller{
	float:right;
	height:auto;
	width:350px;
	height:330px;
}

#carmen_castellanos{
	float:left;
	height:auto;
	width:175px;
	height:190px;
}

#toroide{
	position:absolute; 
	left:40em;
	height:auto;
	width:200px;
	height:157px;
}

#varillas{
	float:right;
	height:auto;
	width:150px;
	height:122px;
}

#pendulo{
	float:right;
	height:auto;
	width:124px;
	height:166px;
}

#can_dalmau{
	float:right;
	height:auto;
	width:300px;
	height:202px;
}

.rollover1 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover.jpg);
}

.rollover2 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_filosofia.jpg);
}

.rollover3 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_soluciones.jpg);
}

.rollover31 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_georgonite.jpg);
}

.rollover32 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_zapper.jpg);
}

.rollover33 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_mms.jpg);
}

.rollover4 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_formacion.jpg);
}

.rollover5 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_blog.jpg);
}

.rollover6 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_galeria.jpg);
}

.rollover7 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_contacto.jpg);
}

.rollover8 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_plata.jpg);
}

.rollover9 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_piramide.jpg);
}

.rollover10 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_cristalpoder.jpg);
}

.rollover11 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_evozapper.jpg);
}

.rollover12 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_pedidos.jpg);
}

.rollover13 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_colgantes.jpg);
}
.rollover14 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_arteorgonico.jpg);
}
.rollover15 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_zappicador.jpg);
}
.rollover16 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_galeriavideo.jpg);
}
.rollover17 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_galeriaaudio.jpg);
}
.rollover18 {
	float:right;
	height:auto;
	width:175px;
	height:300px;
	background-image: url(../imagenes/fondo_rollover_piramide_normal.jpg);
}