/* ---------------- estilo palabras clave --------------------------------------- */

body {
 /* margin: 5px;
  margin-left: 5px;*/ 
	padding: 0px;
	background: #FFFFFF;
	/*background-image: url(fotos/fondoOpc02.jpg);*/
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 12px;
	font-family: Arial, helvetica, sans-serif;
	text-align: left;
  color: #000000;
  z-index: -3;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;

}

li {

list-style-type: none;

}

h1 {

  font-size: 23px;
  font-family:  Arial, Helvetica, sans-serif;
  font-style: bold;
  font-weight: bold;
  font-variant: bold;
  color: #FFFFFF;

}

#texto1 {

  top: 80px;
  margin-top: 230px;
  margin-left: 100px;
  margin-right: 60px;
  color: #FFFFFF;
  font-size: 12px;
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  /*background: #123456;*/
  width:180px; 
  height:115px;
  
}

 a:link {
	color: #000000;
	text-decoration: none;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
 a:visited {
	text-decoration: none;
	color: #252120;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}
 a:hover {
	text-decoration: none;
	color: #302C29;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
  
}
 a:active {
	text-decoration: none;
	color: #302C29;
	font-style: bold;
	font-weight: bold;
  font-variant: bold;
}


/* ---------------- estilos generales capas --------------------------- */

#contenedor {
 /*top: 1%;
 left: 5%;*/
 margin: 0 auto; 
 top: 30%; 
 left: 50%;
 margin-top: -150px; 
 margin-left: -420px; 
 position:absolute; 
 width:870px; 
 height:615px;
 z-index: 0; 
 background-image: url(img/xxxx.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 /*background: #224411;*/

}

#gris{

 position:absolute; 
  margin-top: 50px;/*70*/
 margin-left: 54px; 
 width:522px; 
 height:522px;
 z-index: 0; 
 background-image: url(img/logonuevo.gif);
 background-repeat: no-repeat;
 background-position: top left;



}

#capa_izq {

 position:absolute;
 /*margin-top: 10px;*/
 width:180px; 
 height:615px; 
 z-index: 5;
/*background: #2244FF;*/


}

#izqA {

 margin-top: 46px;/*2*/
 margin-left: 60px; /*17*/
 width: 164px; 
 height: 167px; 
 background-image: url(img/logonuevo1.gif);
 background-repeat: no-repeat;
 background-position: top left;
 z-index: 2;
 /*background: #224477;*/
 

}

#izqB {

 margin-left: -17px;  
 padding-top: 45px; 
 width: 150px; 
 height: 191px;
 font-family: Helvetica, sans-serif;
 font-style: bold;
 font-weight: bold;
 font-variant: bold;
 text-align: right; 
 z-index: 2;
/* background: #224477;*/
 
}
        
#izqC {

 font-size: 11px;
 margin-left: 8px;
 width: 125px; 
 height: 155px;
 font-family: Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-align: right; 
 line-height: 12px;
 color: #7B7B7B;
 z-index: 4;
 /* background: #ff4477;*/
}

#central {

 
 position: absolute;
 margin-top: 0px;
 left: 80px; /*146*/
 width: 482px; 
 height: 485px; 
 z-index: 3;
 background-image: url(img/);
 background-repeat: no-repeat;
 background-position: top left;
/* background: #FF3344;*/

}

#texto_central {

  margin-top: 100px;
  margin-left: 70px;
  margin-right: 60px;
  color: #FFFFFF;
  font-size: 12px;
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  
}

#texto_central_minterno {

  margin-top: 68px;/*68*/
  margin-left: 79px;
  margin-right: 47px;
  color: #FFFFFF;
  font-size: 12px;
  font-family:  Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;

}

#capa_derech {

 position: absolute;
 margin-top: 150px;
 left: 550px;
 width: 300px; 
 height: 455px; 
 z-index: 3;
/* background: #FF7722;*/
 

}

#derechA {

 margin-left: -2px;/*12*/
 margin-top: 1px;
 background-image: url(img/prueba1.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 315px; 
 height: 345px;
 *height: 320px; 
 z-index: 4;
 
}

#derechAq {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/4.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechAm {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/6.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechAf {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/12.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechAv {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/3.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechAmi {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/3.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechAco {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/5.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechAmarkint {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/10.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechAmarkext {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/8.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechAmarkext {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/8.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}


#derechAdirect {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/1.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechApubli {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/17.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechApubl {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/1.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechAint {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/2.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechArrpp {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/2.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}

#derechAevent {

 margin-left: 53px;/*12*/
 margin-top: 1px;
 background-image: url(img/11.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width: 300px; 
 height: 300px;
 *height: 300px; 
 z-index: 4;
 
}
#derechB {

 
 z-index: 3;
 margin-top: 10px;/*3*/
 *margin-top: 15px;/*3*/
 margin-left: 40px;/*7*/
 padding-left: 11px;/*11*/
 font-size: 12px;
 width: 190px; 
 height: 150px;
 font-family: Helvetica, sans-serif;
 font-style: italic;
 font-weight: italic;
 font-variant: italic;
 text-align: left; 
 line-height: 13px;
 /*background: #123456;*/


} 

#circulo_derech {

 top: -2px;
 left: 447px;
 position: absolute;
 width:400px; 
 height: 400px; 
 z-index: 1;
 background-image: url(img/circulo_derech.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 /*background: #123456;*/
}

/* ---------------- estilos individuales  --------------------------- */

#submenu {

  color: #7B7B7B;
  font-style: italic;
  font-weight: italic;
  font-variant: italic;
  text-align: left; 
  line-height: 14px;
  color: #7B7B7B;

}

.medio {

 text-align: center;

}