/*@charset "UTF-8";*/

/* NETEJA ESTILS NAVEGADOR...................................................... */
*{padding:0; margin:0}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
fieldset, img, a{ border:0; outline:none}

/* GENERAL...................................................................... */
body{font: 68.5%  Georgia, "Times New Roman", Times, serif; background-color:#066;}
.png{behavior: url(css/iepngfix.htc);}
a{text-decoration: none; color:#5599a7;}
a:hover{color: #99CC66;}
strong{font-weight: bold; color:#5599a7}
.clear{clear:both}

/* ESTRUCTURA................................................................... */
#contenedor {position:absolute; width:902px; left:50%; top:34px; margin-left:-452px; padding-bottom:10px; background-color:#003333;}
	/* imatge y titol*/
h1{font-size: 2.9em;}
h1 a, h1 a:hover{display:block; width:500px; height:50px; padding-top:40px; margin-left:22px; letter-spacing:0.1em;
	background: url(../imatges/inici-logo.jpg) 5px 10px no-repeat; padding-left:95px; color: #ccc;}

/*by Ignacio Ricci (www.ignacioricci.com) ccsglobe.com*/			
/*- All the corners -*/
.corner {position:absolute; width:17px; height:17px;}			
/*- Each corner -*/
.topLeft {top:0; left:0; background-position:-1px -1px;}
.topRight {top:0; right:0; background-position:-19px -1px;}
.bottomLeft {bottom:0; left:0; background-position:-1px -19px;}
.bottomRight {bottom:0; right:0; background-position:-19px -19px;}

/* Image */
.type1 {background-color:#CCDEDE;}
.type1 .corner {background-image:url(../imatges/cantos.gif);}

/*LLETRES MAJUSCULES*/
#prefaci p:first-letter, #contingut p:first-letter {font-size:1.4em; font-weight: bold; color:#ccc;}

/* MENÚS.......................................................................... */
/* Menú general */
#menuGral{ height:37px; width:861px; margin: 10px auto 20px auto;border-bottom:#999999 dashed 1px; border-top:#999999 dashed 1px;}
#menu{float: left; padding-left:7px; height:37px;}
#menu li{float: left;}
#menu li a{padding: 7px 10px 0 10px; height: 30px; float: left; font-family: "Trebuchet MS"; font-size: 1.6em; font-weight:normal;
	letter-spacing:0.1em;color: #b1b3ab;text-align:justify}	
#menu li a:hover, #menu li.selected a{color: #99CC66;}

img.intro{width:560px; height:406px; margin-bottom:12px;}

/* CONTINGUT GENERAL */
#contingut{position:relative; width: 860px; padding:15px 0; margin:0 auto;/* text-align:justify; */color:#999; font-size: 1.1em;}
#contingut p{margin-bottom:8px; word-spacing:1px; font-size: 1.1em;}
#contingut ul{margin-bottom:8px; font-size: 1.1em;}
h2{ font-size:1.6em; color:#CCC; margin-bottom:5px;}
h3{ font-size:1.3em; margin-bottom:5px; padding-top:5px; color:#99CC66}

/* CONTINGUT PLUS */
.content{float:right; width:286px;}
.content img{margin-bottom:10px;}

.idiomes{color:#CCCCCC; border-bottom:#999 dashed 1px; padding:4px 0; text-align:right; margin-bottom:5px}
.reserves{color:#CCCCCC; border-bottom:#999 dashed 1px; padding:4px 0; margin-bottom:10px}
.reserves p{padding:0 !important; margin:0 !important;}

/* FOOTER */
/*#footer{ clear:both; width:902px; background-color: #003333; margin-top:10px; font-size: 1.2em;}*/
#footer{width:860px; margin:0 auto; text-align:justify; padding-bottom:10px; 
	background-color:#003333; margin-top:25px; border-top:#999999 dashed 1px;}
#footer p{ float:left; width:250px; height:100px; margin-right:15px;}
.footM{float:left; }
.footM ul{ float:left; padding-top:5px; padding-right: 5px; }
.footM ul li{ display:inline; padding-left:10px;}

/* situacio */
/* galeria d'imatges */
.galeria, .mapa, .castell, .visites, .contacto, .resposta, .entorn {float:left; width: 560px; overflow:hidden;}
.thumbnail a img {float:left;margin:0 9px 9px 0; background: #336666; border: 1px solid #ccc; display:block; padding: 12px; height: 75px; width: 75px;}	
img.thumbnail a:hover  {border-color:#099; background: #99CCCC;}

/* CSS pel formulari------------------------*/
.contacto hr {float:left; clear:both; border:#999999 dotted 1px; height:1px; width:100%; margin-top:12px  }

form{ padding:10px 0 0 0;}  
fieldset {border:none;}  /* Estilo para elementos fieldset. Elimina los bordes del formulario*/ 
input, textarea{ border:1px solid #666; width:250px; float:left}  
input:focus, textarea:focus { background:#FFF799; }
textarea{height:80px;}
form p { margin:0; padding:0 10px 0 0; width:120px; float:left; clear:both} 
input.boto, input:focus.boto {clear:both; border:1px solid #666; width:170px; background-color: #006666; color:#FFFFFF; margin-top:15px;} 
.boto{ cursor: pointer;}
p.answer {padding-left:6px; padding-right:2px; color:#FFFFFF}
.answer strong{color:#000; border-bottom:#FFFFFF solid 1px}

/* Pàgina de resposta de formularis-------------------------------*/ 
.resposta h1{font-size:18px; padding:0px 0 0 85px; margin-top:30px;}
.resposta p{ font-size:14px; padding:10px 0 0 35px; width:450px}