/* Links */
a {
	color:#8baa91; /* #6699FF;*/
	text-decoration: none;
}
a:hover {
	color:#53aa64; /* #3333FF;*/
	text-decoration: underline;
}


a img {
	border: 1px solid #6699FF;


}
a:hover img {
	border-color: #3333FF;
}



/* Headers */
h1, h2, h3 {
	margin: 0px 0px 0.5em;
	line-height: 1.2em;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
h1 {
	font: normal 1.8em "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-align: left;
	text-transform: none;
	margin-bottom: 0.7em;
	letter-spacing: -0.4px;
	margin-top: 0px;
	padding-top: 0px;
	color: #32793D;
}
h1, .home h2 {
	color: #FF3300;
	font-size: 1.8em;
	text-transform: none;
	font-weight: normal;
}

h2        {
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	color: #32793d;
}
h3     {
	font: bold normal 1.1em "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #FF3300;
	text-transform: none;
}
h4 {
	font-weight: bold;
	font-size: 1em;
}
p, ul, dl {
	margin: 10px 0px 17px;

}
strong {
	font-weight: bold;
}

dt {
	clear: both;
	text-align: right;
	float: left;
	font-weight: bold;
	width: 100px;
}

dd {
	float: left;
	padding-left: 1em;
	width: 70%;
}

ul, ol {
	margin: 0px 20px 10px;
	padding: 0 20px 10px;
}
ul {
}

/* Images */
img {

}
img a {
}

img.float-right {
	margin: 0px 0px 10px 25px;
	clear: right;
}
#mainContent  img.vertical     {
	width: 200px;
}
#mainContent img.horizontal {
	width: 330px;
}

img.float-left {
	margin: 5px 15px 5px 0px;
}

code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	border: 1px solid #EBEBEB;
	background: #F0F0F0;  
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #895F30;
}
blockquote {
	margin: 15px 10px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #F0F0F0;

	font-weight: normal;
	font-size: 17px;
	line-height: 1.5em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #555;
}

/* start - table */

table {
	border-collapse: collapse;
	border: 1px solid #FAA430;
	margin-bottom: 30px;
	margin-left: 10px;
	font-size: 0.9em;
	padding-right: 10px;
}

caption {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding-bottom: 1em;
	text-transform: uppercase;
	color: #EE4E00;
}

col {
	border-right: 1px solid #FAA430;
}
#lugarCol {
	text-transform: uppercase;

}
thead tr {
	background-color: #FAA430;
	height: 35px;
}
thead tr:hover {
	background-color: #FA970A;
}
thead th {
	font-weight: bold;
	text-align: center;
	color: #330000;
	border-right: 1px solid #FFFFFF;
}
th.ultima, td.ultima  {
	border-right-style: none;
	text-align: left;
	padding-left: 1.2em;
}
#promocionCol {
	text-align: center;
}

th, td {
	padding: 0.3em 0.85em;
	border-right: 1px solid #FAA430;
}
.fondo {
	background: #FAF3DE;
}

tr:hover {
	background-color:#FDDEB5;
	color: #000000;
}
* {
	margin: 0px;
	padding: 0px;
}

	
	
	
	
	body  {
	font: 62.5%/200% Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #333333;
    }
#container  {
	width: 890px;
	margin: 0px auto 0px;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	font-size: 1.35em;
	position: relative;
	background: #FFFFFF url(../imagenes/fondo-side-bar.gif) no-repeat 250px 200px;
    } 
#header   {
	background: url(../imagenes/fondo-cabecera.jpg) no-repeat left top;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	height: 300px;
	position: relative;
    } 
.noticias #header {
	background: url(../imagenes/fondo-noticias.jpg) no-repeat;
}

.gratis {
	background: #FF0000;
	padding-right: 1em;
	padding-left: 1em;
}
.horarios
	{
	padding:215px 0px 0px 11px;
	font-size: 0.9em;
	font-weight: bold;
	
	}

#header    ul.datos_contacto    {
	position: absolute;
	left: 12px;
	top: 200px;
	margin: 0px;
	padding: 0px;
	width: 500px;
	height: 35px;
	font-size: 0.9em;
	list-style: none;
	font-weight: bold;
}



#header  .datos_contacto  li, #header .datos_contacto li a {
	display: inline;
	list-style: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-right: 10px;
	color: #333333;
}
#header .subtitulo       {
	position:absolute;
	color: #333333;
	font: bold 1.23em/1.2em Arial, Helvetica, sans-serif;
	left: 12px;
	top: 65px;
	width: 394px;
	height: 22px;
	letter-spacing: normal;
	padding: 0px;
	margin: 0px;
    }
.home  img.float-right  {
	position: relative;
	top: -32px;
	right: 0px;
	margin-bottom: 40px;



}
.interior img.float-right {
	margin-top: 8px;
}

.cita {
	position: absolute;
	right: -8px;
	top: 561px;
	z-index: 20;
}



#logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
#logo a {
	height: 64px;
	width: 250px;
	display: block;
}

#logo img {
	border-style: none;
}
#telefono {
	position: absolute;
	left: 673px;
	top: 195px;
	color: #006BC4;
	font-size: 0.9em;
	border-top: 1px dotted #000000;
	width: 225px;
	font-weight: bold;
	height: 32px;
}
#telefono a {
	color: #006BC4;
	padding-left: 10px;
}
#cajanoticias {
	position: absolute;
	width: 215px;
	left: 666px;
	top: 58px;
	font-size: 0.9em;
	line-height: 1.2em;
	height: 160px;
	clip: rect(0px,auto,auto,auto);
	overflow: hidden;
}
.noticia {
	margin-bottom: 10px;

}
.noticia a {
	color: #000000;
	display: block;
}
.noticia a:hover, .noticia a:focus, .noticia a:active {
	color: #990000;
	text-decoration: none;
}
.noticias  h1  {
	position: absolute;
	left: 15px;
	top: 112px;
	width: 548px;
	height: 48px;
	font-size: 3em;
	color: #32793D;
}
.noticias.unidad          h1   {
	font-size: 1.5em;
	font-weight: bold;
	padding: 0.3em 15px 0.5em 80px;
	border-top: 1px dotted #32793D;
	border-right: none;
	border-bottom: 1px dotted #32793D;
	border-left: none;
	left: 0px;
}
#sello-noticia    {
	color: #FFFFFF;
	background: #32793D;
	padding: 0em 0.5em;
	font-size: 1em;
	position: absolute;
	left: 11px;
	top: 112px;
	font-weight: bold;
	line-height: 2em;
}


.noticias #logo img {
	position: absolute;
	left: -3000px;
}



#cajanoticias p   {
	margin: 0;

}

#cajanoticias  .titulo {
	font-weight: bold;
	margin-bottom: 0.5em;
}
#cajanoticias  .texto{
display:block;
margin-bottom:5px;
}





.navbar {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 237px;
	left: 0px;
	background: #32793d;
	width: 890px;
}
.navbar li {
	list-style: none;
	float: left;
}
.navbar   li   a  {
	display: block;
	padding: 3px 13px;
	font: bold 1.05em/25px 'Trebuchet MS', Tahoma, Helvetica, Arial, Geneva, Sans-serif;
	text-decoration: none;
	color: #83df83;
}
.navbar a:hover, #navbar a:focus, #navbar a:active {
	color:#59BD57;
	text-decoration: none;
}
.navbar li ul {
	display: none;
	background: #CBDE8F;/*coger el color de fondo de current*/
	border-top: 1px solid #FFFFFF;
	width: 18em;
}
.navbar a.current, body.home .navhome, body.quienes .navquienes, body.psicologo .navpsicologo, body.especialidades .navespecialidades, body.noticias .navnoticias, body.contacto .navcontacto, body.trabajo .navtrabajo {
	color: #ff6600;
}
.navbar li:hover ul, .navbar li.hover ul, .navbar li.current:hover ul, .navbar li.current.hover ul  {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}
.navbar li:hover li, #navbar li.hover li {
	float: none;
}
.navbar li:hover li a, #navbar li.hover li a, #navbar li#current li a {
	border-bottom: 1px solid #FFFFFF;
	color: #ff6600;
	border-right-style: none;
	font: normal 0.9em/1.4em Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;

}
* html body ul.navbar li:hover li a, * html body ul.navbar li.hover li a, * html body ul.navbar li#current li a {
	height: 1%;
}
#navbar li li a:hover {
	color: #FFFFFF;
	background: #9ABB36;
}

#mainContent  {
	width: 590px;
	float: right;
	margin-left: 35px;
	padding-left: 30px;
    } 
#sidebar   {
	width: 235px;
	top: 0px;
	font-size: 1em;
	float: left;
    }
#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#sidebar li  {
	background: url(../imagenes/flecha.gif) no-repeat 0px 4px;
	margin-bottom: 8px;
	padding-left: 20px;
}
.noticias #sidebar li  {
	background: url(../imagenes/flecha-active.gif) no-repeat 0px 4px;
	margin-bottom: 8px;
	padding-left: 20px;
}
.noticias #sidebar li a {
	color: #FF3300;
	display: block;
}
.noticias #sidebar li a:hover, .noticias #sidebar li a:focus, .noticias #sidebar li a:active {
	color: #32793D;
}


#sidebar li a:visited {
	color: #666699;
}

#sidebar li a {
	display: block;

}
#sidebar li li {
	margin-bottom: 5px;
	background: url();
	padding: 0px;
	margin-left: -27px;
}
#sidebar li ul {
	margin-left: 3em;
	margin-top: 4px;

}

#sidebar li, #sidebar li a {
	font-weight: normal;
	color: #32793D;
}

#sidebar li a:hover, #sidebar li a:focus, #sidebar li a:active {
	color: #FF3300;
	text-decoration: none;
}

#hipnosis .hipnosis, #emdr .emdr, #eft .eft, #pnl .pnl, #coaching .coaching, #psicoterapia .psicoterapia, #psicobreve .psicobreve, #psicolimitado .psicolimitado, #interaccion .interaccion, #regresiva .regresiva, #cognitiva .cognitiva, #sexual .sexual, #pareja .pareja, #relajacion .relajacion, #estudio .estudio {
	color: #FF3300 !important;
}
#sidebar  li:visited  {
	color: #97429d;
	background: url(../imagenes/flecha-visited.gif) no-repeat;
}
#sidebar   h3 {
	color: #32793D;
	margin-bottom: 15px;
	margin-top: 0px;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}
.noticias #sidebar h3 {
	color: #FF3300;
}

#sidebar h4 {
	line-height: 1.5em;
}




#footer  {
	padding: 10px 15px;
	background: #b1e9bc url(../imagenes/fondopie.gif) no-repeat left top;
	font-size: 0.9em;
	height: 70px;
    } 
	
#footer   ul.datos_contacto {
	margin-top:10px;
}
	
	
#footer   ul.datos_contacto li  {
	display: inline;
	list-style: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, sans-serif;
	float: left;
	margin-right: 10px;
}
.nav-footer {
	display: block;
	clear: left;
	font-weight: bold;

}


.nav-footer li {
	padding-right: 10px;
	float: left;
	display: inline;

}

#footer ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#footer a {
	color: #32793D;
	text-decoration: none;
}
#footer a:hover, #footer a:focus, #footer a:active {
	text-decoration: underline;
}
#datos         {
	width: 380px;
	text-align: left;
	position: absolute;
	top: 10px;
	right: 14px;
	height: 125px;
}

/*.datos_contacto     li {
	display: inline-block;
	float: left;
	margin-right: 10px;
}*/
.resto {
	clear:both;
	display: block;
	padding-top: 10px;
}
.resto a {
	margin-right: 10px;
}
a.foot_dossier      {
	background: url() no-repeat 0px 0px;
	padding-left: 35px;
	padding-bottom: 25px;
	line-height: 30px;
	padding-top: 10px;
}
ul.diseno {
	width: 150px;
	text-align: right;
	float: right;
	display: inline-block;
	line-height: 1.5em;




}
.diseno a img {
	border-style: none;
	margin-bottom: -5px;
	margin-top: 5px;
}
.validar {
	margin-top: 5px;
}

    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 10px;
    }
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }


/*Contacto____________________________________________________________________________________*/

dt {
	width: 8em;
	text-align: right;
	clear: both;
	float: left;
}
form {
	width: 230px;
	float: left;

}
.col-twothree #form1 {
	padding: 0 15px 0px 0px;
}

fieldset {
	padding: 10px 30px 20px 20px;
}
legend {
	float: right;
	color: #333333;
	font-weight: bold;
}



#form1  p.centrar  {
	padding-top: 1em;
	clear: both;
}

input, select, textarea{
	width: 100%;
	border: 1px solid #7F9DB9;
	padding: 0.2em;
	font: 1em Arial, Helvetica, sans-serif;
}
input:focus, select:focus,  textarea:focus {
	background: #EBEBEB;
}


.button {
	background: #ebebeb;
	border: 1px solid #7F9DB9;
}
label {
	display: block;
	padding-top: 0.7em;
}
fieldset#opcion    {
	padding: 0;
	margin: 10px 0px -10px;
	border-style: none;
	background: transparent;
}
#opcion     legend {
	float: left;
	width: 9em;
	font-size: 1em;
	font-weight: normal;
	color: #666666;
	padding: 0;
	margin-left: -5px;
}
#opcion   div {
	float: left;
	padding-left: 120px;
	margin-top: -18px;

}
#opcion  input {
	display: inline;
	border-style: none;
	width: 20px;
}
#opcion   label {
	display: inline;
	width: 3em;
	float: none;
}
#opcion   p {
	margin: 0em 0 1em;
}
.col1, .col2 {
	float: left;
	width: 47%;
	margin-bottom: 20px;
}
.col2 {
	padding-left: 40px;
}
.col1 p {
	margin-left: 0px;
}
#submit {
	width: 5em;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#submit:hover, #Submit:focus {
	background: #7F9DB9;
}
#submit:active {
	background: #3333CC;
	color: #FFFFFF;
	margin-top: 10px;
}

/*fin contacto_____________________________________________________________________________________*/

#content {
	float: left;
	margin-bottom: 15px;
}

#mapa iframe {
	width: 330px;
	margin-top: 20px;
}
#mapa   a {
	margin-top: 5px;
	display: block;
}

.col-one, .col-onetwo, .col-two, .col-three, .col-twothree, .col-four, .col-five, .col-ancha {
	padding-top: 20px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.center {
	text-align: center;
	margin: 0 auto;
}
p.center  {
	margin-top: 10px;
}



/* clearing */
.clearer { clear: both; }
/*.clear {
	display:block;
}*/
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: ".";
	}
.navegar a {
	font-weight: normal;
}

.navegar a strong {
	font-weight: bold;
	color: #666666;

}
.titulo .fecha {
	color: #FFFFFF;
	background: #FF6600;
	line-height: 0.9em;
	padding-right: 5px;
	padding-left: 5px;
}
.navegar .fecha {
	padding-right: 2px;
	padding-left: 13px;
	float: right;
}
.sinborde {
	border-style: none;
}
.enlaces ul {
	margin-left: 190px;
}
.icono {
	padding-left: 50px;
	background: url() no-repeat;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;

}
#mapa {
	float: right;
	width: 330px;
	margin-top: 10px;
}
.borde {
	border: solid 1px #ccc;

}