@charset "UTF-8";
/** { margin:0; padding:0; position:relative; }*/

h2 {margin:0; padding:0; color:#bb1207; padding:20px 0 5px 0;}
h4 { color:#666666; font-size:10px; margin-top:4px}

body {font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#666666; text-align:justify;background:url(/_gif/fondogrisoscuro.jpg) repeat-x;}
#container {width:975px; margin:0 auto 40px; background-color:white}
#cap { position:relative}
#logoHeader {float:left; width:217px; margin-top:10px; }
#flashHeader {margin-left:230px; padding-top:12px; min-height: 137px; }
#esquerra {width:218px; float:left;}
#contingut {margin-left:228px;}
#contingut a { color:#666666; text-decoration: underline}
#contingut a:hover { color:#b91e0f; text-decoration: underline}
#contingut p {margin-bottom:11px}
#peu {background-image:url(/_gif/footer.jpg); width:975px; height:107px; color:#FFFFFF; font-size:12px; position:relative; margin:0 auto; }
#esquerra ul {padding-left:5px; width:214px; margin:0;}
#esquerra li {list-style:none;}
#esquerra ul ulv li {list-style:none; border-bottom:none}
#esquerra .menuLink {display:none;border:none;}
#esquerra ul .menuLink {display:block;  border-bottom:solid 1px #cacaca}
.menuLink {
	background-image:url(/_gif/menuback.jpg);
	background-repeat:no-repeat;
	height:29px;
	padding-top:11px;
	padding-left:5px;
	display:block;
	width:199px;
	text-decoration:none;
	color:#000000
}
.menuLink2 {
	background-image:url(/_gif/menuback2.jpg);
	background-repeat:no-repeat;
	height:30px;
	padding-top:11px;
	padding-left:5px;
	display:block;
	width:207px;
	text-decoration:none;
	color:#ffffff
}
.menuRoot li {padding-left:0px; font-size:14px}
#esquerra .menuRoot ul a {
	background-image: url(/_gif/flecha.jpg);
	color:#333333;
	border:none;
	background-position: 20px;
	padding-left:30px
}
#bannerHome {padding-top:13px; padding-bottom:13px; text-align:left}

.impar, .par {border:solid 1px #dedfde; width:125px; height:79px; float:left; margin-left:14px; text-align:center; margin-bottom:13px; cursor:pointer; padding:4px; position:relative;}
.impar h2, .par h2 { font-size:14px; font-weight:bold; padding-bottom:0; padding-left:0;  background:none}
.impar h2 {color:#333333}
.par h2 {color:#333333}
.impar h3, .par h3 { font-size:14px; font-weight:bold; margin-top:3px}
.impar h3 {color:#333333}
.par h3 {color:#333333}

.par, .impar {background-color:#f5f5f5}
.noPad {margin-left:0}

.detallEpocauto { position:absolute; left:0; top:45px}
.detallHostelcat { position:absolute; left:8px; top:43px}
.detallReusLan { position:absolute; left:0; top:12px}
.detallSaloMoto { position:absolute; left:8px; top:54px}
.detallAutoPrimavera { position:absolute; left:22px; top:58px}
.detallSao { position:absolute; left:12px; top:54px}
.detallTotNuvis {position:absolute; left:0px; top:40px}
.detallCustom {position:absolute; left:5px; top:48px}
.detallExpro {position:absolute; left:5px; top:46px}

.detalleActivitats {background-image:url(/_gif/detallactivitats.jpg); background-repeat:no-repeat}
.detalleActivitats2 {background-image:url(/_gif/detallactivitats2.jpg); background-repeat:no-repeat}
#banners { padding:10px; padding-bottom:0}
#banners h2 { font-size:14px; font-weight:bold; color:#999999; margin-top:10px; background:none; padding-left:0; padding-bottom:8px}
#separador {padding-right:18px}
#separador b,  #separador strong { color:#666}
.RolloverFoto {border:solid 3px #CCCCCC; margin-left:9px}
.RolloutFoto {border:solid 3px #999999; margin-left:9px}
#peuSeccio {border:solid 1px #CCCCCC; padding:9px}
#peuSeccio p {margin-bottom:0}

#contingut ul, #contingut .flora ul.llista {margin-left:27px}
#contingut li, #contingut .flora ul.llista li {list-style-image:url(/_gif/detalleli.jpg); padding-bottom:8px}
#contingut .ulForm li {list-style:none}
#contingut .ulForm {margin-left:15px; padding:0}

.inputsform {border:solid 1px #CCCCCC; height:20px; width:250px; color:#666666}
.inputsform2 {border:solid 1px #CCCCCC; height:20px; width:250px; background-color:#eaeaea; color:#b91e0f}
.inputarea {border:solid 1px #CCCCCC; height:120px; width:327px; color:#666666}
.inputarea2 {border:solid 1px #CCCCCC; height:120px; width:327px; color:#666666; background-color:#eaeaea; color:#C98C00}

.zonaSensible {position:absolute; top:2px}

.pestanya {
background-image:url(/_gif/btnfitxa.jpg);
}
#example h2 {color:#666666; background-image:none; padding-left:0}
#direccioPeu {padding-left:18px; padding-top:15px; width:200px}
#direccioPeu p { margin:0; padding:0; padding-bottom:2px}

#peuFotoTecno {height:33px; color:#ba7b09; background-color:#e6e6e6; padding:3px; padding-top:5px}
#infoPeu {position:absolute; right:15px; top:50px; text-align:right}
#infoPeu a { color:#FFFFFF; text-decoration:none; font-size:14px}
#infoPeu a:hover { color:#FFFFFF; text-decoration:underline}
#home {width:100%; overflow:hidden}
#home h4 {position:absolute; top:65px; text-align:center; width:100%}

#ulPremsa li { border:solid 1px #e1e1e1; padding-left:15px; margin-bottom:8px}
#ulPremsa li a { text-decoration:none; display:block; padding-top:10px; padding-bottom:10px}
#ulPremsa li a:hover { text-decoration:none; color:#b91e0f}

.liPremsaOn {background-color:#f1f1f1}
.liPremsaOff {background-color:#ffffff}
#foto_noticia { float:left; z-index:90; margin:0 10px 10px 0; }
.doc { padding-left:28px; padding-bottom:3px; background:url(/img/doc.png) no-repeat; }
.xls { padding-left:28px; padding-bottom:3px; background:url(/img/xls.png) no-repeat; }
.pdf { padding-left:28px; padding-bottom:3px; background:url(/img/pdf.png) no-repeat; }
.file { padding-left:28px; padding-bottom:3px; background:url(/img/file.png) no-repeat; }

#example .linksFitxes { color:#c78c00; background:none}
#accordion { width:730px}
.lightbox img { margin-right:5px; margin-bottom:5px}


#accordion h3 {
cursor:pointer;
margin-top:1px;
position:relative;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#E6E6E6 url(/_gif/fondoaccordion.png) repeat-x scroll 50% 50%;
border:1px solid #D3D3D3;
color:#555555;
font-weight:normal;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:5px; padding-left:10px;
margin-bottom:2px
}
#accordion h3 a {display:block; text-decoration:none}
#accordion h3 a:hover {display:block; text-decoration:none}
.flechaacordion {padding-right:3px}
#mapLoc{width:650px; height:400px}
iframe {border:none}

#container .titPrograma {color:#393cb1; font-weight:bold; font-size:14px; margin-bottom:4px}
.taulaFitxa td {padding-left:10px}

.divsMapa {width:300px; position:absolute; top:100px; left:100px}
.divsMapa .tablaExt td {background-color:#666; padding:3px}
.divsMapa .tablaInt td {background-color:#eece85; padding:3px}
#container .divsMapa .titTabla {background-color:#C98C00; color:#FFF}
#container .divsMapa .linkTabla {color:#fff; text-align:right; text-decoration:none; padding-top:3px; padding-bottom:3px}
#container .divsMapa .linkTabla:hover {color:#C98C00}
#santiago-reus, #santander-reus, #sevilla-reus { display:none}

#idiomes { position:absolute; left:30px; top:65px}
#idiomes a { color:#666; text-decoration:none;}
#idiomes a:hover { color:#DC0030; text-decoration:underline;}
            .numero{
                background:none !important;
                position: absolute;
                top:-45px;
                left: 200px;
                /*text-align: center;*/
            }
#contingut #banersInstitucionals {margin-left:-44px}
#banersInstitucionals li {float:left; height:80px; list-style:none;}
.banerRedessa {background:url(/_gif/banerredessaBN.jpg) no-repeat; width:132px}
.banerRedessa2 {background:url(/_gif/banerredessa.jpg) no-repeat; width:132px}
.banerGeneralitat {background: url(/_gif/banergeneralitatBN.jpg) no-repeat; width:178px}
.banerGeneralitat2 {background: url(/_gif/banergeneralitat.jpg) no-repeat; width:178px}
.banerDiputacio {background: url(/_gif/banerdiputacioBN.jpg) no-repeat; width:158px}
.banerDiputacio2 {background: url(/_gif/banerdiputacio.jpg) no-repeat; width:158px}
.banerAjuntamentReus {background: url(/_gif/banerajuntamentreusBN.jpg) no-repeat; width:136px}
.banerAjuntamentReus2 {background: url(/_gif/banerajuntamentreus.jpg) no-repeat; width:136px}
.banerCambraReus {background: url(/_gif/banercambrareusBN.jpg) no-repeat; width:122px}
.banerCambraReus2 {background: url(/_gif/banercambrareus.jpg) no-repeat; width:122px}

#peu .pragma {font-size:9px; color:#ce1e00; !important}

.destacat {border:solid 1px #CCC; background-color:#e1e1e1; padding:8px;}

/*  CODI Ajuntament de Reus*/
#cercador_web_contenedor {
    /*background-color: #000000;*/ /* Color de fons negre contenedor */
    /*background-color: #6f1c3a;*/ /* Color de fons granate contenedor */
    /*background-color: none;*/ /* Sense color de fons contenedor */
    width: 100%;
    height: 55px;
}

#cercador_web {
    margin: 0 auto; /* Alineació Centrat */
    /*margin: 0 left;*/ /* Alineació Esquerra */
    width: 975px; /* amplada del cercador en pixels */
    /*width: 100%;*/ /* amplada del cercador en % */
    height: 55px;
    background-color: #000000; /* Color de fons negre */
    /*background-color: #6f1c3a;*/ /* Color de fons granate contenedor */
    /*background-color: none;*/ /* Sense color de fons */
}
.reuscat {
    background-image: url('http://www.reus.cat/logo-reus-negre.gif');
    /*background-image: url('http://www.reus.cat/logo-reus-granate.gif');*/
    background-repeat: no-repeat;
    margin-left: 20px;
}
.reuscat a {
display: block;
width: 186px;
height: 55px;
}
.reuscat a span  {
display: none;
}
/*----------fi codi Ajuntament de Reus----------*/