/* Documento css registrado por FLEXO estudio digital */

/* ------------------------------------- General -----------------------------------*/

body {
	margin: 20px auto;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#333333;
	}

.body_home{background-image:url(/img/pix_fondo_home.gif);}

.body_bis{background-image:url(/img/pix_fondo_bis.gif);}
.body_bis a{color: #CC3366;}
.body_bis h3{color: #CC3366;}

.body_pivot{background-image:url(/img/pix_fondo_pivot.gif);}
.body_pivot a{color: #009999;}
.body_pivot h3{color: #009999;}

/* ----------------- Enlaces ------------*/
a {
	text-decoration: none;
	font-weight:bold;
}

a:hover{text-decoration: underline;}


img{border:0px;}

acronym {cursor: help; text-decoration:underline;}


/* ----------------- Tablas ------------*/
table{
	margin: 0px 0px 10px 0px;
	}

th{
	font-weight:normal;
	font-size:90%;
	background-color:#ffffff;
	color:#666666;
	text-align:left;
	padding:3px;
	border-bottom: 1px solid #dcdacc;

}

td{
	border-bottom: 1px solid #dcdacc;
	color:#333333;
	padding:3px;
	font-size:100%;
}

/* ----------- Encabezados y parrafo -------------*/
h1 {
	display:none;
	}

h2 {
	font-family: Georgia, Times, serif;
	font-weight:bold;
	font-size:130%;
	padding:0px 0px 0px 0px;
	color:#333333;
	margin:0px 0px 10px 0px;
	clear:both;
	}
	
h3 {
	font-family: Georgia, Times, serif;
	font-size:140%;
	padding:5px 0px 5px 0px;
	margin:5px 0px 0px 0px;
	clear:both;
	letter-spacing:-1px;
}

h4 {
	color: #444444;
	border-left: 5px solid #FF9900;
	font-size:100%;
	padding:0px 0px 0px 8px;
	margin:10px 0px 5px 0px;
	clear:both;

}

h5 {
	color:#555555;
	font-size:100%;
	padding:3px 5px;
	margin:5px 0px;
}

p	{
	margin:0px;
	padding:5px 2px;
	}


/* ------------------- Formularios -------------------*/

form {
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0px 0px 10px;
	margin:0px;
}

input{
	font-size:100%;
	border:1px solid #cccccc;
	background-color:#eeeeee;
	padding:2px 3px;
	margin:0px 0px 10px 0px;
	}
	
select{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #cccccc;
	background-color:#eeeeee;
	padding:0px;
	color:#333333;
	margin:3px 0px 10px 0px;
	}

textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	background-color:#eeeeee;
	border:1px solid #cccccc;
	padding:3px;
	margin:0px 0px 10px 0px;
	}
	
submit{
	border:1px solid #333333;
	padding-left:3px;
	}
label{
	color:#666666;
	}
	
.noborder{
border:none;
margin:0px 2px 0px 10px;
padding:0px 0px 0px 0px;
vertical-align:text-top;
}

.botontxt{
	padding-left:3px;
	border:1px solid #999999;
}

.buscador{
	background-image:url(/img/fondo_buscador.gif);
	background-repeat:no-repeat;
	padding:30px;
	height:250px;
	}
	
/* ------------------------------------- Capas principales -----------------------------------*/

#inicio { 	
  position:absolute;
  height:500px; 
  width:800px;
  margin:-250px 0px 0px -400px;
  top: 50%; 
  left: 50%;
}

.intro{
	float:left;
	width:330px;
	padding:0px 0px;
	margin:0px 20px;
}
.intro:hover{border-top:5px solid #FF9900;}


#cabecera{
	width:800px;
	padding:0px;
	margin:0px auto;
	height:175px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:right;
}

.cabecera_bis{background-image:url(/img/cab_bis_chico.jpg);}
.cabecera_pivot{background-image:url(/img/cab_pivot_chico.jpg);}


#pestana{
	width:700px;
	padding:0px 50px;
	margin:0px auto;
	text-align:right;
	}

#logo{
	clear:both;
	float:left;
	margin:30px 0px 0px 50px;
	padding:0px 0px;
}

#stick{
	float:right;
	margin:25px 200px 0px 0px;
	padding:0px 0px;
}
#ruta{
	margin:0px auto 10px auto;
	padding:0px 0px;
}

#carrusel{
	width:760px;
	height:251px;
	padding:20px;
	margin:0px auto;
	clear:both;
	background-image: url(/img/fondo_diapos.gif);
	background-repeat:no-repeat;
	background-position: right center;
}

#contenido{
	width:750px;
	padding:20px 25px;
	margin:0px auto;
	clear:both;
	background-color:#FFFFFF;
	background-image:url(/img/pix_linea_cabecera.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#menu{
	float:left;
	width: 130px;
	padding: 0px 00px 0px 0px;
	margin:20px 0px 0px 0px;
} 
#centro{
	float:left;
	width:380px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 20px;
}

#dcha{
	float:right;
	width:200px;
	padding: 0px;
	margin: 10px 0px;
} 
.capita_dcha{
	margin:0px;
	border-left:1px solid #ebebeb;
	padding: 5px 0px 30px 20px;
	background-image:url(/img/sombra_de.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#pie{
	width: 740px;
	margin:0px auto;
	color:#FFFFFF;
	padding:15px 20px;
	background-position: top center;
	background-repeat: no-repeat;
}
.pie_bis{ background-image: url(/img/pie_bis.gif); background-color:#69003e;}
.pie_pivot{ background-image: url(/img/pie_pivot.gif); background-color:#272727;}



.capa_galeria{
	clear:both;
	padding:0px;
	margin:15px;
	min-height:75px;
	border-top:2px solid #CCCCCC;
	background-color: #eeeeee;
}

.fotosgaleria{
	clear:both;	
	color:#777777;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px;
	border-top: 1px solid #dddddd;
	background-color:#e2e2e2;
	text-align:right;
	}

.fotogaleriappal{
	float: left;
	padding: 0px;
	margin: 0px 15px 0px 0px;
	}



/* ------------------------------------ clases -----------------------------------*/


.fotoparrafode {
	float: right;
	padding: 0px;
	margin: 0px 0px 10px 10px;
}
.fotoparrafoiz{
	float: left;
	padding: 0px;
	margin: 5px 15px 10px 0px;
}

.fotomarco {
	padding: 2px;
	margin: 5px 10px 10px 0px;
	border:1px solid #e0e0db;
}
.fotoparrafomarcoiz {
	float: left;
	padding: 0px;
	margin: 5px 10px 10px 0px;
	border:5px solid #dddbcf;
}

.fotoparrafomarcoiz:hover {
	border:5px solid #ede3a7;
}

.fotoparrafomarcode {
	float: right;
	padding: 0px;
	margin: 5px 0px 10px 10px;
	border:5px solid #dddbcf;
}

.separador {
	clear:both;
	margin:0px;
	padding:0px;
}

.duracion{
	clear:both;
	background-image:url(/img/ico_reloj.gif);
	background-repeat:no-repeat;
	background-position:8px center;
	border-top: 1px solid #EEEEEE;
	padding:8px 30px;
	margin:10px 0 0 0;
	font-weight:bold;
}
.masinfo{
	background-image:url(/img/ico_mas.gif);
	background-repeat:no-repeat;
	background-position:8px center;
	border-top: 1px solid #EEEEEE;
	padding:8px 30px;
	margin:0px 0px;
}


.fecha{color:#999999;}
.mini{font-size:90%;}
.oculto{display:none;}
.destacado{color: #FF9900;}
.tecla {text-decoration: underline;} 

.ico_pdf{background-image: url(/img/ico_pdf.png); background-repeat:no-repeat; background-position: left; padding:5px 0px 0px 40px; height:35px;}


.recuadro{
	background-color:#EEEEEE;
	padding:10px;
	margin:10px 0px;
	color:#666666;
	}

.subir{
	color:#666666;
	font-size:90%;
	text-align:right;
	border-top:1px solid #d3d3c8;
	background-image:url(/img/ico_subir.gif);
	background-repeat:no-repeat;
	background-position: right;
	margin:15px 0px 0px 0px;
	padding:0px 10px 0px 0px;
}
.volver{
	clear:both;
	border-top:1px solid #e6e4da;
	background-image:url(/img/ico_volver.gif);
	background-repeat:no-repeat;
	background-position:left ;
	margin:15px 0px 0px 0px;
	padding:0px 10px 0px 15px;
}


/* ------------------------------------- Listas -----------------------------------*/

/* ----------------- general -----------------*/
ol{
	margin:0px;
	padding:0px;
}
ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
li{
	margin:0px;
	padding:0px;
}

/* ---------------- lista del menu  -------------------- */


#menu ul {
	float:right;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
	padding:0px 0px;
	margin: 0px;
}

#menu li a{
	float: left;
	display:block;
	width:130px;
	height:80px;
	padding:25px 0px 0px 0px;
	color:#666666;
	margin:10px 0px;
	font-weight:normal;
	background-position:bottom right;
	background-repeat:no-repeat;
}	

#menu li a:hover {
	text-decoration:none;
	color:#333333;
}	

.bt_peluqueria{background-image: url(/img/bt_pelu.gif);}
.bt_estetica{background-image: url(/img/bt_estetica.gif);}

.bt_pivot{background-image: url(/img/bt_pivot.gif);}
.bt_formacion{background-image: url(/img/bt_formacion.gif);}




/* ----------------- ruta ------------------*/
#ruta ul{
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
	display:inline;
}
#ruta li {
	display:inline;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding: 0px 0px 0px 10px;
	color: #333333;
}
#ruta li a{
	display:inline;
	text-decoration: none;
}
#ruta a:hover {
	text-decoration: underline;
}

/* ----------------- clases para listas ----------------*/

.listado ul{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}
.listado li {
	margin: 0px 0px 0px 5px;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding: 3px 0px 3px 8px;
	border-bottom:1px solid #e6e4da;
}
.listado li a{
	display:inline;
	text-decoration: none;
}
.listado a:hover {
	text-decoration: underline;
}


/* ----------------- clases para titulos de seccion ----------------*/


.tt_peluqueria{
background-image: url(/img/tt_peluqueria.gif);
background-repeat:no-repeat;
height:35px;
}
.tt_estetica{
background-image:url(/img/tt_estetica.gif);
background-repeat:no-repeat;
height:35px;
}

.tt_pivotpoint{
background-image:url(/img/tt_pivotpoint.gif);
background-repeat:no-repeat;
height:35px;
}

.tt_formacion{
background-image:url(/img/tt_formacion.gif);
background-repeat:no-repeat;
height:35px;
}

.tt_contacto{
background-image:url(/img/tt_contacto.gif);
background-repeat:no-repeat;
height:35px;
}
.tt_accesibilidad{
background-image:url(/img/tt_accesibilidad.gif);
background-repeat:no-repeat;
height:35px;
}
.tt_legal{
background-image:url(/img/tt_legal.gif);
background-repeat:no-repeat;
height:38px;
}



/* ----------------- clases para titulos de seccion bis and bis ----------------*/

.tt_ro_horario{
background-image: url(/img/tt_ro_horario.gif);
background-repeat:no-repeat;
height:25px;
}
.tt_ro_donde{
background-image: url(/img/tt_ro_donde.gif);
background-repeat:no-repeat;
height:25px;
}
.tt_ro_tfno{
background-image: url(/img/tt_ro_tfno.gif);
background-repeat:no-repeat;
height:90px;
}

/* ----------------- clases para titulos de seccion bis and bis ----------------*/


.tt_ve_donde{
background-image: url(/img/tt_ve_donde.gif);
background-repeat:no-repeat;
height:25px;
}
.tt_ve_tfno{
background-image: url(/img/tt_ve_tfno.gif);
background-repeat:no-repeat;
height:35px;
}