/* CSS Document */
* { margin:0; padding:0;}
.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; 
      line-height:1.2em; 
      text-align:center; 
      background:#040404; 
     
      
      }
html, input
	{	font-family:Verdana; 
		color:#9c9b9b;
	}	

.vam{ vertical-align:middle}
.fl{ float:left;}
.fl1{ float:left;background-image:url(images/logo_cat2.jpg); width:223px; height:450px}
.fl2{ float:left; background-image:url(images/logo_cat.jpg); width:223px; height:450px}
.fr{ float:right}
a img{ border:0px}
img{ vertical-align:top;  }


a{color:#9c9b9b; text-decoration:underline} 
a:hover{text-decoration:none}
.a1{color:#ffffff; text-decoration:none} 
.a1:hover{text-decoration:underline}

ul{margin:0; padding:0; list-style:none; line-height:20px}
ul li{background:url(images/arrow1.gif)  top left no-repeat; background-position:0 9px; margin:0px; padding-left:16px; }
ul li a{color:#9c9b9b; text-decoration:none; font-size:0.9em } 
ul li a:hover { text-decoration: underline; }

/*header*/
#header { padding:45px 0 0px 0px }
#header .m{ margin:0px 0 0px 223px }

/*content*/
#content{ font-size:0.75em; width:635px; float:left; background:url(images/bg_main1.jpg); height:450px}
#content .title{ margin-bottom:13px}
#content .title1{margin:-14px 0 13px -3px}
#content .title2{ margin:38px 0 13px 0}
#content .title3{ margin:17px 0 13px 0}
#content p{ margin:0px 0px 15px 0px}
#content .more{ margin:16px 0px 0px 0px}
#content .indent{ padding: 60px 20px 0px 300px}
#content .indent1{ padding:8px 10px 0px 522px}

/*index.html*/
#page #content{background:url(images/bg_main.jpg)}

/*index-2.html*/
#page2 #content{background:url(images/bg_main3.jpg); height:450px}
#page2 #content img{ margin:10px 0px 0px 0px; display:block}

#page3 #content{background:url(images/disseny_a.jpg); height:450px}

#page4 #content{background:url(images/bg_main_osc.gif); height:450px}
#page4 #content img{ margin:10px 0px 0px 0px; display:block}
/*footer*/
#footer { background:url(images/bot.gif); color:#525252; font-size:0.6875em; padding:14px 95px 72px 0px; text-align:right;
    height: 7px;
}
#footer a {color:#525252; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

.h{ height:33px}
.h1{ height:39px}
input{
border:1px solid #9c9b9b;
background:#101010;
   width:132px; height:17px;
   font-size:0.9em;
   padding-left:2px;
   margin-bottom:3px
}
textarea{
border:1px solid #9c9b9b;
/* background: url(images/bg_textarea.gif);*/
	background:transparent;
   width:132px; height:49px;
   font-size:0.9em;
   padding-left:2px;
   margin-bottom:11px;
   overflow:auto;
   color:#ffffff;
   font-family:Verdana; 
		   }

div.web{
width : 100%;
margin: auto;
}

#disseny {
 
   /* Las dimenciones de la capa  dependen de la zona */
   padding:10px 10px 10px 10px;
	background:#000000;
	opacity: 0.5;
  filter: alpha(opacity = 50);

	-moz-opacity:0.5; /*Gecko*/
	opacity:0.5; /*CSS3*/
	-khtml-opacity:0.5; /*¿Safari y Konqueror?*/ 
	}