/* 	COLORES UTILIZADOS*/
/* 	
Negro #000000
Blanco #FFFFFF
Verde cabecera logo: #B4CD93
Naranja:#F18200;
Contenido: fondo #EDEAE0 borde #b2afa8

*/

/* <general> ---------------------------------------------------------------- */
body   
{ 
background-color: white; 
color: black; 
margin: 5px 0 10px 0;
padding: 0;
text-align: center; 
font-size: 90%;
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
}
/* </general> --------------------------------------------------------------- */
div#pantalla
{ 
width: 1000px;
margin: auto;
}

div#logo_cabecera
{
background: #B4CD93;
padding: 0 0 0 50px;
text-align: left;
}

div#contenidointro
{
width: 786px;
margin: auto;
margin-top: 100px;
}

div#contenido
{
background: #EDEAE0;
padding: 10px 30px 10px 30px;
border: 1px solid #b2afa8;
border-top: 0;
overflow: hidden;
}

div.limpia
{
clear: both;
}

div#logo_pie
{
margin: 10px 0 0 0;
height: 70px;
background: url("imagenes/logo_pie_fondo.jpg");
background-repeat: repeat-x;
padding: 0 0 0 50px;
text-align: left;
}

div#pienota
{
text-align: left;
font-size: 75%;
padding: 0;
margin:0;
}
div#pienota a
{
background: white;
color: #666666;
}
ul#pie
{
list-style: none;
font-size: 75%;
padding: 0;
margin:0;
}
ul#pie a
{
background: white;
color: #666666;
}
ul#pie a:hover
{
background: #C7BD9E;
color: #F18200;
}
ul#pie li
{
padding: 0;
float: right;
}
ul#pie li a
{
display: block;
padding: 0 10px 0 10px;
background: white;
color: #666666;
}
ul#pie li a:hover
{
background: #C7BD9E;
color: #F18200;
}
/* </tablas> ---------------------------------------------------------------- */

/* <menus> ---------------------------------------------------------------- */
ul#menu1
{
list-style: none;
padding: 0px 0 0 0; /* 	Separación superior */
margin: 0;
height: 24px;
}
ul#menu1 li
{
padding: 0;
float: left;;
}
ul#menu1 li a
{
display: block;
margin-left: 0px; /* 	Separacion entre botones */
width:132px;
height: 24px;
}
ul#menu1 li span
{
display: none;
}
ul#menu1 li a#clinica {
width:132px;
background: url("imagenes/menu/menu-clinica.gif");
}
ul#menu1 li a#clinica:hover {	
background-position: -132px 0;
}
ul#menu1 li a#clinica:active {
background-position: -264px 0;
}
ul#menu1 li a#clinicaactivo {
width:132px;
background: url("imagenes/menu/menu-clinica.gif");
background-position: -264px 0;
}
ul#menu1 li a#presentacion {
background: url("imagenes/menu/menu-presentacion.gif");
}
ul#menu1 li a#presentacion:hover {	
background-position: -132px 0;
}
ul#menu1 li a#presentacion:active {
background-position: -264px 0;
}
ul#menu1 li a#presentacionactivo {
background: url("imagenes/menu/menu-presentacion.gif");
background-position: -264px 0;
}
ul#menu1 li a#especialidades {
width: 132px;
background: url("imagenes/menu/menu-especialidades.gif");
}
ul#menu1 li a#especialidades:hover {	
background-position: -132px 0;
}
ul#menu1 li a#especialidades:active {
background-position: -264px 0;
}
ul#menu1 li a#especialidadesactivo {
width: 132px;
background: url("imagenes/menu/menu-especialidades.gif");
background-position: -264px 0;
}
ul#menu1 li a#cursos {
width: 132px;
background: url("imagenes/menu/menu-cursos.gif");
}
ul#menu1 li a#cursos:hover {	
background-position: -132px 0;
}
ul#menu1 li a#cursos:active {
background-position: -264px 0;
}
ul#menu1 li a#cursosactivo {
width:132px;
background: url("imagenes/menu/menu-cursos.gif");
background-position: -264px 0;
}
ul#menu1 li a#foro {
width:132px;
background: url("imagenes/menu/menu-foro.gif");
}
ul#menu1 li a#foro:hover {	
background-position: -132px 0;
}
ul#menu1 li a#foro:active {
background-position: -264px 0;
}
ul#menu1 li a#foroactivo {
width:132px;
background: url("imagenes/menu/menu-foro.gif");
background-position: -264px 0;
}
ul#menu1 li a#articulos {
width:132px;
background: url("imagenes/menu/menu-articulos.gif");
}
ul#menu1 li a#articulos:hover {	
background-position: -132px 0;
}
ul#menu1 li a#articulos:active {
background-position: -264px 0;
}
ul#menu1 li a#articulosactivo {
width:132px;
background: url("imagenes/menu/menu-articulos.gif");
background-position: -264px 0;
}
ul#menu1 li a#tienda {
width:132px;
background: url("imagenes/menu/menu-tienda.gif");
}
ul#menu1 li a#tienda:hover {	
background-position: -132px 0;
}
ul#menu1 li a#tienda:active {
background-position: -264px 0;
}
ul#menu1 li a#tiendaactivo {
width:132px;
background: url("imagenes/menu/menu-tienda.gif");
background-position: -264px 0;
}
ul#menu1 li a#osteopatia {
background: url("imagenes/menu/menu-osteopatia.gif");
}
ul#menu1 li a#osteopatia:hover {	
background-position: -132px 0;
}
ul#menu1 li a#osteopatia:active {
background-position: -264px 0;
}
ul#menu1 li a#osteopatiaactivo {
background: url("imagenes/menu/menu-osteopatia.gif");
background-position: -264px 0;
}
ul#menu1 li a#administracion {
width:132px;
background: url("imagenes/menu/menu-administracion.gif");
}
ul#menu1 li a#administracion:hover {	
background-position: -132px 0;
}
ul#menu1 li a#administracion:active {
background-position: -264px 0;
}
ul#menu1 li a#administracionactivo {
width:132px;
background: url("imagenes/menu/menu-administracion.gif");
background-position: -264px 0;
}
ul#menu1 li a#administracion_anaost {
width:30px;
background: url("imagenes/menu/menu-administracion2.gif");
}
ul#menu1 li a#administracion_anaost:hover {	
background-position: -132px 0;
}
ul#menu1 li a#administracion_anaost:active {
background-position: -264px 0;
}
ul#menu1 li a#administracion_anaostactivo {
width:30px;
background: url("imagenes/menu/menu-administracion2.gif");
background-position: -264px 0;
}
	

ul#menu2
{
border-bottom: 1px solid #b2afa8;
list-style: none;
padding: 20px 0 0 0;
margin: 0;
height: 8px;
}
ul#menu2 li
{
padding: 0;
margin: -9px 0 0 0;
float: left;;
}
ul#menu2 li a
{
display: block;
padding: 0 1em;
margin-left: 5px;
border: 1px solid #b2afa8;
background: #FFFFFF;
font-size: 90%;
text-decoration: none;
color: #666666;
}
ul#menu2 li a:hover
{
background: #C7BD9E;
color: #FFFFFF;
}
ul#menu2 li a#menu2activo
{
background: #EDEAE0;
color: #F18200;
border-bottom: 1px solid #EDEAE0;
}

#accioncontainer
{
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
margin-left: 40px;
margin-right: 40px;
border-top: 1px solid #F18200;
z-index: 1;
}

#accioncontainer ul
{
list-style-type: none;
text-align: center;
margin-top: -8px;
padding: 0;
position: relative;
z-index: 2;
}

#accioncontainer li
{
display: inline;
text-align: center;
margin: 0 5px;
}

#accioncontainer li a
{
padding: 1px 7px;
color: #666;
background-color: #fff;
border: 1px solid #ccc;
text-decoration: none;
}

#accioncontainer li a:hover
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}

#accioncontainer li a#accionactual
{
color: #F18200;
border: 1px solid #666;
border-top: 2px solid #333;
border-bottom: 2px solid #333;
}

.accion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	padding: 1px 5px 1px 5px;
	margin: 10px;
	background: #B4CD93;
	border-top: 1px solid #666B4B;
	border-right: 2px solid #666B4B;
	border-bottom: 2px solid #666B4B;
	border-left: 1px solid #666B4B;
}
.accionactivo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #F18200;
	text-align: center;
	text-transform: uppercase;
	padding: 1px 5px 1px 5px;
	margin: 10px;
	background: #CCCCCC ;
	border-top: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
/* </menus> ---------------------------------------------------------------- */

/* <tablas> ---------------------------------------------------------------- */
table.tablatipica
{ 
empty-cells:show;
border: 1px solid #C7BD9E;
margin: auto;
font-size: 75%;
}
table.tablatipica th
{ 
background-color: #C7BD9E;
}
table.tablatipica td
{ 
padding: 2px;
}
table.tablatipica tr.par,table.tablatipica tr.par a
{ 
background-color: #FAF8F3 ;
}
table.tablatipica tr.impar,table.tablatipica tr.impar a
{
background-color: #EDEAE0;
}
table.tablatipica tr:hover
{
background-color: #C7BD9E ;
}
table.tablatipica td.columnaprimera{
font-size: 110%;
text-align: left; 
font-weight: 600;
}
/* </tablas> --------------------------------------------------------------- */


/* <sanasport> ------------------------------------------------------------- */
p.mapawebtxt {
	font-size: 0.8em;
	text-align: left;
	text-indent: 50px; 
	font-weight: 100;
	color: #444444;
	margin: 0;
}
p.introtit {
	font-size: 1.2em;
	text-align: left;
	font-weight: 900;
	color: #F18200;
	margin: 0;
}
p.introtxt {
	font-size: 0.8em;
	text-align: left;
	text-indent: 50px; 
	font-weight: 100;
	color: #444444;
	margin: 0;
}
p.introtxt a {
	background: #FFFFFF; 
}
p.introfin {
	font-size: 0.7em;
	text-align: right;
	margin: 0;
	color: #444444;
}
p.introfin a {
	background: #FFFFFF; 
}
p.portadatxt {
	font-size: 0.9em;
	text-align: left;
	text-indent: 10px; 
	margin: 0;
}
p.portadatit {
	background: #FFFFFF;
	font-size: 1em;
	text-align: left;
	text-indent: 10px; 
	font-weight: 900;
	margin: 4px 0 10px 0;
	padding: 2px 0 2px 0;
	color: #F18200;
}
p.portadatxttopo {
	color: #F18200;
	font-size: 1em;
	font-weight: 900;
	text-indent: 15px; 
	text-decoration: none;
	background-image: url(imagenes_css/topo.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	text-align: left;
	margin: 0;
}
p.portadatxtdcha {
	font-size: 0.7em;
	text-align: right;
	margin: 0 0 10px 0;
}
div.profesores1
{
float: left;
width: 48%;
}
div.profesores2
{
float:right;
width: 48%;
}
div#portadaizda
{
float: left;
width: 30%;
margin: 0 15px 0 0;
}
div#portadacentro
{
float:left;
width: 30%;
border-left: 3px solid #B4CD93;
border-right: 3px solid #B4CD93;
padding: 0 15px 0 15px;
}
div#portadadcha
{
float:left;
width: 30%;
margin: 0 0 0 15px;
}
div.fotoadmin img
{
float:left;
margin: 0 0 20px 20px;
}

div.fotoadmin form
{
margin: 0 0 0 300px;
width: 600px; 
}
/* </sanasport> ------------------------------------------------------------- */

/* <textos> ----------------------------------------------------------------- */
h1,p.titulo {
color: #F18200;
margin-top: 2px;
text-align: left;
text-indent: 40px; 
font-size: 1.8em;
}
p.tituloportada {
color: #F18200;
padding: 0;
margin: 2px;
margin-top: -20px;
text-align: left;
text-indent: 40px; 
font-size: 1.8em;
}
h2 {
color: #F18200;
margin-top: 2px;
text-align: left;
text-indent: 40px; 
font-size: 1.4em;
}
h3,p.titulo2 {
color: #F18200;
margin-top: 2px;
text-align: left;
text-indent: 40px; 
font-weight: 900;
font-size: 1.2em;
}
h4 {
color: #F18200;
margin-top: 20px;
margin-bottom: 0;
text-align: left;
text-indent: 40px; 
font-size: 1em;
}
p.texto {
margin-top: 2px;
text-align: left;
text-indent: 40px; 
font-size: 0.8em;
}
P.articulodestaca {
color: #F18200;
text-align: left;
text-indent: 40px; 
font-size: 1em;
}
p.textodestacado {
margin-top: 2px;
text-align: left;
text-indent: 40px; 
font-size: 0.9em;
font-weight: 900;
}
p.textojunto {
margin: 0;
text-align: left;
text-indent: 40px; 
font-size: 0.8em;
}
p#titulopagina {
margin-top: 2px;
text-align: left;
text-indent: 40px; 
font-size: 1.2em;
font-weight: 900;
color: #F18200;
}
p.profes {
color: #F18200;
margin-bottom: 2px;
margin-top: 20px;
text-align: left;
text-indent: 40px; 
font-size: 1.2em;
}
strong {
color: #F18200;
}

.tituloss {
	padding: 10px 10px 10px 50px;
	border: none;
}
img.fotoizquierda {
float: left;
margin: 2px 20px 2px 20px;
}
img.fotoderecha {
float: right;
margin: 2px 20px 2px 20px;
}
img {
margin: 0;
padding: 0;
}
p.botones {
width: 700px;
margin: 10px 0 10px 0;
text-align: right;
padding: 2px;
}
/* </textos> ---------------------------------------------------------------- */

/* <enlaces> ---------------------------------------------------------------- */
a:link { 
color: black;
background-color: #EDEAE0;
text-decoration: none;
}
a:visited {
color: black;
background-color: #EDEAE0;
text-decoration: none;
}
a:hover { 
text-decoration: none;
color: #F18200;
}
a.enlaceboloverde { 
color: #185220;
background-color: #EDEAE0;
font-size: 1.2em;
font-weight: 900;
padding: 15px 0 0 15px;
background-image: url(imagenes/boloverde.gif);
background-repeat: no-repeat;
background-position: 0px 20px;
text-align: left;
margin: 0;
}
a.enlaceboloverde:hover { 
color: #F18200;
}
a.boton{
border: 0;
margin: 0 0 0 25px;
padding:0 1em 0 1em;
text-align: center;
color: #000000;
background: #C7BD9E;
border-top: 1px solid #000000;
border-right: 3px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #000000;
}
a.boton:hover{
color: white;
background: #C7BD9E;
border-top: 2px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 3px solid #000000;
}

/* </enlaces> --------------------------------------------------------------- */

/* <formularios> ------------------------------------------------------------ */
form.portadaform { 
font-size: 0.9em;
Width: 100%; 
}
form.portadaform label {
width:3em;
margin: 0;
}
form.portadaform input {
margin: 0;
color: black;
background-color: #B4CD93;
}
form.portadaform input.boton{
float:left;
border: 0;
margin: -15px 0 0 3em;
padding:0 .25em 0 .25em;
text-align: center;
color: #000000;
background: #C7BD9E;
border-top: 1px solid #000000;
border-right: 3px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #000000;
}

form { 
font-size: 0.9em;
margin: auto;
width: 700px; 
text-align: left; 
}
form fieldset{ 
border:solid black 0px;
}
form legend{ 
}
form span.nota{ 
display: block;
padding: 0;
margin: 0;
padding: 8px 0 0 0;
font-size: 0.75em;
}
form label {
border:solid black 0px;
width:11em;
text-align:right;
padding:.10em;
display: block;
float:left;
margin: 5px 0 0 0;
}
form input, form textarea, form select {
border:solid black 1px;
padding:.0em;
margin: 8px 0 0 0;
color: black;
background-color: #B4CD93;
display: block;
float:left;
}
form select.enlinea {
display: inline;
float:none;
}
form input:focus, form textarea:focus{
color: black;
background-color: #FFFFCC;
}
form br {
	clear: left;
}
form input.oculto {
	display:none;
}
form input.boton{
float:left;
border: 0;
margin: 0 0 0 13em;
padding:0 .25em 0 .25em;
text-align: center;
color: #000000;
background: #C7BD9E;
border-top: 1px solid #000000;
border-right: 3px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #000000;
}
form input.boton:hover{
color: #F18200;
background: #C7BD9E;
border-top: 2px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 3px solid #000000;
}

/* </formularios> ----------------------------------------------------------- */
hr.espacio {
	border-top: 1px solid #EDEAE0;
	height: 0;
	margin: 10px;
}

hr.linea {
	border-top: 1px solid #377900;
	height: 1px;
	margin: 15px 10% 0 10%;
}