/* Flachfels */


body{
font:62.5% Verdana, Arial, sans-serif;
line-height:20px;
height:100%;
background:#D2D5C9 url(../images/fons.jpg) repeat-x;
}

a:link, a:visited, a:active{color:#fff;text-decoration:underline;}
a:hover{color:#666666;text-decoration:none;}

h1, h2, h3, h3, h4{margin:0px; font-family:"Trebuchet MS", Arial, sans-serif; text-transform:uppercase;}

h1{margin:0px 0px 10px 0px; font-size:200%; color:#fff;}
h2{margin:15px 0px 10px 0px; font-size:140%; }
h3{font-size:120%; color:#5A5B0F; }
h4{float:left; font-size:120%; color:#5A5B0F; text-decoration:underline;}

h3.amunt{margin:30px auto 30px auto; font-size:90%;  width:100px;}
h3.amunt a:link, h3.amunt a:visited, h3.amunt a:active{background:#5A5B0F; color:#fff; text-decoration:none; padding:5px;}
h3.amunt a:hover{background:#fff; color:#5A5B0F; text-decoration:none;}

img, iframe{border:0;}

body, ul, li{margin:0;padding:0;}
li{display:inline; list-style:none;}
#lightview li{display:block;}

#superior-int, #central, #peu-int, #idiomes-int, #comercializadas, #submenu{width:850px; margin:0px auto 0px;}

/* Superior */

#idiomes-int{width:810px; background:#000; color:#999; font-size:1.3em; padding: 2px 20px 2px 20px; font-weight:bold;}
#idiomes-int a:link, #idiomes-int a:visited, #idiomes-int a:active{text-decoration:none; font-weight:normal;}
#idiomes-int a:hover{color:#999;}
#idiomes-int .fecha{color:#fff; float:left; width:400px;}



.superior1{background:#fff url(../images/superior1.jpg) no-repeat; height:339px;} /* empresa */
.superior2{background:#fff url(../images/superior2.jpg) no-repeat; height:339px;} /* Rapita */
.superior3{background:#fff url(../images/superior3.jpg) no-repeat; height:339px;} /* comercialitzades */
.superior4{background:#fff url(../images/superior4.jpg) no-repeat; height:339px;}/* noticies */
.superior5{background:#fff url(../images/superior5.jpg) no-repeat; height:339px;} /* contactar */

#logo{float:left; width:385px; height:190px; margin:70px 20px 20px 20px;}

#menu{
width:290px;
float:right;
background:url(../images/fons-menu.png); 
color:#525203;
height:190px;
font:200% "Trebuchet MS", Arial, sans-serif;
line-height:31px;
margin:70px 20px 20px 20px;
font-weight:bold;
}

#menu ul{margin:15px 0px 15px 15px;}
#menu li{display:block;}

#menu a:link, #menu a:active, #menu a:visited{color:#000; text-decoration:none; font-weight:normal; padding:2px 15px 2px 15px; font-size:85%}
#menu a:hover{color:#fff; background:#525203;}

/* Submenu */

#submenu{height:30px; background:#000; color:#fff; font-size:150%;} 
#submenu ul{padding:5px 20px 5px 20px;}
#submenu li{margin:0px 5px 0px 5px; }

/* Contingut */

#central{background:#B3B366; }
#contingut{font-size:1.3em; text-align:justify; padding:20px;}
#contingut .text{width:450px;}
#contingut .text2{width:490px;}
#contingut .text3{width:400px;} /* contacto */
#contingut img{border:5px solid #fff; margin-top:40px; float:right;}

#central ul{margin:0px 0px 0px 20px;}
#central li{display:block; list-style:disc !important;}

#comercializadas{background:#fff; height:145px; width:850px;}
#comercializadas img{margin:5px 0px 5px 6px;}
#comercializadas li{float:left; margin:0px; padding:0px;}
#comercializadas ul{margin:0px;}

#vallfogona{border:1px solid #5A5B0F; padding:20px; width:260px; float:right;}
#localitzacio{border:1px solid #5A5B0F; padding:20px; width:335px; float:right;}

.noclass{border:0 !important; float:none !important; margin:10px auto 0px auto !important;}

#esquema1, #esquema2{margin:20px 0px 0px 0px;  border:1px solid #5A5B0F; background:#fff;}
#esquema1 td, #esquema2 td{border:1px solid #5A5B0F; padding:10px;}
#esquema1{float:left;}
#esquema2{float:right;}

#esquema1 td{height:61px;}
.grisclaret{background:#dedede;}
.grismitja{background:#aaa;}

.vermas{float:right;}
.vermas a{color:#525203;}

#show{}
#show li{list-style:none; display:inline;}

#mapaweb{width:700px; margin:20px auto 20px auto;}
#mapaweb .right ul{margin-right:70px;}
#mapaweb ul, #mapaweb li{list-style:disc !important; margin-left:20px;}


#thabitatges, #tgaratges, #ttrasters{font-size:0.9em; width:810px; background:#fff;}
#thabitatges td, #tgaratges td, #ttrasters td{padding-left:5px; border-bottom:1px solid #5A5B0F; border-right:1px solid #5A5B0F;}
#thabitatges .tit, #tgaratges .tit, #ttrasters .tit, .ordre{background:#5A5B0F; color:#fff; font-weight:bold; height:25px;}
.ordre{width:30px; }

#thabitatges a:link, #thabitatges a:visited, #thabitatges a:active{color:#5A5B0F;}


/* Peu */

#peu{font-size:1.3em; height:171px; background:#555539 url(../images/peu.jpg) repeat-x; color:#fff;}
#peu-int{height:171px; background:url(../images/peu-int.jpg) repeat-x;}

#peu a:link, #peu a:visited, #peu a:active{color:#000; font-weight:bold; text-decoration:none;}
#peu a:hover{color:#fff; text-decoration:underline;}


#peu li{color:#000;}
#peu li a:link, #peu li a:visited, #peu li a:active{color:#fff; padding:2px 4px 2px 4px;}
#peu li a:hover{color:#fff; background:#000; text-decoration:none;}

#peu p{margin:5px 0px 0px 0px;}

#logopeu{float:left; margin:43px 0px 0px 20px;}
#peudret{float:right; margin:64px 20px 0px 20px;}

/* Inici */

.bodyinici{background:#CFD0C8 url(../images/fons-inici.gif) repeat-x 0% 0%; width:100%; padding-top:50px; text-align:center;}
.bodyinici a:link, .bodyinici a:visited, .bodyinici a:active{color:#5A5B0F;}
#inici{width:497px; margin:0px auto 0px auto;}
#inici h1{margin:30px 0px 30px 0px; color:#000;}
#logoinici{background:#D9D9B3; }

/* Contactar */

input, textarea{float:right; width:200px; margin-bottom:5px;}
#contacto{width:400px; margin:20px 15px 10px 0px;}
#contacto input.boton{float:none; width:60px; margin-left:120px; margin-top:15px;}
label span.etiqueta{float:left; clear:right !important; font-weight:bold; padding-top:3px; padding-bottom:3px;}
#contacto .right{float:right; margin-bottom:10px;}
.rojo{color:#ff0000; font-size:85%;}
#contacto img{border:0; float:none; margin:0;}

/* Galeria */
#myGallery{ margin: 0 auto;}
.content{margin: 0 20px;}
.content a, .content p.linkage a{color: #fff;}
.content p.linkage{margin-top: 2em;text-align: right;color: #ddd;}
#text .content h3{color: #fff; font-size: 105%;}


/* Varios */

#fecha{color:#888888;text-align:right; padding-bottom:15px;}
.small{font-size:85%;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.visi{margin-top:4px; height:11px; width:30px; background:url(../modContador.php?colorfondo=525125&colortexto=ffffff&ancho=&alto=&tamletra=2&margen=0) no-repeat 100% 0%;}