/* CSS Document */
/* Layout
==================================== */


body {
	background-color: #f6f4ea;
}


/* Header */

#header  {
	background: #f0f0ec url(http://www.psicologo-valencia.com/images/topbar.gif) repeat-x left top;
	padding: 16px 3% 12px 3%;
	position: relative;
}

/* Easy Clearing :TODO: Fix for IE5.x */

#header:after, #footer:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#header, #footer {
	display: inline-block;
}

/* Hides from IE-mac inhabilitado por problemas IE6\*/
/* * html #header, * html #footer {height: 1%;}  */
/* #header, #footer {display: block;}  */
/* End hide from IE-mac */

#phone {
	position: absolute;
	top: 16px;
	left: 2%;
	width: 90%;
}


#logo {
	float: left;
	margin-top: 3em;
}


#cambio {
	width: 61%;
	float: right;
	margin-top: 3em;
	display: inline;
	position: relative;
}

#cambio img {
	float: right;
	margin-left: 2em;
}


#cambio p.link {
	text-align: right;
}

#header #cambio.testimonial {
	background-image: url("http://www.psicologo-valencia.com/images/quote-open.gif");
	background-position: 25px 0;
	background-repeat: no-repeat;
}

#header #cambio.testimonial blockquote {
	padding-left: 55px;
	padding-right: 25px;
	background-image: url("http://www.psicologo-valencia.com/images/quote-close.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
}

#header #cambio .credit {
	padding-top: 15px;
}


/* Contenedor */


#contenedor {
	background:  #fff url(http://www.psicologo-valencia.com/images/headerbase.gif) repeat-x left top;
	width: 100%;
	float: left;
}

/* Main */


#main {
	width : 67%;
	padding-top: 40px;
	float : right;
	/*border-bottom : 1px solid #999;*/
}

/* Content */


#content {
	width: 100%;
	padding-top: 0px;
	float: left;
}

#maincontent {

}


#sidebar {
	width: 25%;
	padding-top: 40px;
	margin-left: 3%;
	display: inline;
	float: left;
}


#sidebar .downloadVcard {
	margin-top: 20px;
	padding-left: 30px;
	background: url(http://www.psicologo-valencia.com/images/vcard-medium.png) no-repeat left center;
}


#maincontent .downloadVcard a {
	padding-left: 20px;
	background: url(http://www.psicologo-valencia.com/images/vcard-small.png) no-repeat left center;
}


#content blockquote {
	font: italic 1em Georgia, Times, Serif;
  color: #666;
  font-style: italic;
  line-height: 1.7em;
  margin: 1.2em 8% 1.2em 4%;
  padding: 1em;
}

/* Footer */


#footer {
	background:  #f6f4ea url(http://www.psicologo-valencia.com/images/footer.gif) repeat-x left top;
	padding: 0 3% 10px 3%;
	clear: both;
}

#footer .download {
	width: 40%;
	float: left;
	margin-top: 40px;
}

.download img {
	float: left;
	padding-right: 14px;
}

.download p {
	padding-left: 40px;
}

#footer ul {
	float: right;
	margin-top: 40px;
}

#footer li {
	display:inline;
}

#footer address {
	width: 45%;
	float: right;
	text-align: right;
}

/* Other Stuff */

.mugshot {
	width: 25%;
	float: left;
	padding: 3px;
	margin-right: 3%;
	margin-bottom: 2%;
	border: 1px solid #999;
}

.groupshot {
	width: 100%;
	clear: both;
	padding: 3px;
	border: 1px solid #999;
}

label,.error {
	display: block;
}
.error {
	margin-left: -25px;
	padding-left: 25px;
}

#eventSummary {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
	margin-bottom: 1em !important;
}

#eventSummary dt, #eventSummary dd {
	padding: 0 !important;
	margin: 0 !important;
}

#eventSummary dt {
	width: 4em;
	float: left;
	clear: left;
}

.conferencePic {
	width: 100%;
	clear: both;
	padding: 3px;
}

.buyNow {
	margin-left: 1em;
	vertical-align: middle;
}

#maincontent #map {
  /*width: 100%;*/
  height: 250px;
  margin-left: 25px;
}

#maincontent .infoWindow {
  width: 300px;
}

input, textarea {
	font-size: 1em;
	color: #434343;
	width: 20em;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0.2em;
}

input:focus, textarea:focus {
	background-color: #fff5be;
}

#sidebar input {
	width: 100%;
}

input#submit {
	width: auto;
	font-size: 0.85em;
}



/* General
==================================== */

* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	border: none;
}

/* Typography
==================================== */

body {
	font: 62.5%/1.5 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: #434343;
}

/* Headings */

h1 {
	font-size: 3.4em;
	letter-spacing: 0;
	line-height: 1.0;
	color: #90b11f;
	margin-bottom: 0.8em;
}

h2, legend {
	font-size: 2.4em;
	line-height: 1.0;
	color: #90b11f;
}

h3, dt {
	font-size: 2em;
	color: #90b11f;
}

h4 {
	font-size: 1.2em;
	color: #90b11f;
}
h5 {
       font-size: 1.2em;
       color: #434343;
}

/* Links */

a:link, a:visited {
	color: #369;
}

#header a:link,
#header a:visited,
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited {
	color: #90b11f;
}

a:hover, a:active, a:focus {
	color: #fff;
	background-color: #369;
	text-decoration: none;
}

#header a:hover,
#header a:active,
#header a:focus,
h1 a:hover,
h1 a:active,
h1 a:focus,
h2 a:hover,
h2 a:active,
h2 a:focus,
h3 a:hover,
h3 a:active,
h3 a:focus  {
	color: #fff;
	background-color: #90b11f;
}

#sharethis a:link,
#sharethis a:visited {
	color: #90b11f;
}

#sharethis a:hover,
#sharethis a:active,
#sharethis a:focus {
	color: #369;
}



/* General font-sizes */

#header p, #content p, #content ul, #footer, #maincontent table {
	font-size: 1.6em;
}


p, ul {
	margin-bottom: 1.2em;
}

/* Company name */

span.company, span.company span {
	font-weight: bold;
}


/* Header Area */


#header {
	color: #666;
}

#header #phone {
	font-size: 1.8em;
}

#header .tel {
	color: #90b11f;
}

#header #logo a {
	background: transparent;
}


#header blockquote p, #header .promo {
	font-style: italic;
	word-spacing: 0.2em;
	font-size: 1.6em;
}


#header .credit {
	text-align: right;
	font-size: 1.4em;
}

/* Intro */


#maincontent .intro {
	font-size: 1.4em;
	margin-bottom: 2em;
	background: #fff5be url(http://www.psicologo-valencia.com/images/intro-br.gif) no-repeat bottom right;
}

#maincontent .intro p {
	margin: 0;
	padding: 30px;
	background: url(http://www.psicologo-valencia.com/images/intro-bl.gif) no-repeat bottom left;
}

#maincontent p, #maincontent h1, #maincontent h2, #maincontent h3, #maincontent h5, #maincontent legend, #maincontent table {
	padding-left: 30px;
	padding-left: 30px;
}

#maincontent t
able {
	margin-bottom: 2em;
}

#maincontent ul {
	padding-left: 44px;
}

#maincontent li {
	margin-bottom: 1.2em;
}

#maincontent .courses {
	padding-left: 30px;
	list-style-type: none;
}

#maincontent .courses li {
	margin-bottom: 0.2em;
	padding-left: 10px;
	background: url(http://www.psicologo-valencia.com/images/arrow.gif) no-repeat 0 0.5em  
}


/* Post */

#content .post-content {
        font-size: 1.4em;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom:10px;
}

#content .post-info-co  {
        padding-top: 5px;
        font-size: 1.3em;
}

#content .post-content  p{
        font-size: 1.0em;
        padding-left: 0px;
        padding-top: 0px;
}

#content .post-chapo {
        font-size: 1.3em;
        padding-left: 30px;
        padding-top: 5px;
}


/* Comments */

#comments {
         padding-top:10px;
         padding-left:20px;        
}

#comments .comment-info{
         font-size: 1.2em; 
         padding-top:10px;  
}




#comments blockquote p{
	word-spacing: 0.2em;
	font-size: 1.4em;
}

#comments blockquote{
         border-top:1px dotted #90b11f;
}

#comments .comment-number{
         font-size: 1.2em;
}


/* Navigation */

#navigation ul {
	list-style: none;
	font-size: 1.6em;
	text-transform: uppercase;
	background-color: #f2f6e4;
	margin-bottom: 2em;
}

#navigation li {
	display: inline; /* Fix IE Bug */
	background: url(http://www.psicologo-valencia.com/images/navborder.gif) repeat-x top left;
}

#navigation a, #navigation span {
	text-decoration: none;
	display: block;
	color: #90b11f;
	padding: 6px 8px 6px 20px;
	background: url(http://www.psicologo-valencia.com/images/navborder.gif) repeat-x top left;
}

#navigation .first, #navigation .first span, #navigation .first a {
	background: none;
}

#navigation span, #navigation a:hover, #navigation a:active, #navigation a:focus {
	padding-left: 15px;
	border-left: 5px solid #90b11f;
	color: #666;
}

#navigation .here {
	padding-left: 15px;
	border-left: 5px solid #90b11f;
}


/* News */

#sidebar h3 {
	font-size: 1.8em;
	margin-bottom: 0.5em;
}

#news {
	list-style: none;
	font-size: 1.4em;
	margin-bottom: 2em;
}

#news li {
	padding-left: 10px;
	margin-bottom: 0.2em;
	background: url(http://www.psicologo-valencia.com/images/arrow.gif) no-repeat 0 0.4em;
}


#sidebar .feature a {
	background: transparent;
}



/* Footer */

#footer {
	font-size: 1.4em;
}

#footer .download a {
	text-decoration: none;
}

#footer li {
	list-style: none;
}em;
	font-size: 1.6em;
}


#header .credit {
	text-align: right;
	font-size: 1.4em;
}

_______________________________________________________

#header #logo,
#sidebar {
	margin-left: 4%;
}

#header #phone {
	margin-right: 2%;
}

#cambio,
#maincontent  {
	margin-right: 8%;
}

#header,#content {
	overflow: hidden;
}
--------------------------------------------------------

/* Calendrier
-------------------------------------------------------- */
#navigation div#calendar{
	/*border-top: 1px solid #F0F0F0;*/
}

#navigation div#calendar table{
	width: 100%;
	font-size: 1.0em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#navigation div#calendar table caption{
	margin: 0 auto;
}

#navigation div#calendar table th{
	color: #493;
	background: transparent;
}

#navigation div#calendar table td{
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;
}

#navigation div#calendar table td a{
	display: block;
	background: #EFA;
	color: #493;
	font-weight: bold;
	text-decoration: none;
}

#navigation div#calendar table td.today a{
	border: 1px solid #493;
}

#navigation div#calendar table td a:hover{
	background: #DBB8DC;
	color: #636;
}

#navigation div#calendar table td.today a:hover{
	border: 1px solid #636;
}

#navigation div#calendar span{
	display: none;
}
}-----------------------------------

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: 1.5em; }

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width: 12em; }
.formulaire_recherche label { display: none; }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }