@charset "utf-8";
/* CSS RESET *************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1}
ol, ul {list-style: none}
table {border-collapse: collapse; border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0; padding: 0}
hr {margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px}
a img{ border:none; }
strong{font-weight:bold;}
.clearer{clear: both;}
.clearleft{clear:left;}
.clearright{clear:right;}
/* CSS RESET *************************************************************************************************************/

html{overflow:scroll;}
body{width:100%; height:100%; background:#FFFFFF; color:#585858; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}



#pagina{width:100%; height:100%;}

#wrapper{width:954px; display:block; margin:46px auto 23px auto;}

#menu{width:148px; text-align:right; float:left; position:relative;}
#menu img{margin-right:16px;}
#menu ul{margin-top:30px;}
#menu li{margin-bottom:14px; padding-right:16px;}
#menu li a{color:#585858; font-size:14px; font-weight:bold; text-decoration:none; }
#menu li a:hover{color:#a8a8a8;}
#menu li.actual{background:url(../img/bullet.gif) no-repeat right ;}
#menu li.actual a{color:#a8a8a8;}
#menu p{font-size:10px; margin-right:16px; position:absolute; bottom:0px; right:0px;}
#menu p a{color:#585858;}
#menu p a:hover{color:#a8a8a8;}

#cont{width:690px; height:100%; float:left; margin:0 0 0 65px; position:relative;}
#cont #top{width:690px; height:108px;}
#cont h1{font-size:48px; color:#585858; width:477px;}
#cont h3{font-weight:bold; font-size:15px; color:#585858; margin:55px 0 0 0;}

#thumbs{width:700px; margin:20px 0 0 0; display:block;}
#thumbs a{padding:0; margin:0;}
#thumbs img{margin:0 18px 18px 0; padding:0; float:left;}
#thumbs img.ultim{margin:0 0 18px 0;}

#topthumbs{width:490px; _width:480px; margin:0; display:block;}
#topthumbs a{padding:0; margin:0;}
#topthumbs img{margin:0 5px 5px 0; padding:0; float:left;}
#topthumbs img.ultim{margin:0 0 5px 0;}

#cont.home{height:533px;}
#cont.home h1{width:100%;}
#cont.home div.donde{width:416px; display:block; position:absolute; bottom:0px;}
#cont.home div.donde h2{font-size:20px; color:#24b9ff; width:100%; border-bottom:1px solid #24b9ff;}
#cont.home div.donde img{margin:13px 0 0 0;}
#cont.home div.servicios{width:244px; display:block; position:absolute; bottom:0px; right:0px;}
#cont.home div.servicios h2{font-size:20px; color:#24b9ff; width:100%;  border-bottom:1px solid #24b9ff;}
/*#cont.home div.servicios p{margin:11px 0 0 0; line-height:18px; background:url(../img/plus.gif) no-repeat right 2px;}*/
#cont.home div.servicios p{margin:11px 0 0 0; line-height:18px;}
#cont.home div.servicios img{float:right; margin-top:15px;}
#bgal, #bser{cursor:pointer;}

#cont.categoria .catdes{float:right; text-align:left; width:201px; display:block; margin-top:8px; line-height:18px;}
#cont.categoria .catdes a{color:#585858;}
#cont.categoria .catdes a:hover{color:#a8a8a8;}

#cont.todo #thumbs{margin:10px 0 0 0;}

#cont.projecte .prodes{float:right; text-align:left; width:198px; display:block; line-height:18px;}
#cont.projecte .prodes h3{font-size:11px; margin:0;}
#cont.projecte .prodes a{color:#585858;}
#cont.projecte .prodes a:hover{color:#a8a8a8;}
#cont.projecte #imgs{0;}
#cont.projecte #imgs img{margin:10px 0 25px 0;}

#cont.p404 h1{width:450px;}

.window{display:none; z-index:0;}
.window .invisible{display:none;}
.window .ui-dialog, .window.ui-dialog{background-color: #666666; border:0; padding:0;}
.window .ui-dialog .ui-dialog-titlebar, .window.ui-dialog .ui-dialog-titlebar{display:none; visibility:hidden; border:0; background:#FFFFFF; padding:0px; margin:0px; height:0px; _height:0px; text-align:left;}
.window .ui-dialog .ui-dialog-titlebar-close { display:none; visibility:hidden; width:0px; height:0px; }
.window .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 0px; }
.window .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.window .ui-draggable .ui-dialog-titlebar, .window.ui-draggable .ui-dialog-titlebar{cursor: move;}
.window .ui-draggable-disabled .ui-dialog-titlebar, .window.ui-draggable-disabled .ui-dialog-titlebar {cursor: default;}
.window .ui-dialog .ui-dialog-titlebar-close, .window.ui-dialog .ui-dialog-titlebar-close{color:#000;}
.window .ui-dialog .ui-dialog-title, .window.ui-dialog .ui-dialog-title{display:none; visibility:hidden; width:0px; height:0px;}
.window .ui-dialog .ui-dialog-content, .window.ui-dialog .ui-dialog-content{margin:0; text-align:left;}
.window .ui-dialog .ui-dialog-buttonpane, .window.ui-dialog .ui-dialog-buttonpane{display:none; visibility:hidden; width:0px; height:0px;}
.window .ui-dialog .ui-dialog-buttonpane button, .window.ui-dialog .ui-dialog-buttonpane button{margin:0px;}

.window a.close{font-size:11px; font-weight:bold; color:#000; text-decoration:none; float:right; margin:-15px 30px 10px 0;}
.window a.close:hover{text-decoration:underline;}
.window ul{float:left; margin:10px 0 0 -15px;}
.window li{margin:0;}
.window li img{margin:0 5px 4px 0;}
.window #wimg{float:left; margin:0;}

.window div.parrafo{width:400px; float:left; display:block; font-size:11px; line-height:18px; margin-top:20px;}
.window div.parrafo p{margin:0 20px 10px 0;}
.window img.tit{margin-top:10px;}