/*
     **************************************************************************************
     *  Site: www.xaviagut.net                                             principal.css  *
     *  Xavi Agut Enginyer Tčcnic en Informątica de Gestió                                *
     *  Xavi Agut - agost de 2010                                                         *
     **************************************************************************************
*/   

/* 
   *************************************************************************************
     Definicions d'estil per a la seccio PRINCIPAL
   *************************************************************************************
*/

/* 
   -----------------
   Fons de la seccio 
	-----------------
*/

#cpasecppal {
	background-color: white;
	z-index: 000000; /* Segon nivel de la web */
	display: none;
}

/* 
   -----------------
   Marc de contingut
	-----------------
*/

#cpasecppalmrccont {
   width:1024px;
	height:616px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -512px;
	margin-top: -308px;		
	background-image: url(../imatges/principal/fondoprincipal.jpg);
	background-repeat: no-repeat;
	z-index: 000100;
}

/*  
   ------------
	Menu lateral
   ------------
*/

.capasec_ppalmenulateral {
   width: 270px;
	height: 350px;
	position: absolute;
	top: 250px;
	left: 730px;
   z-index:000200;
}

#cpasecppalmnulateral {

}

.capasec_ppalmenulateralopc {
	width: 268px; 
	position: absolute;
	left: 0px;	
}

#cpasecppalmnulateralopc_1 {
	height: 90px;
	top: 0px;
	background-color: transparent;
}

#cpasecppalmnulateralopc_1res {
	height: 90px;
	top: 0px;
	background-image: url(../imatges/principal/opc_contactar_res.jpg);
	display: none;
}

#cpasecppalmnulateralopc_2 {
	height: 80px;
	top: 90px;
	background-color: transparent;
}

#cpasecppalmnulateralopc_2res {
	height: 80px;
	top: 90px;
	background-image: url(../imatges/principal/opc_curriculum_res.jpg);
	display: none;
}

#cpasecppalmnulateralopc_3 {
	height: 95px;
	top: 170px;
	background-color: transparent;
}

#cpasecppalmnulateralopc_3res {
	height: 93px;
	top: 170px;
	background-image: url(../imatges/principal/opc_blog_res.jpg);
	display: none;
}

#cpasecppalmnulateralopc_4 {
	height: 83px;
	top: 265px;
	background-color: transparent;
}

#cpasecppalmnulateralopc_4res {
	height: 83px;
	top: 265px;
	background-image: url(../imatges/principal/opc_trabajosweb_res.jpg);
	display: none;
}

/*  
   --------------------------
	Menu central (organigrama)
   --------------------------
*/

.capasec_ppalmenuorganigrama {
	width: 550px;
	height: 560px;
	position: absolute;
	top: 30px;
	left: 100px;
   z-index:000200;	
}

#cpasecppalmnuorganigrama {
	
}

.capasec_ppalmenuorganigramaopc_1 {
	width: 136px;
	height: 87px;
	position: absolute;
	top: 35px;
	left: 239px;	
}

#cpasecppalmnuorganigramaopc_1 {
	background-color: transparent;
}

#cpasecppalmnuorganigramaopc_1res {
	background-image: url(../imatges/principal/opc_datospersonales_res.jpg);
	display: none;
	background-repeat: no-repeat;
}

.capasec_ppalmenuorganigramaopc_2 {
	width: 130px;
	height: 82px;
	position: absolute;
	top: 239px;
	left: 275px;	
}

#cpasecppalmnuorganigramaopc_2 {
	background-color: transparent;
}

#cpasecppalmnuorganigramaopc_2res {
	background-image: url(../imatges/principal/opc_servinternet_res.jpg);
	background-repeat: no-repeat;	
	display: none;
}

.capasec_ppalmenuorganigramaopc_3{
	width: 132px;
	height: 82px;
	position: absolute;
	top: 319px;
	left: 418px;	
}

#cpasecppalmnuorganigramaopc_3 {
	background-color: transparent;
}

#cpasecppalmnuorganigramaopc_3res {
	background-image: url(../imatges/principal/opc_otrosservicios_res.jpg);
	background-repeat: no-repeat;	
	display: none;
}

.capasec_ppalmenuorganigramaopc_4{
	width: 137px;
	height: 86px;
	position: absolute;
	top: 417px;
	left: 308px;	
}

#cpasecppalmnuorganigramaopc_4 {
	background-color: transparent;
}

#cpasecppalmnuorganigramaopc_4res {
	background-image: url(../imatges/principal/opc_probordenador_res.jpg);
	background-repeat: no-repeat;	
	display: none;
}

.capasec_ppalmenuorganigramaopc_5{
	width: 143px;
	height: 81px;
	position: absolute;
	top: 437px;
	left: 176px;	
}

#cpasecppalmnuorganigramaopc_5 {
	background-color: transparent;
}

#cpasecppalmnuorganigramaopc_5res {
	background-image: url(../imatges/principal/opc_servanalista_res.jpg);
	background-repeat: no-repeat;	
	display: none;
}