html, body {padding: 0; margin: 0}

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 200%; color: #666; background-color:#FFF; }

#HEADER { width: 100%; height: 184px; position: relative; background-image: url(../img/bg_header.png); z-index:10 }
#logo { width: 625px; height: 133px; position: relative; margin-left: -320px; left: 50%;}
#FOOTER { width: 100%; height: 100px; position: relative;  background: url(../img/bg_footer.png) repeat-x; clear: both;}
#CONTENEDOR { width: 960px; height: auto; position: relative; margin-left: -480px; left: 50%; } 

#data_footer { width: 960px; position: relative; margin-left: -480px; left: 50%; padding-top: 25px;}


a { color: rgb(154, 191, 47); text-decoration: underline; }
a:hover { text-decoration: none;}
b {color: rgb(154, 191, 47);} 

#menu { margin-top: 135px; position: absolute; z-index: 100; width: 960px; margin-left: -480px; left: 50%;}
#menu ul li{ float: left; padding-right: 35px; }
/*------------------------------------------------------------------------------------------------*/
h1 {color: rgb(128, 195, 235); font-size: 24px; font-weight: 400;}
.titulos { width: 940px; border-bottom: #ccc 1px solid; margin-bottom: 10px; padding-bottom: 10px;}
.info { width: 920px; padding: 10px; height: auto; background: #f0f0f0; line-height: 250%; text-align: justify; }




#HOME { position: relative; width: 960px; float: left; height: 465px; margin-top: 15px;  }
#slider {height: 420px; position: relative; width: 940px;  }
#slider ul li { height: 420px; }




#STAFF { position: relative; width: 960px; float: left; height: auto; margin-top: 15px;  }
#INSTALACIONES { position: relative; width: 960px; float: left; height: auto; margin-top: 15px;  }
#TRATAMIENTOS { position: relative; width: 960px; float: left; height: auto; margin-top: 15px;  }
#CONTACTO { position: relative; width: 960px; float: left; height: auto; margin-top: 15px;  }

/*----------------------------------------TRATAMIENTOS------------------------------------------------*/
h2 { padding: 5px;}
h2.trigger { padding: 0 0 0 50px; margin: 0 0 5px 0px; background: url(../img/h2_trigger_a.gif) no-repeat; height: 46px; line-height: 46px; width: 950px; font-size: 1.3em; font-weight: normal; float: left; margin-top: 10px;
			 margin-bottom: 10px;}
h2.trigger a { color: #fff; text-decoration: none; display: block; }
h2.trigger a:hover { color: #333 }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container { margin: 0 0 5px; padding: 0; border-top: 1px solid #d6d6d6; background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top; overflow: hidden; font-size: 1.2em; width: 940px; clear: both; }
.toggle_container .block { 	padding: 0px; /*--Padding of Container--*/ background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/ }
.tabs { width: 950px; float: left; position: relative;}
.tabNavigation { width: 950px; margin-bottom: 10px; float: left; text-transform: uppercase; }
.tabNavigation a { color: #333; font-weight: bold; text-decoration: none;  }
.tabNavigation a:hover { color: rgb(128, 195, 235);  }
.tabNavigation a:active { color: rgb(128, 195, 235);  }
.tabNavigation ul li { float: left; padding-left: 0px;  text-transform: uppercase;}
.block_nav { padding-right: 6px; padding-left: 6px; width: auto; float: left}
.block_nav_1 { padding-right: 15px; padding-left: 3px; width: auto; float: right; margin-top: -40px;}
.tratamientos_cate {margin: 0 0 5px; padding: 0px; border-top: 1px solid #d6d6d6; background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top; overflow: hidden; font-size: 1.2em; width: 940px; clear: both;}
.tratamientos_cate p { padding: 5px;}
.selected { color: rgb(128, 195, 235);  }
ul.tabNavigation a.selected {color: rgb(128, 195, 235); text-decoration: underline;}

.galeria { width: 960px; }
.galeria p {float: left; padding-left: 5px; width: 930px; }
.galeria img { margin-top: -15px;}

/*GALERIAS INSTALACIONES*/

.pikachoose{width:960px;margin-left:-10px ;  background:#f0f0f0;  }
/* This is the ul you have all your images in */
.pikachoose ul{width:500px;height:70px; overflow:hidden; position: relative; margin-top: 10px; float: left; margin-left: 250px;   }
.pikachoose ul li{float: left;border:1px solid #555;padding:2px; margin:0 6px 4px 0; position:relative;overflow:hidden; width: 50px; }
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:940px;height:520px;display:block;position:relative; padding-top: 10px; padding-left:5px;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position: absolute;top:2px;left:4px; right: 4px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;padding:4px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:938px;height:20px;padding-top:0px;text-align:center;position:absolute;bottom:16px;left:10px;background: #000 top left; color: #FFF}
.pika_caption a{color:white;}


/*------------------CONTACTO---------------------------------*/

#formCT { float: right; width: 400px; position: relative; }

#txt_contacto { float: left; width: 500px; position: relative}


#form { width: 430px; height: auto; position: relative; margin-top: 10px;  float: right; padding-right: 10px; clear: both; margin-bottom: 10px;}
	
.fprimero { width: 430px; position: relative; }

label  { width: 150px; padding-left: 10px; margin: 5px; float: left; text-align: left; }
.button { text-align: center; float: left; margin-left: 10px;}
br {clear: left}
.textbox { height: 15px; margin-top: 10px; width: 220px }
.textarea { height: 80px; margin-top: 10px; overflow: auto; }
.radiob { margin-top: 7px; margin-left: 140px; float: left; text-align: left; margin-right: 5px; }
.botones {margin-left: 160px; margin-top: 10px;}
.txtform {margin-left: 15px;}

.notification_error { height: auto; width: 300px; padding: 8px; text-align: left; color:#FFF; background: rgb(128, 195, 235);  position: relative;  }

.notification_ok { height: auto; width: 300px; padding: 8px; text-align: left; color:#FFF; background: rgb(128, 195, 235); position: relative;  }

#note { margin-top: 0px; width: 300px; position: relative; padding: 5px; float: right;  }

/*------------------SLIDER HOME---------------------------------*/

#prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:50px; height:50px; position:absolute; left:0px; top:410px; z-index:1000; 	}	

#nextBtn, #slider1next{ left:890px;	}														

#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{  display:block;	position:relative; width:50px; height:50px;	background: url(../img/btn_az_back.jpg) no-repeat 0 0;	}	
#nextBtn a, #slider1next a{ background:url(../img/btn_az_fw.jpg) no-repeat 0 0;	}	




.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }