@charset "utf-8";
/* CSS Document */

/* Cikesa
/* Autor: Jaume Izquierdo
--------------------------------------------------------------------------- */

/* 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, dd, dl, dt, li, ol, ul, 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%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline;}

a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/* BASICOS
--------------------------------------------------------------------------- */

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background: #d7d6d4 url(../images/bg.gif) repeat-x top;}

.clear {clear: both;}

p {}

h1 {}

h2 {}

a {}

/* ESTRUCTURA GENERAL Y SOMBREADO CONTENEDOR
--------------------------------------------------------------------------- */

#contbg {width: 958px; background: url(../images/bg_cont_shadow.png) repeat-y; margin: 5px auto 0 auto;}
#contbgtop {width: 958px; height: 4px; background:url(../images/bg_cont_shadow_top.png) no-repeat; margin: 0px auto;}
#contbgbottom {width: 958px; height: 4px; background:url(../images/bg_cont_shadow_bottom.png) no-repeat; margin: 0px auto;}
#contenedor {width: 950px; background-color: #fff; margin: 0px auto; overflow:hidden;}

/* IZQUIERDA
--------------------------------------------------------------------------- */

#col_left {float: left; width: 199px; height: 816px; background:url(../images/bg_col_izq.jpg) no-repeat top left;}

#logo {height: 124px;}

#inicio {}

#inicio ul {margin: 36px 0 20px 0;}
#inicio ul li a {background:url(../images/bot_inicio.gif) no-repeat top left; display: block; text-indent: 27px; color: #4d4e53; width: 180px; margin: 10px 0 10px 0; text-decoration: none; font-size: 11px;}
#inicio ul li a:hover {background:url(../images/bot_inicio_hover.gif) no-repeat top left; color: #000; font-size: 11px;}

#menu {height: 275px; /*background: url(../images/bg_menu.jpg) repeat-y;*/ margin: 0 0 0 10px;}

#menu #top {width: 179px; height: 3px; /*background:url(../images/bg_menu_top.jpg) no-repeat left;*/}

#menu #bottom {width: 179px; height: 3px; /*background:url(../images/bg_menu_bottom.jpg) no-repeat left;*/}

#menu ul li a {margin: 0 0 0 3px; font-size: 11px;}
#menu ul li a.verde {display: block; width: 173px; line-height: 29px; background: #9bbb59; border-top: 1px solid #bce08a; text-indent: 14px; color: #fff; text-decoration: none;}
#menu ul li a.verde:hover {background: #aacc63; border-top: 1px solid #bce08a;}
#menu ul li a.verdeact {display: block; width: 173px; line-height: 29px; background: #aacc63; border-top: 1px solid #bce08a; text-indent: 14px; color: #fff; text-decoration: none;}

#menu ul li a.granate {display: block; width: 173px; line-height: 29px; background: #632423; border-top: 1px solid #802a22; text-indent: 14px; color: #fff; text-decoration: none;}
#menu ul li a.granate:hover {background: #802a22; border-top: 1px solid #c13832;}
#menu ul li a.granateact {display: block; width: 173px; line-height: 29px; background: #802a22; border-top: 1px solid #c13832; text-indent: 14px; color: #fff; text-decoration: none;}

#menu ul li a.naranja {display: block; width: 173px; line-height: 29px; background: #e36c0a; border-top: 1px solid #ee8527; text-indent: 14px; color: #fff; text-decoration: none;}
#menu ul li a.naranja:hover {background: #ee8527; border-top: 1px solid #fcb073;}
#menu ul li a.naranjaact {display: block; width: 173px; line-height: 29px; background: #ee8527; border-top: 1px solid #fcb073; text-indent: 14px; color: #fff; text-decoration: none;}

#menu ul li a.marron {display: block; width: 173px; line-height: 29px; background: #948a54; border-top: 1px solid #b79e6a; text-indent: 14px; color: #fff;  text-decoration: none;}
#menu ul li a.marron:hover {background: #b79e6a; border-top: 1px solid #d5c296;}
#menu ul li a.marronact {display: block; width: 173px; line-height: 29px; background: #b79e6a; border-top: 1px solid #d5c296; text-indent: 14px; color: #fff;  text-decoration: none;}

#menu ul li a.azul {display: block; width: 173px; line-height: 29px; background: #5cc8e7; border-top: 1px solid #d4f5ff; text-indent: 14px; color: #fff; text-decoration: none;}
#menu ul li a.azul:hover {background: #95d5e7; border-top: 1px solid #d4f5ff;}
#menu ul li a.azulact {display: block; width: 173px; line-height: 29px; background: #aacc63; border-top: 1px solid #d4f5ff; text-indent: 14px; color: #fff; text-decoration: none;}

#direccion {margin: 250px 0 0 10px; width: 190px; font-size: 11px;}
#direccion p {font-size: 11px; color: #4d4e53; line-height: 15px;}
#direccion a {color: #000; text-decoration: none;}
#direccion a:hover {color: #000; text-decoration: underline;}



/* DERECHA
--------------------------------------------------------------------------- */

#col_right {float: left; width: 751px;}

#cabecera {height: 118px;}

#bgcabecera {width: 751px; height: 27px; background: url(../images/bg_cabecera.jpg) no-repeat top left;}

#tit #tituloficha {font-size: 16px; color: #fff; padding: 12px 0 0 21px; float: left; font-weight: normal; margin: 0;}
#tit #abreficha {float: right; width: auto; margin: 0 21px 0 0; display: block; padding: 12px 0 0 0;}
#tit #abreficha a {color: #fff;}
#tit #abreficha a:hover {color: #fff; text-decoration: none;}
#tit #box {display: none; position: absolute; width: 400px; height: 455px; background: #fff; opacity: 0.9; margin: 9px 0 0 305px;}
#tit #box #cierraficha {float: right; margin: 0 10px 15px 0;}
#tit #box #cierraficha a {color: #000;}
#tit #box #cierraficha a:hover {background: #000; color: #fff;}
#tit #box .content {line-height: 20px; padding: 10px 10px 10px 25px; color: #4d4e53;}
#tit #box .content p {margin: 0 0 15px 0; line-height: 15px; font-size: 11px; font-weight: bold;}
#tit #box .content li {margin: 0 0 12px 20px; line-height: 15px; font-size: 11px;}

#verde {width: 727px; height: 495px; margin: 0 0 0 12px; background:url(../images/bg_verde.jpg) no-repeat top left;}
#verde #tit {height: 36px;}
#verde #tit h1 {font-size: 16px; color: #fff; padding: 12px 0 0 21px; float: left; font-weight: normal; margin: 0;}
#verde a.foto {display: block; width: 683px; height: 455px; border: 1px solid #fff; margin: 0 0 0 21px;}
#verde a.foto:hover {border: 1px solid #9bbb59;}

#llistat ul {}
#llistat ul li {display: block; width: 150px; height: 102px; background:url(../images/bg_thumb.jpg) no-repeat top left;}
#llistat ul li a.verde {border: 1px solid #fff; display: block; width: 144px; height: 96px; margin: 2px 0 0 2px;}
#llistat ul li a.verde:hover {border: 1px solid #9bbb59; margin: 2px 0 0 2px;}
#llistat ul li a.granate {border: 1px solid #fff; display: block; width: 144px; height: 96px; margin: 2px 0 0 2px;}
#llistat ul li a.granate:hover {border: 1px solid #802a22; margin: 2px 0 0 2px;}
#llistat ul li a.naranja {border: 1px solid #fff; display: block; width: 144px; height: 96px; margin: 2px 0 0 2px;}
#llistat ul li a.naranja:hover {border: 1px solid #ee8527; margin: 2px 0 0 2px;}
#llistat ul li a.marron {border: 1px solid #fff; display: block; width: 144px; height: 96px; margin: 2px 0 0 2px;}
#llistat ul li a.marron:hover {border: 1px solid #b79e6a; margin: 2px 0 0 2px;}
#llistat ul li a.azul {border: 1px solid #fff; display: block; width: 144px; height: 96px; margin: 2px 0 0 2px;}
#llistat ul li a.azul:hover {border: 1px solid #d4f5ff; margin: 2px 0 0 2px;}

#granate {width: 727px; height: 495px; margin: 0 0 0 12px; background:url(../images/bg_granate.jpg) no-repeat top left;}
#granate #tit {height: 36px;}
#granate #tit h1 {font-size: 16px; color: #fff; padding: 12px 0 0 21px; float: left; font-weight: normal;}
#granate a.foto {display: block; width: 683px; height: 455px; border: 1px solid #fff; margin: 0 0 0 21px;}
#granate a.foto:hover {border: 1px solid #632423;}

#naranja {width: 727px; height: 495px; margin: 0 0 0 12px; background:url(../images/bg_naranja.jpg) no-repeat top left;}
#naranja #tit {height: 36px;}
#naranja #tit h1 {font-size: 16px; color: #fff; padding: 12px 0 0 21px; float: left; font-weight: normal;}
#naranja a.foto {display: block; width: 683px; height: 455px; border: 1px solid #fff; margin: 0 0 0 21px;}
#naranja a.foto:hover {border: 1px solid #e36c0a;}

#marron {width: 727px; height: 495px; margin: 0 0 0 12px; background:url(../images/bg_marron.jpg) no-repeat top left;}
#marron #tit {height: 36px;}
#marron #tit h1 {font-size: 16px; color: #fff; padding: 12px 0 0 21px; float: left; font-weight: normal;}
#marron a.foto {display: block; width: 683px; height: 455px; border: 1px solid #fff; margin: 0 0 0 21px;}
#marron a.foto:hover {border: 1px solid #948a54;}

#azul {width: 727px; height: 495px; margin: 0 0 0 12px; background:url(../images/bg_azul.jpg) no-repeat top left;}
#azul #tit {height: 36px;}
#azul #tit h1 {font-size: 16px; color: #fff; padding: 12px 0 0 21px; float: left; font-weight: normal;}
#azul a.foto {display: block; width: 683px; height: 455px; border: 1px solid #fff; margin: 0 0 0 21px;}
#azul a.foto:hover {border: 1px solid #d4f5ff;}

#titgaleria h3 {color: #616265; font-size: 14px; font-weight: normal; margin: 20px 0 0 30px;}

.presentacion { width:600px; margin:30px auto; font-size:16px; font-weight:bold; color:#000; line-height:20px; text-align:center;}


/* PIE
--------------------------------------------------------------------------- */

#pie {width: 950px; height: 26px;}

/* JQUERY LIGHTBOX
--------------------------------------------------------------------------- */
#gallery {}
#gallery ul {}
#gallery ul li {}
#gallery ul img {}
#gallery ul a:hover img {}
#gallery ul a:hover {}

/* SCROLL
--------------------------------------------------------------------------- */

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 350px;
height: 400px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 5px auto;
padding: 5px;
}