/* CSS Document */

body {
color: #666;
}


/* blocs estructura */

#capsalera {
background: #30B5B3 url(../imatges/fons_capsalera.jpg) top repeat-x;
padding-bottom: 0px;
border-bottom: 1px solid #fff;
}

#sotacapsalera {
background:#F6F6F6 url(../imatges/ombra_sota_capsalera.jpg) top repeat-x;
border-bottom: 1px solid #fff;
}

#sotacapsalera .container_12 {
background:#EFEFEF url(../imatges/ombra_interior_sotacapsalera.jpg) top repeat-x;
border-left: 1px solid white;
border-right: 1px solid white;
}

#interiorsotacapsalera {
height:243px;
background:url(../imatges/ilustra_sotacapsalera1.jpg) left top no-repeat;
}


#cos {
background: url(../imatges/ombra_cos.jpg) top repeat-x;
padding: 20px 0;
}

#peu {
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #ccc;
}

#colmenu {

}

#principal { 
}

#contingutsprincipal {
padding: 20px 40px; 
border-left: 1px solid #ccc;
}

#contingutsdreta { 
padding: 20px 0px; }

#logo {float: left;}


/*portada */

#sotacapsalera  p {margin-left: 10px; margin-right: 10px; font-family:Arial, Helvetica, sans-serif; font-size:100%}

.mutues {
margin: 2em 10px 2em 10px;
padding: 1em 0 ;
border: 1px dotted #ccc;
font-size:80%;
background-color:#FFFFFF;
text-align:center;
}

.mutues p {font-family:Arial, Helvetica, sans-serif; margin: 0 0 1em 0}



/* tipografies */

#sotacapsalera a, #principal a, #contingutsdreta a {color: #35414F; text-decoration:none; border-bottom: 1px dotted #BE7662; }
#sotacapsalera a:hover, #principal a:hover, #contingutsdreta a:hover {color: #E83426}

#sotacapsalera h1, #sotacapsalera p {
margin-right: 20px;
}

#sotacapsalera h1 {
font:italic 24px/1.5 Georgia, Serif;

margin-top: 50px;
margin-bottom: 10px;
line-height:125%;
color: #35414F;
}

#sotacapsalera h1.portada {margin-top: 20px}

#sotacapsalera p {
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
}

#sotacapsalera p.portada {font-size: 90%}

#principal h2 {
color: #35414F; font-weight:normal; font-size:150%;
}

#principal h2.menut {font-size: 90%; font-variant:small-caps; font-weight:normal; margin: 0 0 5px 0; padding: 0; color: #999}

#principal h3 {
color: #35414F; font-weight:normal; font-size:130%;
}
#principal h4 { 
color: #35414F; font-size:100%;}


#principal p {text-align:justify}


#peu p {text-align:right; padding-right: 20px; color: #999 }


/*menus */


ul#menuprincipal {
overflow:hidden;
text-align:right;
margin: 65px 0 0 0;
padding-bottom: 10px;
}

ul#menuprincipal li {
display:inline;
list-style:none;
padding: 0;
margin: 0;
}

ul#menuprincipal li a.ultim {border-right: none; }

ul#menuprincipal li a {
color:#FFFFFF;
text-decoration:none;
padding: 3px 10px;
margin: 0;
border-right: 1px solid #97D9D8;
}

ul#menuprincipal li a:hover {
background-color:#E83426;
}

ul#menuprincipal a.actual {background-color:#BE7662;}



ul#menuinterior {
padding: 0;
margin:0;
text-align:right;
border-top: 1px dotted #ccc;
}

ul#menuinterior li { 
padding: 5px 0;
list-style-type: none;
text-align:right;
border-bottom: 1px dotted #ccc;
}

ul#menuinterior li a {
padding: 5px;
color: #4B4B4B;
font-weight:normal;
text-decoration:none;
}

ul#menuinterior li a:hover {
color: #E83426;
}

ul#menuinterior li a.actual {
color: #BE7662;
text-decoration:none;
}


ul#menuidiomes {
margin: 10px 0 0px 0;
text-align:right;
font-size:90%
}

ul#menuidiomes  li {
display: inline;
list-style-type: none;
padding: 0; 
margin:0;
}

ul#menuidiomes  li a {
padding: 0 10px ;
text-decoration:none;
border-right: 1px solid #97D9D8;
color: #97D9D8;
}

ul#menuidiomes  li a:hover {
color: white;
}

ul#menuidiomes  a.actual {color:#fff}


ul#menuidiomes  li a.ultim {
border-right: none;
}


/*formulari extret de: http://www.websemantics.co.uk/tutorials/accessible_forms */

input, textarea { background: #fff; border: 1px solid #ccc; }

#formcontacte {
margin-top: 0em;
margin-bottom: 2em;
background-color:#f6f6f6; 
padding: 10px 20px 0 20px; 
border: 2px solid #f0f0f0;
}

#formcontacte                { width:80%; margin-left: 20px}
#formcontacte label          {font-size: 80%; }
#formcontacte input, #formcontacte textarea {width: 97%; }
#formcontacte input.radio    {border:2px solid #fff; vertical-align:middle}
#formcontacte input.checkbox  {background-color:#f6f6f6; border:none; width: auto }

#formcontacte input.button   {
	border:1px solid #666;
	font-weight:bold;
	vertical-align:bottom;
	height:2em;
	margin-top: 10px;
}

#formcontacte p {
font-size:75%; padding: 0; margin: .5em 0;}

#formcontacte .obligatori {color: red }

.error {color: red; font-weight:bold;}
.ok {font-weight:bold; color: black; background-color:#F6C490; padding: 1em;  text-align:center}

.imatgedreta {float: right; margin: 0 0 10px 20px; border: 1px solid #f0f0f0; background-color:#f0f0f0; padding: 5px 5px 20px 5px}

/* diapos clínica */
#principal a#miniatura360 {float: left; border-bottom: none; }
#principal ul#diapos a {border-bottom: none; }

ul#diapos {margin: 0; padding:0 ; list-style:none; }
ul#diapos li {float: left; margin: 2px; padding: 0}