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

* {margin:0 auto; padding:0px ; border: 0px}

body {background-color: #FFFFFF; text-align: center}

#contenedor {width:760px; left: 50%;top: 0%;}



/*Cabecera/*/
#cabecera {width:760px ; height:152px;}
	#logo {
	width: 139px ;
	height: 152px;
	float:left ;
	}
	#encabezado {
	height: 15px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-style: bold;
	color: #000000;
	letter-spacing: 0pt;
	float:right;
	margin: 34px 0px 0px 0px;
	}
	#english {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #CCCCCC;
	letter-spacing: 0pt;
	padding-top:57px;
	}
.eng: {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; float:right; color: #CCCCCC; text-decoration: none; }
.eng:link {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; float:right; color: #CCCCCC; text-decoration: none; }
.eng:visited {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; float:right; color: #CCCCCC; text-decoration: none; }
.eng:hover {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; float:right; color: #000000; text-decoration: none; }
.eng:active {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; float:right; color: #CCCCCC; text-decoration: none; }
	
	#navegador {
	float:right;
	height:20px;
	vertical-align:bottom;
	padding-top:11px;
	text-decoration: none;
	z-index:100;
	}

/*Home/*/
#contenido{width:760px;}
	#portada{
	width:760px;
	height:245px;
	}
	#texto{
	float:left; 
	width:380px; 
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000; 
	letter-spacing: 0pt; 
	}
	#aviso{
	float:left; 
	width:760px; 
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000; 
	letter-spacing: 0pt; 
	}
	#news {
	width:140px; 
	float:right;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-align:left;
	}
	#minis{
	width:760px;
	float:left;
	/*height:830px;/*/
	}
	#mini1{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:20px
	}
	#mini2{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:19px
	}
	#mini3{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:20px
	}
	#mini4{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	}
	#mini5{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:20px
	}
	#mini6{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:19px
	}
	#mini7{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:20px
	}
	#mini8{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	}
	#mini9{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:20px
	}
	#mini10{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:19px
	}
	#mini11{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:20px
	}
	#mini12{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	}
	#mini13{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:20px
	}
	#mini14{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:19px
	}
	#mini15{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:20px
	}
	#mini16{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	}
	#mini17{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:20px
	}
	#mini18{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:19px
	}
	#mini19{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	margin-right:20px
	}
	#mini20{
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	}
	#separador{
	width:760px;
	}
	.Estilo1 {
	font-size: 12px;
	color: #6E6E6E;
	background-position: left;
	text-align: left;
	}
	.Estilo2 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #6E6E6E;
	background-position: right;
	text-align: right;
	}
	.Estilo3 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 0pt; 
	}
	.Estilo15 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	letter-spacing: 0pt; 
	}
	

/*Información & Servicios/*/
	#textoinfo{
	float:right; 
	width:560px; 
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000; 
	}
	#accesoproyectos {
	width:175px;
	height:135px;
	float:left; 
	text-align:center;
	}
	.Estilo4 {
	color: #33CCFF;
	font-family: Arial, sans-serif;font-size: 11px; font-style: normal;
	}
	.Estilo5 {
	font-size: 11px
	}
	.Estilo6 {
	color: #0048DB;
	font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal;
	}
	.Estilo7 {
	color: #FF0072;
	font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal;
	}
	.Estilo8 {
	color: #cccccc
	}


/*Curriculum/*/
	#publicaciones {
	float:left; 
	width:360px; 
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000; 
	}
	#minipublis{
	float:left; 
	width:360px; 
	}
	#minipubli{
	float:left;
	width:660px;
	}
	#minipubli-1{
	width:100px;
	height:137px;
	float:left; 
	margin-right:20px;
	margin-bottom:20px;
	}
	#minipubli-2{
	width:100px;
	height:167px;
	float:left; 
	margin-right:17px;
	margin-bottom:20px;
	}
	#minipubli-3{
	width:100px;
	height:137px;
	float:left; 
	margin-right:20px;
	margin-bottom:20px;
	}
	#minipubli-4{
	width:100px;
	height:137px;
	float:left; 
	margin-right:20px;
	margin-bottom:20px;
	}
	#minipubli-5{
	width:100px;
	height:137px;
	float:left; 
	margin-right:20px;
	margin-bottom:20px;
	}
	#minipubli-6{
	width:100px;
	height:137px;
	float:left; 
	margin-right:20px;
	margin-bottom:20px;
	}
	#minipubli-7{
	width:100px;
	height:137px;
	float:left; 
	margin-right:20px;
	margin-bottom:20px;
	}
	#minipubli-8{
	width:100px;
	height:137px;
	float:left; 
	margin-right:20px;
	margin-bottom:20px;
	}
	#minipubli-9{
	width:100px;
	height:137px;
	float:left; 
	margin-right:20px;
	margin-bottom:20px;
	}
	#textocurriculum{
	float:right; 
	width:370px; 
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000; 
	letter-spacing: 0pt; 
	}
	#pdf{
	width:25px; 
	text-align:right;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal;  
	color:#6E6E6E;
	}
.pdf: {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
.pdf:link {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
.pdf:visited {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none;}
.pdf:hover {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; background-color: transparent; border-color: #6E6E6E; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted; }
.pdf:active {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }


/*Proyectos/*/
	#orden {
	width:139px; 
	float:left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #6E6E6E;
	font-weight: normal;
	letter-spacing: 1pt; 
	text-align:left;
	}
	#navProyectos {
	width:184px; 
	float:left;
	text-align:left;
	}
.navB: {font-family: Arial, sans-serif;font-size: 19px; font-style: normal; color: #6E6E6E; text-decoration: none; }

.navP: {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
.navP:link {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
.navP:visited {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
.navP:hover {font-family: Arial, sans-serif;font-size: 11px; font-style: bold; color: #000000; text-decoration: none; }
.navP:active {font-family: Arial, sans-serif;font-size: 11px; font-style: bold; color: #000000; text-decoration: none; }

.navT: { color: #33CCFF; font-family: Arial, sans-serif;font-size: 11px; font-style: normal; text-decoration: none;}
.navT:link { color: #33CCFF; font-family: Arial, sans-serif;font-size: 11px; font-style: normal; text-decoration: none;}
.navT:visited { color: #33CCFF; font-family: Arial, sans-serif;font-size: 11px; font-style: normal; text-decoration: none;}
.navT:hover { color: #000000; font-family: Arial, sans-serif;font-size: 11px; font-style: normal; text-decoration: none;}
.navT:active { color: #33CCFF; font-family: Arial, sans-serif;font-size: 11px; font-style: normal; text-decoration: none;}

.nav: {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; }
.nav:link {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; }
.nav:visited {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; }
.nav:hover {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; background-color: transparent; border-color: #6E6E6E; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted; }
.nav:active {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; }

.navN: {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000; text-decoration: none; }
.navN:link {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000; text-decoration: none; }
.navN:visited {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000; text-decoration: none; }
.navN:hover {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; background-color: transparent; border-color: #6E6E6E; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted;}
.navN:active {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; }

.navNa: {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-weight:bold; color: #000; text-decoration: none; }
.navNa:link {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-weight:bold; color: #000; text-decoration: none; }
.navNa:visited {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-weight:bold; color: #000; text-decoration: none; }
.navNa:hover {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-weight:bold; color: #000000; text-decoration: none; background-color: transparent; border-color: #6E6E6E; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted;}
.navNa:active {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-weight:bold; color: #000000; text-decoration: none; }

.navc: {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000; text-decoration: none; }
.navc:link {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000; text-decoration: none;}
.navc:visited {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000; text-decoration: none;}
.navc:hover {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: bold; color: #000000; text-decoration:underline; }
.navc:active {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: bold; color: #000000; text-decoration: none;}
.navM: {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000; text-decoration: none; margin-left:13px; }
.navM:link {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000; text-decoration: none; margin-left:13px;}
.navM:visited {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000; text-decoration: none; margin-left:13px;}
.navM:hover {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: bold; color: #000000; text-decoration: none; margin-left:13px; background-color: transparent; border-color: #6E6E6E; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted; }
.navM:active {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: bold; color: #000000; text-decoration: none; margin-left:13px;}

.navMa: {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-weight:bold; color: #000; text-decoration: none; margin-left:13px;letter-spacing: 0pt;}
.navMa:link {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-weight:bold; color: #000; text-decoration: none; margin-left:13px;letter-spacing: 0pt;}
.navMa:visited {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-weight:bold; color: #000; text-decoration: none; margin-left:13px;letter-spacing: 0pt;}
.navMa:hover {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-weight:bold; color: #000000; text-decoration: none; margin-left:13px; background-color: transparent; border-color: #6E6E6E; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted; letter-spacing: 0pt;}
.navMa:active {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-weight:bold; color: #000000; text-decoration: none; margin-left:13px;letter-spacing: 0pt;}

.titservicio { color: #33CCFF; font-family: 'Maven Pro', Arial, sans-serif;font-size: 12px; font-style: normal;}

.titinfo { font-family: 'Maven Pro', Arial, sans-serif; font-size: 11px; color: #000000; letter-spacing: 0pt; }
	
.tipoproyecto: {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none;}
.tipoproyecto:link {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
.tipoproyecto:visited {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
.tipoproyecto:hover {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
.tipoproyecto:active {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
	
	#descarga {
	float:right; 
	width:35px;
	text-align:right;
	padding-top: 9pt; 
	}
.des: {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
.des:link {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
.des:visited {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
.des:hover {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
.des:active {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #6E6E6E; text-decoration: none; }
	
	#titulo {
	width:540px; 
	float:right;
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	}
	#proyecto {
	width:575px; 
	float:right;
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	}
	.Estilo9 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	}
	.Estilo10 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #6E6E6E
	}
	#imagenP{
	width:575px;
	}
	#textoproyecto{
	float:right; 
	width:575px; 
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000; 
	}


/*Clientes/*/
	#textoclientes{
	float:left; 
	width:357px; 
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000; 
	letter-spacing: 0pt; 
	}
	.Estilo11 {
	font-family: Arial, sans-serif;
	font-size: 9px;
	color: #33CCFF;
	text-align: right;
	}
	.botonformulario {
	background:url(images/login.jpg);
	font-family:Arial, sans-serif;
	font-size:10px;
	color:#000000;
	width:177px;
	}	
	.cajapass{
	background:url(images/cajaclientes.jpg);
	font-family:Arial, sans-serif;
	font-size:10px;
	color:#000000;
	width:177px;
	height:14;
	}	


/*Contacto/*/
	#mapa{
	width:760px;
	/*height:365px;/*/
	}
	/*Pie mapa Google/*/
	.Estilo13 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #cccccc;
	text-align: left;
	float:left;
	}
	.Estilo14 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #cccccc;
	text-align: right;
	float:right;
	}
	#textocontacto{
	float:left; 
	width:357px; 
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000; 
	letter-spacing: 0pt; 
	}
.mailto: {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none;}
.mailto:link {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none;}
.mailto:visited {font-family: Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none;}
.mailto:hover {font-family: Arial, sans-serif;font-size: 11px; font-style: bold; color: #6E6E6E; text-decoration: none; }
.mailto:active {font-family: Arial, sans-serif;font-size: 11px; font-style: bold; color: #6E6E6E; text-decoration: none;}
	
	#personal{
	float:right; 
	width:400px; 
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000; 
	letter-spacing: 0pt; 
	}
	#minicon{
	float:left; 
	width:70px; 
	}
	#minicon-1{
	float:left; 
	width:40px; 
	margin-right:30px;
	margin-bottom:12px;
	}
	#minicon-2{
	float:left; 
	width:40px; 
	margin-right:30px;
	margin-bottom:12px;
	}
	#minicon-3{
	float:left; 
	width:40px; 
	margin-right:30px;
	margin-bottom:12px;
	}
	#minicon-4{
	float:left; 
	width:40px; 
	margin-right:30px;
	margin-bottom:12px;
	}
	#minicon-5{
	float:left; 
	width:40px; 
	margin-right:30px;
	margin-bottom:12px;
	}
	#minicon-6{
	float:left; 
	width:40px; 
	margin-right:30px;
	margin-bottom:12px;
	}
	#minicon-7{
	float:left; 
	width:40px; 
	margin-right:30px;
	margin-bottom:12px;
	}
	#contactopersonal{
	float:left; 
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000; 
	width:150px;
	}
	#puesto{
	float:left; 
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000;
	width:150px;
	}


/*News/*/
	#imgNew {
	float:left; 
	width:355px; 
	}
	#noticia1{
	width:760px; 
	height:245px;
	}
	#textonoticia1{
	float:left;
	margin-left:15px; 
	width:190px; 
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000;
	}
	#noticia2{
	width:760px; 
	height:245px;
	}
	#textonoticia2{
	float:right; 
	width:380px; 
	height:245px;
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000;
	align:top;
	}
	#noticia3{
	width:760px; 
	height:245px;
	}
	#textonoticia3{
	float:right; 
	width:380px; 
	height:245px;
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000;
	align:top;
	}
	#noticia4{
	width:760px; 
	height:245px;
	}
	#textonoticia4{
	float:right; 
	width:380px; 
	height:245px;
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000;
	align:top;
	}
	#noticia5{
	width:760px; 
	height:245px;
	}
	#textonoticia5{
	float:right; 
	width:380px; 
	height:245px;
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	color: #000000;
	align:top;
	}
	.Estilo12 {
	font-family: 'Maven Pro', Arial, sans-serif;
	font-size: 12px;
	color: #33CCFF;
	text-align: left;
	}


/*Pie/*/
#pie{
	clear:both;
	float:left; 
	text-align:left;
	font-family: Arial, sans-serif;
	font-size: 9px; 
	font-style: normal; 
	color: #000000; 
	letter-spacing: 1pt; 
	}

.piee { text-align:left; font-family: Arial, sans-serif; font-size: 9px; font-style: normal; color: #000000; letter-spacing: 1pt; text-decoration:none;}
.piee:link { text-align:left; font-family: Arial, sans-serif; font-size: 9px; font-style: normal; color: #000000; letter-spacing: 1pt; text-decoration:none;}
.piee:visited { text-align:left; font-family: Arial, sans-serif; font-size: 9px; font-style: normal; color: #000000; letter-spacing: 1pt; text-decoration:none;}
.piee:hover { text-align:left; font-family: Arial, sans-serif; font-size: 9px; font-style: normal; color: #000000; letter-spacing: 1pt; background-color: transparent; border-color: #6E6E6E; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted; text-decoration:none;}
.piee:active { text-align:left; font-family: Arial, sans-serif; font-size: 9px; font-style: normal; color: #000000; letter-spacing: 1pt; text-decoration:none;}
	
/*Intranet*/
.cajaformulario {
	color: #fff;
	background-color: #000;
	overflow: hidden;
	opacity: 1;
	border: 2px solid #222;
	-moz-border-radius: 4px;
	margin: 0;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, sans-serif;
}

.navi: {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; color: #000000; text-decoration: none;}
.navi:link { font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; color: #000000; text-decoration: none; }
.navi:visited {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; color: #000000; text-decoration: none;}
.navi:hover {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; color: #000000; text-decoration: none; background-color: transparent; border-color: #6E6E6E; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted; }
.navi:active {font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; color: #000000; text-decoration: none;}

/******* MENU *******/
ul.dropdown                         { position: relative; list-style: none; z-index:10;}
ul.dropdown li                      { font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; float: left; zoom: 1; list-style: none; padding-left:17px; padding-top:5px;}
ul.dropdown a:hover		            { font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; }
ul.dropdown a:active                { font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; }
ul.dropdown li a                    { display: block; font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; width:100%; padding-bottom:5px; padding-top:0px; padding-right:0px;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; position: relative;}
ul.dropdown li.hover a              { font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style: normal; color: #000000; text-decoration: none; }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ text-align:left; visibility: hidden; position: absolute; top: 100%; left: 0; padding-top:9px; }
ul.dropdown ul li 					{ background: transparent url("dropdown.png") no-repeat; float: none; float:left; width:212px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; display: inline-block; color: #000; height:10px; margin-top:5px; }
ul.dropdown ul li a:hover			{ color: #000; font-family: 'Maven Pro', Arial, sans-serif;font-size: 11px; font-style:normal; color: #000000; font-weight:bold;} 

#cont{width:760px; height:245px; margin:0; background-color:#FFFFFF; background:#FFFFFF;}

div.demo {
	padding:0; width:760px; height:245px; background-color:#FFFFFF; background:#FFFFFF;
}
#test1 {
	padding:0; width:760px; height:245px; background-color:#FFFFFF; background:#FFFFFF;
}
#test2 {
	width:381px;
	height:236px;
}

	.sample{ padding:0; z-index:-2;}
	#box1{ padding:0; z-index:-2;}
	.mask{ padding:0; width:760px; height:245px; background-color:#FFFFFF; background:#FFFFFF; z-index:-2;}
	.mask img{
	position:relative;
	border:none;
	left: 0px;
}