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

body {
	background:url(../img/fons_sup.jpg) #000000 center top no-repeat;
	margin:0px;
	font-family:Helvetica, Arial, sans-serif;
}


#contenedor{
position:relative;
width:800px;
left:50%;
margin-left:-400px;
margin-top:24px;
text-align: left;
z-index:2;
}

/***********************************************/
/*                                             */
/***********************************************/

#header{
height:172px;
}

#logo{
float: left;
}

#header #menu{
margin-top: 22px;
height:40px;
background:url(../img/fons_menu.jpg) no-repeat;
}

#header #menu ul{
margin: 0px;
list-style:none;
padding: 10px 10px 0px;
}

#header #menu li{
float: left;
margin: 0 30px 0 0;
padding: 0px;
font-weight:bold;
font-size:16px;
}

#header #menu p{
color:#D97300;
margin:0px;
padding:0px;
}

#header #menu a{
color:#FFFFFF;
text-decoration:none;
}

#header #menu a:hover{
color:#D97300;
text-decoration:none;
}

#idioma{
float:right;
width:150px;
height:24px;
}

#idioma p{
font-size: 10px;
color:#7B7C7C;
display:inline;
margin-right: 10px;
}

#idioma form{
width:90px;
display:inline;
}


/***********************************************/
/*       INDEX / CALIFICACIONS / CONTACTE      */
/***********************************************/

#content_A{
float:left;
width:400px;
background:#D8F1FE url(../img/fons_content.jpg) repeat-x;
margin: 20px 0;
padding: 25px 50px;
}

* html #content_A{
width:400px;
padding: 25px 50px;
}

#content_A h1{
font: bold 22px Helvetica, Arial, sans-serif;
color:#0294DF;
margin-top:0px;
}

#content_A h2{
font: bold 18px Helvetica, Arial, sans-serif;
color:#000;
margin-top:20px;
}

#content_A p{
font-size:12px;
margin:0px;
}

#content_A #menu ul, #content_B #menu ul{
margin: 0px;
list-style:none;
padding: 0px;
}

#content_A #menu li, #content_B #menu li{
margin: 0;
padding: 0px;
font-size:12px;
}

#content_A li{
margin: 0;
padding: 0px;
font-size:12px;
}

#content_A a{
font-size:12px;
color:#000;
text-decoration:none;
}

#content_A a:hover{
font-size:12px;
color:#0066CC;
text-decoration:none;
}

.esq{
float:left;
width:200px;
}

.drt{
float:left;
width:200px;
}

.separacion{
border-bottom: 1px solid #A8DBF0;
clear:both;
height:20px;
}

.doble{
line-height:150%}

.index{
height:677px;
}

* html .index{
height:727px;
}

.calificacions{
height:auto;
}

.otras{
height:450px;
}

#content_A ul, #content_A li{
margin-top:10px;
}


.contacta{
height:auto;
}

.cerificat{
margin: 5px;
width:70px;
border:1px solid #A8DBF0;
}

.logotipo{
margin: 20px 0;
}

#cert{
float:left;
text-align:center;
width:100px;
margin: 20px 30px 0 0;
}

#cert p{
font-size:0.7em;
}

/***********************************************/
/*          SERVEIS                            */
/***********************************************/

#content_B{
float:left;
width:700px;
background:#D8F1FE url(../img/fons_content.jpg) repeat-x;
margin: 20px 0;
padding: 25px 50px;
}

#content_B h1, #content_C h1{
font: bold 22px Helvetica, Arial, sans-serif;
color:#0294DF;
margin:0px;
}

#content_B h2{
font: bold 18px Helvetica, Arial, sans-serif;
color:#0294DF;
margin:20px 80px;
}

#content_B p{
font-size:12px;
}

#content_B #menu a{
font-size:12px;
color:#666;
text-decoration:none;
}

#content_B #menu a:hover{
font-size:12px;
color:#0066CC;
text-decoration:none;
}

#content_B #menu a:visited{

}
/* Canvis serveis */

#envoltura {
clear: both;
overflow: hidden; 
height: 300px; 
width: 700px;
position: relative;
}

#dentro {
width: 4000px;
height: 300px;
position: relative;
}

#contingutdef{
width:700px;
height: 300px;
position: absolute;
}

#def{
float:left;
width:350px;
margin:20px 0 0 0;
}

#def p{
margin:10px 0 0 0;
}

#def_gal2{
	width:290px;
	height:170px;
	background-color:#101010;
	margin-left:25px;
}

#def_gal2 h2{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #939393;
padding-left: 20px;
padding-top: 30px;
padding-right: 30px;
}

#def_gal2 h3{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #939393;
padding-left: 20px;
}

.thumbserveis{
padding: 5px;
width:70px;
height:70px;
background:url(../img/fons_thumbs.jpg) #FFFFFF no-repeat;
margin-right: 20px;
border:none;
}

/* Canvis serveis */

#def p{
line-height:130%;
}

#def h2{
margin:0;
}

#def_gal{
	position:absolute;
	width:250px;
	height:120px;
	background-color:#101010;
	margin-bottom:20px;
	padding:25px;
	right:72px;
	top: 640px;
}

#def_gal h2{
font: bold 12px Helvetica, Arial, sans-serif;
color:#939393;
margin:0px 0px 15px 0;
}

.icona{
vertical-align:text-bottom;
}

.titular{
margin:0;
}

.titular_over{
margin:0;
color:#666;
}

.gran{
float:left;
width:350px;
}

.plus{
border:none;
position:relative;
top: -30px;
}


/***********************************************/
/*      GALERIA / OFERTES                      */
/***********************************************/


#content_C{
float:left;
width:700px;
background:#101010;
margin: 20px 0;
padding: 25px 50px;
}

#content_C img{
border:none;
}

#content_C #header{
height:60px;
margin:0;
padding:0;
}

#content_C #header h1{
float:left;
display:inline;
}

#content_C #search{
float:right;
width:390px;
height:60px;
text-align:right;
}

#content_C #search img{
margin: 0;
}

#content_C #search .search_titul{
font: lighter 14px Helvetica, Arial, sans-serif;
color:#CCC;
display:inline;
margin:0;
}

#content_C #search .busq{
width:200px;
height:25px;
border:none;
background-color:#CCCCCC;
font-size:16px;
margin:0;
top:30px;
}

#content_C #search form{
width:200px;
display:inline;
margin: 0;
}

#content_C #menu{
float:left;
width:193px;
}

#content_C #menu ul{
margin: 0px;
list-style:none;
padding: 0px;
border-bottom: 1px solid #999;
margin:0 0 20px 0;
}

#content_C #menu li{
margin: 0;
padding: 0px;
font-size:12px;
}

#content_C p{
font-size:12px;
color:#D97300;
margin:0;
}

/* #content_C #menu a{
font-size:24px;
color:#fff;
text-decoration:none;
} */

/* #content_C #menu a:hover{
font-size:12px;
color:#0066CC;
text-decoration:none;
} */
/* Aquets estils queden predefinits a estils_tags.css */

#content_C #cont{
float:left;
width:457px;
margin:0 0 0 50px;
padding:0;
}

#content_C #cont h2{
font: lighter 22px Helvetica, Arial, sans-serif;
color:#CCC;
border-bottom: 1px solid #999;
margin:0 0 20px 0;
padding:0px;
height:30px;
}

.leyenda{
font-size:12px;
line-height:150%;
color:#CCCCCC;
margin-bottom:20px;
border-bottom: 1px solid #575757;
display:block;
padding-bottom:10px;
}

#oferta{
float:left;
width:150px;
margin-bottom:10px;
}

#oferta p, #cont p{
font-size:11px;
color:#fff;
margin:0;
}

#formulari{
margin-top:30px;
}

#formulari .busq{
font: lighter 16px Helvetica, Arial, sans-serif;
width:300px;
height:25px;
border:none;
background-color:#CCCCCC;
margin:10px 0;
line-height:100%;
}

#formulari .comment{
font: lighter 12px Helvetica, Arial, sans-serif;
color:#666666;
width:290px;
border:none;
background-color:#CCCCCC;
margin:10px 0;
padding:5px;
line-height:100%;
overflow:hidden;
}

.normal{
font: lighter 12px Helvetica, Arial, sans-serif;
color:#fff;
margin:10px 0;
line-height:130%;
}


/***********************************************/
/*       Passar plana                         */
/***********************************************/

#passar_plana{
margin-top:10px;
width:457px;
height:21px;
clear:both;
}

.ant{
float:left;
}

.seg{
float:right;
}

#pag{
float:left;
width:278px;
text-align:center;
height:16px;
padding-top:5px;
}

* html #pag{
float:left;
width:250px;
text-align:center;
height:16px;
padding-top:5px;
}

#pag p{
color:#333333;
}

/***********************************************/
/*                                             */
/***********************************************/


#columns{
float:left;
width:278px;
margin: 20px 0 0 20px;
}

* html #columns{
float:left;
width:200px;
margin: 20px 0 0 20px;
}

#columns img{
border:none;
}

#column_1{
height:354px;
width:198px;
padding: 30px 40px;
background-color:#101010;
}

#column_3{
width:198px;
padding: 30px 40px;
background-color:#101010;
}

#column_3 img{ margin-bottom:5px;}

#columns h2{
font: bold 16px Helvetica, Arial, sans-serif;
border-bottom: 1px solid #575757;
color:#FFF;
margin:0px 0 20px 0;
padding-bottom:10px;
}

#columns p{
font: 12px Helvetica, Arial, sans-serif;
color:#FFFFFF;
margin:0px;
padding:0px;
}

#columns a, columns a:hover{
font: bold 12px Helvetica, Arial, sans-serif;
color: #FF9900;
text-decoration:none;
}


.thumb{
padding: 5px;
width:70px;
height:70px;
background:url(../img/fons_thumbs.jpg) #FFFFFF no-repeat;
margin:0px 20px 10px 0px;
border:none;
}

.thumb2{
padding: 5px;
width:70px;
height:70px;
background:url(../img/fons_thumbs.jpg) #FFFFFF no-repeat;
margin:0px 0px 10px 0px;
border:none;
}

.thumb3{
padding: 5px;
width:70px;
height:70px;
background:url(../img/fons_thumbs.jpg) #FFFFFF no-repeat;
margin:0px 40px 10px 0px;
border:none;
}


#column_2{
height:251px;
margin-top:2px;
width:198px;
padding: 30px 40px;
background-color:#101010;
}

.oferta{
margin: 10px 0;
border:none;
}



/***********************************************/
/*                                             */
/***********************************************/


#footer{
position:relative;
width:500px;
height:112px;
top:0px;
left:50%;
margin-left:-400px;
z-index:2;
text-align:right;
}

#footer p{
margin:0px;
padding:0px;
font-size:10px;
color:#FFFFFF;
}

#rss{
float:right;
margin:10px 30px 0 0;
text-align:left;
}

#rss p{
display:inline;
padding:0px 0 0 8px;
color:#CBCBCB;
}

#rss img{
margin: 0 0 0 -25px;
}

#rss a{
font-size:10px;
color:#CBCBCB;
text-decoration:none;
display:block;
}

#rss a:hover{
color:#FF6600;
display:block;
}

#links{
float:right;
margin:10px 0px 0 0;
}

#links a{
font-size:10px;
color:#CBCBCB;
text-decoration:none;
font-weight:bold;
display:block;
}

#links a:hover{
color:#FF6600;
display:block;
}


/***********************************************/
/*                                             */
/***********************************************/


#backgroung_inf{
position:relative;
width:100%;
height:261px;
background:url(../img/fons_inf.jpg) #000000 center bottom no-repeat;
margin-top:-261px;
z-index:1;
}

.clearfloat {
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

#espai{
height:50px;
}

#espai2{
height:20px;
}