/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
a { outline:none !important; }
a img {border:none;}
.borde-gris { border-right:1px solid #929292; }
h3 { color:#FFF; font-size:15px; }

/*layout*/
html, body { height:95%; }
body { font-family:Arial Narrow, Arial, Helvetica, Verdana, sans-serif; background-color:#000; }
.centrat { margin:0 auto; text-align:justify; width:341px; }
.centrat-contacta { margin:0 auto; text-align:left; width:402px; }
.centrat-legal { margin:0 auto; text-align:justify; width:802px; }

#header .logo { float:left; }
#menu { float:right; margin-top:0; }
#menu a { display:inline-block; height:25px; line-height:25px; padding:0 10px; text-decoration:none; border:none; color:#929292; font-size:14px; }
#menu a.last { padding-right:0; }
#menu a:hover,#menu a.active { color:#FFF; background:url(../images/fons/menu.png) no-repeat center; }
#menu span { color:#929292; font-size:16px; }
#footer { float:left; }
#footer p,#footer a { color:#929292; font-size:12px; }
#footer a { text-decoration:none; }
#footer a:hover { color:#FFF; }

/*preindex*/
#contenidor-inici { text-align:center; height:98%; }
#contenidor-inici .contenidor-info { position:relative; margin:0 auto; width:720px; height:98%; background:url(../images/fons/inici.jpg) no-repeat 50% 190px; }
#contenidor-inici .contenidor-info img { margin-top:300px; }
#contenidor-inici .contenidor-info .links-idiomes { margin-top:50px; }
#contenidor-inici .contenidor-info .links-idiomes a { display:inline-block; margin-left:10px; width:75px; height:31px; line-height:31px; color:#929292; text-decoration:none; font-size:12px; }
#contenidor-inici .contenidor-info .links-idiomes a:hover { color:#FFF; background:url(../images/fons/h2.png) no-repeat center; }
#contenidor-inici .contenidor-info .dades { margin-top:100px; }
#contenidor-inici .contenidor-info .dades p { font-size:12px; color:#434343; }
#contenidor-inici .contenidor-info .dades a { font-size:12px; color:#434343; text-decoration:none; }

/*index*/
#container { width:93%; height:93%; *height:88%; padding:40px; *padding-bottom:0; background:url(../images/fons/web.jpg) no-repeat top left; }
#content { width:100%; height:95%; *height:100%; text-align:center; }
#content h2 { margin-top:90px; height:31px; line-height:31px; color:#FFF; font-size:16px; background:url(../images/fons/h2.png) no-repeat top left; text-align:left; }
#content .galeries { margin-top:20px; text-align:left; }
#content .galeries a { height:15px; line-height:15px; padding:0 10px; color:#929292; text-decoration:none; font-size:14px; border-left:1px solid #929292; }
#content .galeries a:hover,#content .galeries a.active { color:#FFF; }
#content .galeries a.first { padding-left:0 !important; border-left:none !important; }
#content .galeries ul { margin:10px 0; height:223px; }
#content .galeries ul li { float:left; margin-right:5px; height:223px; }
#content .galeries ul li a { display:block; _display:inline; padding:0; height:221px; border:1px solid #FFF; }
#content .galeries ul li a img { border:none !important; }

#content .paginador { margin-top:10px; }
#content .paginador a { display:inline-block; margin-right:10px; color:#acacac; text-decoration:none; font-size:11px; border:none; }
#content .paginador a:hover { color:#fff; }
#content .paginador a.anterior { padding-left:10px; background:url(../images/detalls/fletxa-esquerra.jpg) no-repeat left; }
#content .paginador a.anterior:hover { background:url(../images/detalls/fletxa-esquerra-activa.jpg) no-repeat left; }
#content .paginador a.seguent { padding-right:10px; background:url(../images/detalls/fletxa-dreta.jpg) no-repeat right; }
#content .paginador a.seguent:hover { background:url(../images/detalls/fletxa-dreta-activa.jpg) no-repeat right; }

/*about*/
#content .about { margin-top:20px;  }
#content .about p { margin-bottom:10px; color:#929292; }
#content .about p span { color:#FFF; }

/*contact*/
#content .contact { margin-top:50px; _margin-top:25px; }
#content .contact .bloc1,#content .contact .bloc2 { width:402px; }
#content .contact label { display:block; padding:10px 0 5px 0; color:#FFF; font-size:14px; }
#content .contact label.captcha { float:left; width:216px; }
#content .contact img { margin:5px; }
#content .contact img { float:left; }
#content .contact input { width:402px; border:1px solid #666; background-color:#000; color:#FFF; }
#content .contact input:focus,#content .contact textarea:focus { border:1px solid #FFF; }
#content .contact input.captcha { width:92px; margin-top:10px; }
#content .contact textarea { width:400px; height:130px; overflow: hidden; overflow: auto; border:1px solid #666; background-color:#000; color:#FFF; }
#content .contact .enviar { display:block; float:right; margin-top:20px; padding-right:10px; color:#acacac; text-decoration:none; font-size:12px; background:url(../images/detalls/fletxa-dreta.jpg) no-repeat right; }
#content .contact .enviar:hover { color:#FFF; background:url(../images/detalls/fletxa-dreta-activa.jpg) no-repeat right; }
#content .contact .error { display:block; margin:5px 0 0 0; color:red; font-size:11px; }

/*slider*/
#galery { position:relative; width:100%; }
#galery ul, #galery li{ margin:0; padding:0; list-style:none; height:221px; }
#galery, #galery li{ overflow:hidden; }
span#prevBtn{ float:left; }
span#nextBtn{ float:right; }
span#prev{ float:left; }
span#next{ float:right; }
span#nextBtn a { margin-right:0 !important; }
span#next a { margin-right:0 !important; }

/*FIX*/
#contacta h2 { width:80px; text-align:center !important; background:url("../images/fons/h2-contacta.png") no-repeat top left; }
#autor h2 { width:45px; text-align:center !important; background:url("../images/fons/h2-autor.png") no-repeat top left; }