/* CSS Document */

/*/ ~~~~~~~~~~  Materia Activa > www.materiactiva.net ~~~~~~~~~~ /*/
/*/ ~~~~~~~~~~  Design & Programming: Razgo, S.L. > www.razgo.net ~~~~ /*/

html {
	width:100%;
	height:100%;
	} 
 
body {
 	margin:0 auto;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	/*/ font-family: Verdana, Arial, Helvetica, sans-serif;/*/ 
	font-size:13px ; 
	color: #2F2F35;
	align: center;
	} 


A { 
 	text-decoration: none; 
	color: #969696;
	font-weight: bold;
	} 
	
A:hover {  
	color: #FFFFFF;
	background-color:#3D3D40;
	font-weight: bold;
	} 

/*/ ************************************* * tipos /*/


H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 17px;
}	


.head {
	font-weight: bold;
	font-size:12px ; 
}	

.small {
	font-size:11px ; 
}	

.link {
	font-size:10px ; 
	color: #969696;
}	

.red { 
	color: #E8002C;
	} 

/*/ ************************************* * top /*/


#wrapper {
	width: 900px !important; width: 100%;
	height:auto;
 	margin: 0 auto;
	padding:0 0;
	}

#container { 			
	position:absolute;
	top:0px;
	width:900px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}



/*/ ************************************* * navegacion /*/

#logo_mact { 
	position: absolute;
	top:54px;
	left:10px;
	width:170px;
	height:90px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#logo_home { 
	position: absolute;
	top:54px;
	left:10px;
	width:170px;
	height:90px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}


#idiomas {
	position:absolute;
	top:0px;
	width:100px;
	height:50px;
	border: 0;
	padding: 0;
	left: 6px;
	}

#nav {
	position:absolute;
	top:0px;
	width:404px;
	height:50px;
	border: 0;
	padding: 0;
	left: 430px;
	}

#top {
	float: left;
	top:0px;
	width: 100%;
	height:21px;
	border: 0;
	padding: 0;
	left: 0px;
	background-color:#FFE900;
	}


#flash { 
	position: absolute;
	top:140px;
	left:16px;
	width:800px;
	height:370px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}
	
#central {
	position: absolute;
	background-color:#C8C6C6;
	top:170px;
	left:0px;
	width:100%;
	height:318px;
	border: 0;
	margin: 0;
	padding: 0;
	}

#central_home {
	position: absolute;
	background-image:url('../img/trama_R.gif');
	background-repeat:repeat-x;
	background-color:#FFE900;
	top:170px;
	left:0px;
	width:100%;
	height:321px;
	border: 0;
	margin: 0;
	padding: 0;
	}


#trama_L { 
	position: absolute;
	background-image: url('../img/trama_L.gif');
	background-repeat:repeat-x; 
	top:170px;
	left:0px;
	width:600px;
	height:321px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#footer {
	position: absolute;
	top:502px;
	left:14px;
	width:500px;
	height:32px;
	border: 0;
	margin: 0;
	padding: 0;
	}


#web_design {
	position: absolute;
	top:516px;
	left:808px;
	width:120px;
	height:32px;
	border: 0;
	margin: 0;
	padding: 0;
	}


/*/ ************************************* * contenidos /*/

#pastilla { 
	position: absolute;
	background-color:#FFFFFF;
	top:184px;
	left:16px;
	width:867px;
	height:290px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#subnav { 
	position: absolute;
	top:200px;
	left:16px;
	width:230px;
	height:240px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#image { 
	position: absolute;
	top:70px;
	left:256px;
	width:300px;
	height:100px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}



#contenido_L { 
	position: absolute;
	top:190px;
	left:30px;
	width:380px;
	height:290px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#contenido_R { 
	position: absolute;
	top:190px;
	left:432px;
	width:380px;
	height:290px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#servicios { 
	position: absolute;
	background-color:#FFE900;
	top:187px;
	left:260px;
	width:580px;
	height:244px;	
	border: 0;		
	margin:0;
	padding: 20px 20px 20px 20px;
	}


#proyectos { 
	position: absolute;
	background-color:#FFFFFF;
	top:180px;
	left:16px;
	width:390px;
	height:290px;	
	border: 0;		
	margin: 0;
	padding:0;
	}

#proyectos_index { 
	position: absolute;
	top:226px;
	left:30px;
	width:370px;
	height:240px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#proyectos_head { 
	position: absolute;
	top:192px;
	left:16px;
	width:200px;
	height:24px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}


#portfolio { 
	position: absolute;
	top:187px;
	left:432px;
	width:450px;
	height:284px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#portfolio_text { 
	position: absolute;
	font-size:11px ;
	top:509px;
	left:432px;
	width:402px;
	height:auto;	
	border: 0;		
	margin: 0;
	padding: 0;
	}
	
#about { 
	position: absolute;
	font-size:12px ;
	top:207px;
	left:432px;
	width:420px;
	height:250px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}

#contacto { 
	position: absolute;
	background-color:#FFE900;
	top:187px;
	left:19px;
	width:350px;
	height:244px;	
	border: 0;		
	margin: 0;
	padding: 20px 20px 20px 20px;
	}

#contacto_image { 
	position: absolute;
	top:184px;
	left:413px;
	width:380px;
	height:290px;	
	border: 0;		
	margin: 0;
	padding: 0;
	}