/* 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;
}



/* Content */


#content {
	background:  #fff url(http://www.psicologo-valencia.com/images/headerbase.gif) repeat-x left top;
	width: 100%;
	padding-top: 40px;
	float: left;
}

#maincontent {
	width: 58%;
	margin-right: 10%;
	display: inline;
	float: right;
}


#sidebar {
	width: 25%;
	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 {
	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;
}


/* 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: 35%;
	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;
}

h6 {
       font-size: 4em;
       color: #90B7D4;
       background: #F0F0EC;
       padding-left: 10px;
}

/* 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,
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,  #footer, #maincontent table {
	font-size: 1.6em;
}

*#list {
    margin-bottom: 0;
    margin-top: 0;
}

p, ul {
	margin-bottom: 1.2em;
}

/* Company name */

span.company, span.company span {
	font-weight: bold;
}

strong.spip, strong {
	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.3em;
	margin-bottom: 2em;
	background: #fff5be url(http://www.psicologo-valencia.com/images/intro-br.gif) no-repeat bottom right;
}

#maincontent .epsique {
	font-size: 1.0em;
	margin-bottom: 2em;
	background: #fff5be url(http://www.psicologo-valencia.com/images/intro-br.gif) no-repeat bottom right;
}

#maincontent .inter {
	font-size: 1.0em;
	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: 20px;
	background: url(http://www.psicologo-valencia.com/images/intro-bl.gif) no-repeat bottom left;
}

#maincontent .epsique p {
	margin: 0;
	padding: 30px;
	background: url(http://www.psicologo-valencia.com/images/intro-bl.gif) no-repeat bottom left;
}


#maincontent .inter 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 object {
        padding-left: 30px;
}


#maincontent table {
	margin-bottom: 2em;
}

#maincontent ul {
	padding-left: 44px;
        list-style: none;
}

#maincontent li {
	margin-bottom: 1.2em;
        list-style: none;
}

#maincontent .soft {
        font-size: 0.9em;
}

#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  
}

#maincontent .forum-titre h3{
        font-size: 1.6em;
}

#maincontent .encart {
	float: right;
	width: 25em;
	margin: 0;
	margin-bottom: 1em;
}

#maincontent .spip_note p {
        font-size: 0.6em;
}

/* 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;
}

/* Navigation2 */

#navigation2 ul {
	list-style: none;
	font-size: 1.6em;
	
	background-color: #f2f6e4;
	margin-bottom: 2em;
}

#navigation2 li {
	display: inline; /* Fix IE Bug */
	background: url(http://www.psicologo-valencia.com/images/navborder.gif) repeat-x top left;
}

#navigation2 a, #navigation2 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;
}

#navigation2 .first, #navigation2 .first span, #navigation2 .first a {
	background: none;
}

#navigation2 span, #navigation2 a:hover, #navigation2 a:active, #navigation2 a:focus {
	padding-left: 15px;
	border-left: 5px solid #90b11f;
	color: #666;
}

#navigation2 .here {
	padding-left: 15px;
	border-left: 5px solid #90b11f;
}


/* News */

#sidebar h3 {
	font-size: 1.8em;
	margin-bottom: 0.5em;
}

.lateral li {
        list-style: none;
}
        

#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;
}


#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;
}
----------------------------------------------
/*  ------------------------------------------
/*  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: 1.2em;
}

.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 label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

.............

.formulaire_site {
	text-align: left;
	font-size: 10px;
}

.formulaire_site p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_site fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }


.formulaire_site label {}
.formulaire_site .forml {
	width: 99%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; }

/* 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 {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;

	font-size: 1.2em;
	font-weight: bold; }

.forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 1px solid #CCC;
	font-size: 1.2em;
	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: #90b11f; }
.forum-chapo .forum-titre a:hover, #navigation a:active, #navigation a:focus {color: #666; background: none;}
.forum-chapo small {padding-left: 3.5em;}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #434343; 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 #BBBABA; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #C3C3C3; }
ul ul ul .forum-message { border: 1px solid #D1D1D1; }
ul ul ul ul .forum-message { border: 1px solid #DAD9D9; }
ul ul ul ul ul .forum-message { border: 1px solid #E6E5E5; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #F5F4F4; }

/* 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-color: #EAF5C5; }
ul ul .forum-chapo { background: #EEF5D4; }
ul ul ul .forum-chapo { background: #F2F6E4; }
ul ul ul ul .forum-chapo { background: #F4F5F0; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

**************************************

#maincontent .contre-encart {
	float: left;

}

#maincontent .encart {
	float: right;
	width: 25em;
	margin: 0;
	margin-top: 30px;
}

