@charset "utf-8";

/* CSS Document */

	html, body, #CAJA{

		width: 100%;

		height: 100%;

		min-height: 100%;		

	}

	#CAJA{

		position: absolute;

	}

	html > body, html body #CAJA{

		height: auto;		

	}

	#CAJA #barraContenido{

		padding-bottom: 9em;

	}

	#barraPiePagina{

		width: 100%;

		position: absolute;

		bottom: 0;				

	}

	body{

		font-family: Arial;

		background-color: #FDFDFB;

	}	

	#barraSuperior{

		border: 0px solid red;

		background-color: #2e3017;

		padding-top: 15px;

	}

		.backCuadro{

			border: 0px solid red;

			background-color: #FFF;

		}

			.backImg{

				border: 0px solid red;

				width: 950px;

				margin: 0 auto;

				overflow: auto;

			}

				.backImg .redSocial

				{

					display: block; float: left; padding: 6px 0 0 0;

				}		

				h1{

					border: 0px solid red;

					float: left;

					padding: 12px;

					padding-left: 0;

					font-size: 18px;

					color: #252525;

				}			

				.txtInfo{

					border: 0px solid red;

					display: block;

					width: 286px;

					float: right;

					background: url(../images/backBarraSuperior.png);

					background-repeat: no-repeat;

					padding: 10px;

					padding-top: 5px;

					text-align: center;

				}

					.txtInfo1{

						border: 0px solid red;

						font-family: Arial;

						font-size: 14px;

						color: #83856f;

						display: block;

					}

					.txtInfo2{

						border: 0px solid red;

						font-family: Arial;

						font-size: 14px;

						color: #626353;

						display: block;

					}

						.mail{

							color: #8ea24f;

							font-size: 12px;

						}

	#barraContenido{

		border: 0px solid red;

		margin: 10px 0;

	}

		.contenido{

			border: 0px solid red;

			width: 950px;

			margin: 0 auto;

		}

			.menuNav{

				background-color: #475765;

				padding: 5px;

			}

				.optMenu{

					border: 0px solid red;

					padding: 5px;

					background-color: #0a1f31;

					overflow: auto;

				}

					.txtWeb{

						font-size: 18px;

						color: #c7d064;

						float: left;						

					}

						.www{

							color: #83856f;

						}

					.navegacion{

						border: 0px solid red;

						display: block;

						float: right;

					}

						.navegacion ul{

							list-style: none;

						}

							.navegacion ul li{

								float: left;

							}

								.navegacion ul li a{

									text-decoration: none;

									font-size: 12px;

									color: #83856f;

									padding: 2px 14px;

																	

								}

									.navegacion ul li a:hover{

										color: #c7d064;

										text-decoration: underline;

									}

								.navegacion ul li{

									border-left: 1px solid #83856f;

								}

								.navegacion ul li:first-child{

									border-left: 0px solid #00FF00;

								}

			.cuadroInfo{

				border: 1px solid #dedede;

				background-color: #e7e9eb;

				margin: 5px 0;				

			}

				.cuadroDinamico{

					border: 1px solid #d2d6da;

					background-color: #e8eae9;

					margin: 10px;

					overflow: auto;

				}

					.ContSupe-Multimedia{

						border: 0px solid red;

						border-bottom: 1px solid #d1d5d4;

						overflow: hidden;

					}

						.bannerMultimedia{

							border: 1px solid #6f7437;

							background-color: #2e3017;

							margin: 5px;

							width: 608px;

							height: 240px;

							float: left;

						}

							.bannerMultimedia .Cont-Sup{

								border: 0px solid red;

								height: 200px;

								color: #FFFFFF;

								border-bottom: 1px solid #101106;

							}

							.bannerMultimedia .Cont-Inf{

								border: 0px solid red;

								border-top: 1px solid #363A14;

								height: 37px;

								background-color: #23250d;

								color: #FFF;

							}

								.Cont-Inf h1{

									border: 0px solid red;

									color: #B7C249;

									padding: 12px 0 0 20px;

									font-size: 16px;

								}

								.Cont-Inf > span{

									border: 0px solid red;

									display: block;

									float: right;

									margin-right: 10px;

									padding: 3px 0;

								}

									.Cont-Inf > span img{

										cursor: pointer;

									}

						.infoEventos{

							border: 0px solid red;

							border-left: 1px solid #d2d6da;

							float: right;

							width: 280px;

							height: 250px;

						}

							.infoEventos h4{

								border: 0px solid red;

								text-align: center;

								padding: 4px 0;

							}

								.infoEventos h4 a{

									font-size: 18px;

									color: #8e9397;

									text-decoration: none;

								}

								.infoEventos h4 a.optBlog{

									border: 0px solid red;

									font-size: 12px;

									padding: 0 5px;

									}

								.infoEventos h4 a.optBlog:hover{

									color: #333;

									text-decoration: underline;									

									}	

							.infoEventos .postBlog{

								border: 0px solid red;

								overflow: hidden;

								height: 222px;

								}	

							.infoEventos .postBlog > a{

								border: 1px solid #E6E6E6;

								background-color: #E4E7E9;

								display: block;

								margin: 8px;

								padding: 1px 3px;

								text-decoration: none;

							}

							.infoEventos .postBlog > a:hover{

								border: 1px solid #C7D064;

								background-color : #DDE1E3;

							}

								.infoEventos .postBlog > a span.titulo{

									border: 0px solid red;

									font-size: 15px;

									color: #283239;

								}

									.infoEventos .postBlog > a span.titulo > span{

										font-style: italic;

										font-size: 12px;

										color: #83856F;

									}

								.infoEventos .postBlog > a > span{

									color: #999999;

									font-size: 12px;

								}	

					.ContInfe-Multimedia{

						border-top: 1px solid #FFF;

					}

						.ContInfe-Multimedia h2{

							font-size: 10px;

							color: #9b9d84;

							padding: 8px;

						}	

				.linea{

					border-top: 1px solid #d2d6da;					

					border-bottom: 1px solid #FFF;

					display: block;

				}

				.Contenido-Icons{

					border: 0px solid red;

					margin: 10px;

					padding: 10px;

					overflow: auto; 

				}

					.Cont-icons-Izq{

						border: 0px solid red;

						float: left;

						width: 480px;

					}

						

						.txtIcon{

							border: 1px solid #DDE0E3;

							display: block;

							margin: 30px 0 0 0;

							overflow: auto;

							padding: 4px;

							cursor: pointer;

						}

						.txtIcon:first-child{

							margin-top: 0px;

						}

							.txtIcon img{

								border: 0px solid red;

								float: left;

							}

							.txtIcon .cajaTexto{

								border: 0px solid red;

								display: block;

								float: left;

								width: 250px;

								margin-left: 10px;

								margin-top: 4px;

							}							

								.txtIcon h1{

									border: 0px solid #CCCCCC;

									width: 390px;

									color: #83856f;

									padding: 0;

									padding: 2px 0;

								}

								.txtIcon h2{

									border: 0px solid #CCCCCC;

									font-size: 12px;

									color: #9ba807;

									width: 390px;

								}

							.btnVermas{

								border: 0px solid red;

								display: block;

								float: right;

								padding: 6px 2px 2px 2px;

							}

								.btnVermas img{

									cursor: pointer;

								}

						.Cont-Super{

							border: 0px solid red;

						}							

							.Cont-Super h2{

								font-size: 19px;

								color: #7F826D;

							}

							.Cont-Super > span{

								border: 0px solid red;

								display: block;

								padding: 8px 0;

								overflow: auto;

							}

								.Cont-Super > span a{

									border: 1px dotted #999999;

									background-color: #DCE0E7;

									display: block;

									padding: 5px;

									margin-left: 34px;

									float: left;									

								}

								.Cont-Super > span a:hover{

									border: 1px dotted #95A2B3;

									background-color: #CAD0D9;

								}

								.Cont-Super > span a:first-child{

									margin-left: 0;

								}

							.Cont-Super > span > p{

								border: 0px solid red;							

								font-size: 15px;

								margin: 15px 0;

								color: #666666;

							}

							.Cont-Super > span p.mensaje{							

								border: 1px dotted #999;

								overflow: auto;

								background-color: #FFF;

								color: #000000;

								padding: 10px;

							}

							.Cont-Super > span p img{

								border: 0px solid red;

								width: 40px;

								float: left;

								padding: 0 10px 0 0;

							}

							

							.Cont-Super > span > span > span > img{

								border: 1px dotted #999999;

								background-color: #EDF1F1;

								padding: 5px;

							}

							.Cont-Super > span > span.iconsGraf{

								border: 0px solid red;

								display: block;

							}

							.Cont-Super > span > span.iconsGraf > span{								

								border: 0px solid red;

								display: block;

								width: 300px;

								float: left;

							}

							.Cont-Super > span > span.iconsGraf > span > h4{

								border: 0px solid red;

								color: #798026;

								padding: 8px 0;

								font-size: 16px;

								text-decoration: underline;								

							}

							.Cont-Super > span > span.iconsGraf > span > p{

								border: 0px solid red;

								font-size: 14px;

								color: #666666;

								margin: 0 15px 0 8px;

							}

							

							

							span.detalle-paquete{

								border: 0px solid red;

								display: block;

								float: left;

								width: 500px;

								margin: 8px 10px 5px 0;

								background-color: #F1F2F3;

								padding-bottom: 0;

							}

								span.detalle-paquete strong{

									border: 1px dotted #CCD8D9;

									display: block;

									background-color: #C9D5DA;

									font-size: 18px;

									padding: 10px 5px 10px 5px;

									margin-top: -8px;

									border-bottom: 1px solid #D2DBDF;								

								}

								span.detalle-paquete > span.detalle{

									border: 0px solid red;

									border-bottom: 1px solid #D2DBDF;

									border-top: 1px solid #FFF;

									display: block;

									overflow: auto;

								}

									span.detalle-paquete > span.detalle > span{										

										border: 0px solid #99CC00;

										display: block;

										width: 430px;

										padding: 0;

										float: left;

									}

										span.detalle-paquete > span.detalle > span p.txt1{											

											border: 0px solid red;

											font-size: 17px;

											padding: 5px;

											color: #68692C;

										}

										span.detalle-paquete > span.detalle > span p.txt2{

											border: 0px solid red;

											font-size: 12px;

											color: #666666;

											padding: 0 5px;

										}

									span.detalle-paquete > span.detalle > span.check{

										border: 0px solid #FF00FF;

										width: 30px;

										padding: 13px;

										float: right;

									}

										span.detalle-paquete > span.detalle > span.check p img{

											border: 0px solid red;

											width: 30px;

										}

							span.paquete{

								border: 0px solid red;

							}	

					span.links-redes{

						border: 0px solid red;

						float: left;

						width: 250px;

					}

					span.btnAccion{

						border: 0px solid red;

						overflow: hidden;

						padding: 23px 20px;

					}

					span.btnAccion > img{

						border: 0px solid red;

						margin-left: 30px;

						cursor: pointer;

					}

					

					span.panel-Serv{

						border: 0px solid red;

						margin: 20px 0;

						padding: 4px;

						width: 290px;

						float: left;

					}

						span.panel-Serv img{

							border: 0px solid red;

							float: left;

							padding: 0 5px 0 0;

						}

						span.panel-Serv h1{

							border: 0px solid red;						

							margin: 0;

							padding: 0;



						}							

						span.panel-portafolio{

							margin-right: 50px;

							border: 0px solid red;											

							width: 240px;

							height: 320px;

							text-align: center;

							float: left;							

						}

							span.panel-portafolio > a > img{

								border: 0px solid #8CB037;

								padding: 10px;

								background-color: #FFFFFF;

								width: 200px;

								height: 170px;

							}

							span.panel-portafolio > span{

								border: 0px solid red;

								clear: both;

								display: block;

								text-align: left;

								padding: 0;

								margin: 8px 7px 0 7px;

							}

								span.panel-portafolio > span > h1{

									border: 0px solid red;

									margin: 0;

									padding: 0;

									font-size: 18px;

								}

									span.panel-portafolio > span > h1 > a, a.linkInter{

										background: none;

										border: none;

										padding: 0;

										margin: 0;

										font-size: 16px;

										color: #666666;

										text-decoration: none;

									}

									a.linkInter{

										font-size: 12px;

										}

									span.panel-portafolio > span > h1 > a:hover, a.linkInter:hover{

										border: none;

										background: none;

										text-decoration: underline;

										color: #000000;

									}

									span.panel-portafolio > span > h2{

										border: 0px solid red;

										clear: both;

										padding: 5px 0;

										color: #333333;

										font-size: 13px;

									}

									span.tec{

										border: 0px solid red;

										display: block;

										overflow: auto;

										padding: 4px 0;

									}

									span.tec a{

										border: none;

										display: block;									

										background: none;

										padding: 2px 4px;

										margin: 0;

										color: #5A6222;

										font-size: 14px;

										text-decoration: none;

									}

									span.tec a:hover{

										background: none;

										border: none;

										text-decoration: underline;

										color: #A0AB52;

									}

							

						span.panel-Serv h2{	

							border: 0px solid red;											

							font-size: 12px;

							margin: 19px 15px 0 70px;

							padding: 4px 0;

						}					

					span.links-redes a{

						border: 0px solid red;

						clear: both;

						margin: 0;

						padding: 5px 0;

						font-size: 12px;

						color: #333333;

						background: none;

						width: 160px;

					}

					span.links-redes a+img{

						border: 0px solid red;

						display: block;

						padding: 2px 10px;

					}		

					span.links-redes a:hover{

						background: none;

						border: none;

						color: #8C9458;

					}		

							



					.Cont-icons-Der{

						border: 0px solid red;

						background: url(../images/back-lenguajes.png);

						background-repeat: no-repeat;

						float: right;

						width: 420px;

					}

						.Cont-icons-Der img{

							border: 0px solid red;

							float: right;

						}

					.Contenido-Icons > img{

						border: 0px solid red;

					}

					

					

				.Cont-Columnas{

					border: 0px solid red;

					overflow: auto;

				}

					.Cont-Columnas > span{

						border: 0px solid red;

						display: block;

						float: left;

						width: 312px;

						border-right: 1px solid #FFF;

						border-left: 1px solid #d2d6da;

						min-height: 388px;  /* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& EN OBSERVACION YA QUE ES COMO UN RELLENO PARA GARANTIZAR UN TAMAÑO CONCRETO */

					}

					.Cont-Columnas > span:first-child{

						border-left: 0px;

					}

						.Cont-Columnas h2, .Cont-Contenido h2{

							border: 0px solid red;

							padding: 10px 4px 4px 18px;

							font-size: 16px;

							color: #7F826D;

							font-weight: bold;

						}

						.Cont-Columnas h5{

							border: 0px solid red;

							font-size: 14px;

							padding: 0 5px 2px 2px;

							margin: 2px 5px 2px 15px;

/*							text-align: justify; */

							color: #666666;

						}

							.Cont-Columnas h5 p + a{

								color: #7D9F2D;

								text-decoration: none;

							}

							.Cont-Columnas h5 p + a:hover{

								color: #546B1F;

								text-decoration: underline;

							}

							.Cont-Columnas h5 p{

								border: 0px solid red;

								margin: 15px 0;

							}				

				

			.txtMensaje{

				border: 0px solid red;

				display: block;

				text-align: right;

				font-size: 14px;

				color: #83856f;

			}

			.describeContenidos{

				border: 0px solid red;

				padding: 4px 0;

				overflow: auto;

			}			

				.sector{

					border: 1px solid #DDE0E3;

					background-color: #F2F3F4;

					width: 300px;

					float: left;

					margin-left: 21px;

					height: 115px;

					cursor: pointer;

				}

				.sector:first-child{

					margin-left: 0;

				}

					.sector img{

						border: 0px solid red;

						padding: 10px 2px 10px 2px;

						float: left;

					}

					.sector h1{

						border: 0px solid red;

						font-size: 15px;

						color: #b0c001;

						text-decoration: underline;

						width: 225px;

					}

					.sector h2{

						border: 0px solid red;					

						font-size: 11px;

						color: #83856f;

						padding: 5px;

						margin-left: 60px;

					}

						.textDesc img{

							border: 0px solid red;

							float: right;

							padding: 0;

							margin: -10px 10px 5px 0;

						}

			.txtinfeMultimedia{

				border: 0px solid red;

				overflow: auto;

				padding: 0;

			}

				.txtinfeMultimedia h1{

					font-size: 24px;

					color: #b0c001;

					padding: 2px 0;

					float: left;					

				}

				.txtinfeMultimedia span{

					border: 0px solid red;

					display: block;

					padding: 5px;

					margin-left: 285px;

					font-size: 18px;

					color: #83856f;

				}

			.cajaMultimedia{

				border: 0px solid red;

				margin: 10px 0;

			}

				.cajaMultimedia .izq{

					border: 0px solid red;

					float: left;

				}

				.contenidoMultimedia{

					border: 0px solid #99CC00;

					background: url(../images/backMultimedia.png);

					float: left;

					width: 913px;					

				}

					.sectorMulti{

						border: 0px solid red;

						display: block;

						margin: 7px 0;

						width: 300px;

						overflow: auto;

						float: left;

						margin-left: 3px;

					}

					.sectorMulti:first-child{

						margin-left: 0;

					}

						.sectorMulti img{

							border: 0px solid red;

							float: left;

						}

						.sectorMulti h1{

							border: 0px solid red;							

							padding: 0;

							width: 230px;

						}

						.sectorMulti h1 a{

							text-decoration: none;

							color: #0a1f31;

							font-size: 18px;							

						}

						.sectorMulti h1 a:hover{

							color: #184F7A;

							text-decoration: underline;

						}

						.sectorMulti h2{

							border: 0px solid red;

							font-size: 11px;

							color: #83856f;

							width: 231px;

							margin-left: 65px;

							margin-top: 20px;

							padding: 4px 0;

						}

				.cajaMultimedia .der{

					border: 0px solid red;

				}

	#barraPiePagina{

		border: 0px solid red;

		background-color: #2e3017;

		height: 150px;

		padding-top: 5px;

	}	

		.contenidoPie{

			border: 0px solid red;

			width: 950px;

			margin: 0 auto;

			overflow: auto;

			border-bottom: 1px solid #18190e;

			padding-bottom: 10px;

		}

			.sectorPie{				

				border: 0px solid red;

				display: block;

				width: 300px;

				float: left;

				margin-left: 50px;

			}

			.sectorPie:first-child{

				margin-left: 0;

			}

				.contenidoPie h1{

					border: 0px solid red;

					font-size: 14px;

					color: #e7eac2;

					text-decoration: underline;

					padding: 4px 0;

					width: 100%;

				}

				/* */

				/*

				.sectorPie h2{

					border: 0px solid #00CC00;

					clear: both;

					padding: 4px 0;

				}

				*/

				.sectorPie ul{

					border: 0px solid #00CC00;

					clear: both;

					padding: 4px 0;					

				}

					.nube01 a{

						font-size: 20px;

						color: #83856f;

						text-decoration: none;					

					}

					.nube02 a{

						font-size: 12px;

						color: #7a7f47;

						text-decoration: none;						

					}

					.nube03 a{

						font-size: 12px;

						color: #83856f;

						text-decoration: none;						

					}

					.nube04 a{

						font-size: 15px;

						color: #83856f;

						text-decoration: none;						

					}

					.nube05 a{

						font-size: 13px;

						color: #5a5b50;

						text-decoration: none;						

					}

					.nube06 a{

						font-size: 14px;

						color: #83856f;

						text-decoration: none;						

					}

					.nube07 a{

						font-size: 14px;

						color: #595e26;

						text-decoration: none;						

					}

					.nube08 a{

						font-size: 12px;

						color: #83856f;

						text-decoration: none;						

					}

					.nube09 a{

						font-size: 15px;

						color: #acae98;

						text-decoration: none;						

					}

					.nube10 a{

						font-size: 12px;

						color: #8e9638;

						text-decoration: none;						

					}

					.nube01 a:hover, .nube02 a:hover, .nube03 a:hover, .nube04 a:hover, .nube05 a:hover, .nube06 a:hover, .nube07 a:hover, .nube08 a:hover, .nube09 a:hover, .nube10 a:hover{

						text-decoration: underline;

					}

					.sectorPie ul li a{

						padding-left: 10px;

						font-size: 13px;

						color: #83856f;

						text-decoration: none;

					}

					.sectorPie ul li a:hover{

						text-decoration: underline;

					}

					.sectorPie img{

						border: 0px solid red;

						padding: 5px 0 0 0;

					}

		.copyright{

			border: 0px solid #3d4120;

			width: 950px;

			margin: 0 auto;

			border-top: 1px solid  #3d4120;

			border-bottom: 1px solid #18190e;

		}

			.copyright h3{

				color: #83856f;

				text-align: center;

				font-size: 12px;

				padding: 5px 0;

			}

				.copyright h3 span{

					color: #c7d064;					

				}

				.copyright h3 a{

					text-decoration: none;					

					color: #5A646B;

				}

				.copyright h3 em{

					color: #5A646B;

				}

				.copyright h3 a:hover{

					text-decoration: underline;

					color: #8B969E;

					}				

		.liner{

			border: 0px solid red;

			width: 950px;

			margin: 0 auto;

			border-top: 1px solid #3d4120;

		}

		

		/* ############################## */

		/* ESTILOS DE LA SECCIONES */

		.Contenido-Secciones{

			border: 0px solid red;

			padding: 4px 0 4px 15px;

			overflow: auto;

		}

			.Contenido-Secciones span.Izquierda{

				border: 0px solid red;

				display: block;

				float: left;

				width: 595px;

			}

				.Contenido-Secciones h1{

					border: 0px solid red;

					width: 100%;

					padding: 4px 0;

					font-size: 30px;

					color: #999900;

				}

				.Contenido-Secciones h3{

					border: 0px solid red;

					font-size: 15px;

					color: #8F8F8F;

					text-align: justify;

					clear: both;

					padding: 3px 0;

					margin-bottom: 10px; 

				}

					.Contenido-Secciones h3.mensaje{

						color: #666666;

						font-size: 14px;

						border: 1px dotted #999999;

						background-color: #F4F5F7;

						padding: 5px;

						overflow: auto;

					}

						.Contenido-Secciones h3.mensaje img{

							border: 0px solid red;

							float: left;

							width: 40px;

						}

						.Contenido-Secciones h3.mensaje span{

							border: 0px solid red;

							display: block;

							margin-left: 50px;

							padding: 3px;

						}

				.Contenido-Secciones span.Izquierda span.paneles{

					border: 0px solid red;

					display: block;

					padding: 15px 0;

				}

					.Contenido-Secciones span.Izquierda span.paneles img:first-child{

						margin-left: 0;

					}

					.Contenido-Secciones span.Izquierda span.paneles img{

						border: 1px dotted #666666;

						padding: 7px;

						margin-left: 16px;

					}

					span.Izquierda .infoContact{

						border: 0px solid red;

						display: block;

					}

					span.Izquierda .infoContact > span{

						border: 0px solid red;

						display: block;

						font-size: 15px;

						font-weight: bold;

						margin: 0 0 10px 0;

						color: #666666;

					}

					span.Izquierda .infoContact > span > p{

						font-size: 12px;

						padding: 2px 0 2px 15px;

						color: #666666;

					}

					

			.Contenido-Secciones span.Derecha{

				border: 0px solid red;

				background: url(../images/tag_bg2.png);

				background-repeat: no-repeat;

				min-height: 200px;

				display: block;

				float: right;

				width: 310px;

				margin-right: 10px;

			}

				.Contenido-Secciones span.Derecha > span{

					border: 0px solid red;

					display: block;

					margin: 4px 45px;

					padding: 5px;

					height: 220px;

				}

					.Contenido-Secciones span.Derecha > span > h4{

						border: 0px solid red;

						color: #184F7A;

						padding: 10px 0;

						text-align: center;

						font-size: 16px;

						font-weight: bold;

					}

					

					.Contenido-Secciones span.Derecha > span > p{

						border: 0px solid red;

						font-size: 14px;

						color: #666666;

						padding: 0 0 0 10px;

					}

a.palabra_clave{

	text-decoration: none;

	color: #9AA332;

}				

a:hover.palabra_clave{

	text-decoration: underline;

}



span.panel-portafolio > a{

	border: 1px solid #FFF;

	background-color: #FFF;

	padding: 0;

}



span.panel-portafolio > a.content {

	position: relative;

	display: block;

	float: left;

	background: url(../images/zoom.png) center center no-repeat; 

}

span.panel-portafolio > a.content { background-image: url(../images/zoom2.png); }



span.divicion-Centro{

	display: block;

	border: 1px solid red;

	border-left: 1px solid #FFF;

	border-right: 1px solid #d2d6da;

	margin-left: 10px;

	float: left;

	height: 870px;	

	margin-top: -5px; 

}



span.formulario{

	border: 1px dotted #C5CFCF;

	background-color: #F8F9FA;

	display: block;

	padding: 20px;

	margin: 25px 0;

}

span.formulario p{

	border: 0px solid red;

	overflow: hidden;

	padding: 5px 0;

	font-size: 15px;

	color: #333333;

	margin: 10px 0;

}

span.formulario p > input{

	border: 1px solid #B4BABC;

	padding: 9px;

	color: #999;

	width: 300px;

	float: right;

	margin-right: 150px;

}

span.formulario p > textarea{

	border: 1px solid #B4BABC;

	padding: 9px;

	width: 298px;

	height: 80px;

	color: #999;

}

span.formulario p > img{

	cursor: pointer;

}

span.formulario > img.fondo{

	border: 0px solid red;

	margin-top: -320px;

	margin-right: 30px;

	float: right;

}

iframe{

	border: 1px solid #999999;

	width: 280px;

	margin-top: 74px;

	margin-left: 20px;

}

.Izquierda p.cartelWeb{

	border: 0px solid red;

	padding: 10px 0;

	text-align: center;

}

.Izquierda p.cartelWeb > img{

	padding: 10px;

	background-color: #FFF;

	border: 1px dotted #666666;

}



.Contenido-Secciones span.Derecha span.redes{

	border: 1px solid #CCCCCC;

	margin: 40px 10px;

	height: auto;

	padding: 0;

	overflow: auto;

}

.Contenido-Secciones span.Derecha span.redes > span{

	border: 1px solid #FFF;

	background-color: #E2E4E7;

	padding: 10px;

	display: block;

	overflow: auto;

}

.Contenido-Secciones span.Derecha span.redes > span > p.tit{

	border: 0px solid red;

	color: #333333;

	font-size: 18px;

	padding: 5px 0;

}

.Contenido-Secciones span.Derecha span.redes > span > p > img{

	border: 0px solid red;

	float: left;

}

.Contenido-Secciones span.Derecha span.redes > span > span.comparte{

	border: 0px solid red;

	display: block;

	margin-left: 70px;

	font-size: 15px;

	color: #666666;

}

.Contenido-Secciones span.Derecha span.redes > span > span > a{

	border: 0px solid red;

	display: block;

	float: left;

	padding: 4px;

	margin-left: 4px;

}

.Contenido-Secciones span.Derecha span.redes > span span > ul li{

	border: 0px solid red;

	font-size: 12px;	

}

.Contenido-Secciones span.Derecha span.redes > span span > ul li span.izq{

	display: block;

	color: #666666;

	padding: 4px;

	float: left;

	border-right: 1px solid #FFF;

	width: 100px;

}

.Contenido-Secciones span.Derecha span.redes > span span > ul li span.der{

	display: block;	

	padding: 4px;

	border-left: 1px solid #d2d6da;

	margin-left: 109px;

}

.Contenido-Secciones span.Derecha span.redes > span span > ul li span.der > a{

	color: #68763D;

	text-decoration: none;

}

.Contenido-Secciones span.Derecha span.redes > span span > ul li span.der > a:hover{

	color: #666666;

	text-decoration: underline;

}

.Izquierda span.imagenTitle{

	border: 1px solid #CCCCCC;

	display: block;

	clear: both;

	background-color: #FFFFFF;

	padding: 15px;

	padding-bottom: 5px;

	text-align: center;

}

.Izquierda span.imagenTitle > img{

	border: 1px solid #DDDDDD;

	padding: 5px;

	background-color: #EBEBEB;

}

.Izquierda span.imagenTitle span.icons{

	border: 0px solid red;

	display: block;

	padding: 8px 0 3px 0;

}

.Izquierda h2 > p{

	font-size: 17px;

	font-weight: bold;

	color: #787156;

	padding: 10px 0;

}

.Izquierda h3 > p{

	padding: 10px;

}

span.formulario-veloz{

	display: block;

	padding: 10px;

	margin: 10px 0;

	border: 1px solid #CCCCCC;

	background-color: #FFFFFF;

}

span.formulario-veloz > p > textarea{

	width: 480px;

	padding: 10px;

	color: #666666;

}

span.formulario-veloz > p:first-child{

	padding: 0;	

}

span.formulario-veloz > p{

	text-align: right;

	border: 0px solid red;

	padding: 10px 0 0 0;

}

.enviaPregunta_btn{

	cursor: pointer;

}

span.recibida{

	font-size: 12px;

	color: #999999;

}

span.formulario#segundo p.tf{

	border: 0px solid red;

	float: left;

	width: 200px;

	margin-top: -1px;

}

p > a.olvido, p > a.register{

	color: #666666;

	text-decoration: none;

}

p > a:hover.olvido, p > a:hover.register{

	text-decoration: underline;

	color: #333333;

}

span.formulario#segundo{

	border: 1px solid #CCCCCC;

	width: 410px;

	margin: 30px auto 0 auto;

	padding-bottom: 0;

}

div.recuperaPass{

	border: 0px solid red;

	overflow: auto;

}

div.recuperaPass > p{

	border: 0px solid red;

	width: 130px;

	float: left;

	margin-top: 0;

	color: #666666;

}

div.recuperaPass > input{

	border: 1px dotted #999999;

	padding: 10px;

	width: 250px;

	color: #666666;

}

div.recuperaPass > span, div.formRegistro > span{

	border: 0px solid red;

	display: block;

	text-align: right;

	padding-bottom: 8px;

}

div.recuperaPass > span > a, div.formRegistro > span > a{

	color: #999999;

	text-decoration: none;

}

div.recuperaPass > span > a:hover, div.formRegistro > span > a:hover{

	color: #80974F;

	text-decoration: underline;

}

	

span.res{	

	border: 0px solid red;

	display: block;

	padding: 0 0 15px 0;

	color: #666666;

}

div.formRegistro{

	border: 0px solid red;

}

div.formRegistro h2{

	border: 0px solid red;

	padding: 5px 0;

	font-size: 18px;

	color: #7A7849;

}

div.formRegistro span.h{

	border: 1px solid #E0E6E9;

	background-color: #F4F5F7;

	display: block;

	margin-bottom: 5px;

	overflow: hidden;

}

div.formRegistro span.h > p{

	border: 0px solid red;

	padding: 10px 8px;

	float: left;

	width: 160px;

	color: #666666;

}

div.formRegistro span.h > p.campo{

	border: 0px solid #D7D7D7;	

	text-align: left;

	padding: 2px;

	float: none;

	width: 365px;

}

div.formRegistro span.h > p.campo > input, div.formRegistro span.h > p.campo > textarea{

	border: 1px solid #C5D885;

	padding: 6px;

	margin: 0;

	float: none;

}

span.err{

	text-align: center;

	font-size: 17px;

	display: block;

	color:#993300;

}

span.session{

	border: 0px solid red;

	display: block;

	position: absolute;

	margin: 5px 0 0 350px;

	width:280px;

}

span.session > img{

	border: 0px solid red;

	float: right;

}

span.session > span{

	display: block;

	border: 0px solid red;

	float: left;

	width: 170px;

	margin-left: 65px;

	margin-right: 7px;

}

span.session > span > a{

	border: 0px solid red;

	display: block;

	color: #666666;

	text-decoration: none;

	padding: 2px 0;

	text-align: right;	

}

span.session > span > a:hover{

	color: #000000;

	text-decoration: underline;

}

.Cont-Super .panel-coment-clientes{		

	border: 1px solid #CFD2D3;

	background-color: #E2E4E7;

	padding: 10px;

	clear: both;

	display: block;

	margin: 10px 0;

}

.Cont-Super .panel-coment-clientes > a{

	border: 0px solid red;

}

.Cont-Super .panel-coment-clientes > a > img{

	width: 100px;

}

.Cont-Super .panel-coment-clientes > span{

	border: 0px solid red;

	display: block;

	margin-left: 120px;

}

.Cont-Super .panel-coment-clientes > span > span{

	display: block;

	padding: 5px 0;

}

.Cont-Super .panel-coment-clientes > span > span > span.fecha{

	font-size: 12px;

	font-style: italic;

	color: #666666;

}

.Cont-Super .panel-coment-clientes > span > h1{

	border: 0px solid red;

	font-size: 12px;

	display: block;

	width: 100%;

	width: 774px;

	margin: 0;

	padding: 0;

	height: 25px;

}

.Cont-Super .panel-coment-clientes > span > h1 > span{

	border: 0px solid red;	

	float: left;

	font-size: 14px;

	font-weight: bold;

	color: #434E4E;

	padding-top: 1px;

}

.Cont-Super .panel-coment-clientes > span > h1 > span.fecha{

	font-size: 14px;

	font-style: italic;

	padding: 2px 0 0 5px;

	font-weight: normal;

}

.Cont-Super .panel-coment-clientes > span > h1 a{

	margin: 0;

	border: 0px solid #00FF00;

	background: none;

	display: block;

	font-size: 15px;

	color: #666666;

	padding: 0px 12px 0 12px;

}

.Cont-Super .panel-coment-clientes > span > h2{

	border: 1px solid #D3D9DA;

	background-color: #F7F7F7;

	padding: 8px;

	font-size: 12px;

}



/* ################################ */

.BLOG_contImg, .blog_contimg{

	border: 1px dotted #758393;

	background-color: #E2E6E9;

	padding: 10px;

	margin: 10px 0;

}

.BLOG_tituloH, .blog_tituloh{

	font-size: 15px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #7E8B23;

	display: block;

	clear: both;

	font-weight: bold;

	padding: 10px 0;

	margin: 8px 0;

}

.BLOG_describeH{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #666666;

	margin: 8px 0;

	text-align: justify;

}

.BLOG_describeH a{

	color: #A3B429;

	text-decoration: underline;

}

.BLOG_describeH a:hover{

	color: #4B5313;

}



.backImgPress{

	border: 0px solid red;

	display: block;

	float: right;

	width: 480px;

	height: 240px;

	margin: 30px 30px 0 0;

	background: url(../images/cuadroWhite.png);

	background-repeat: no-repeat;

	}

.backImgPress > span.titulo{

	width: 400px;

	margin: 17px 0 0 57px;

	display: block;

	font-size: 27px;

	}	

.backImgPress > span.sub{

	border: 0px solid red;

	width: 400px;

	margin: 7px 0 0 50px;

	display: block;

	font-size: 14px;

	font-style: italic;

	color: #666;	

	}	

.backImgPress > span.desc{

	border: 0px solid red;

	display: block;

	margin: 5px 0 0 50px;

	width: 410px;

	font-size: 14px;

	font-family: Verdana, Geneva, sans-serif;

	color: #666;

	}	

strong.titulo{

	color: #666;

	font-weight: bold;

	font-size: 17px;

	padding: 10px 0;

	display: block;

	clear: both;

	}	

	h3.sub{

		border: 0px solid red;

		color: #5D5D5D; 

		width: 340px;

		text-align: left;

		font-size: 13px;

		font-family: Verdana, Geneva, sans-serif;

	}

	img.imgTect{

		float: right;

		margin-right: 25px;

		cursor: pointer;

		}

.panel1Izq{

		border: 0px solid red;

		display: block;

		clear: both;

		width: 350px;

		float: left;

	}	

.derechoIcons{

		border: 0px solid #CCC;

		margin-left: 350px;

		margin-top: 340px;

		padding-left: 0px;

		width: 560px;

	}		

.contElement:first-child{

/*		margin-left: 0; */

	}		

.contElement{

		border: 0px solid red;

		display: block;

		width: 260px;

		float: left;

		margin-left: 18px;

		margin-bottom: 10px;

	}	

.contElement > img{

		border: 0px solid red;

		float: left;

	}	

.contElement > span.titulo{

		border: 0px solid red;

		display: block;

		margin-left: 70px;

		padding: 24px 0;

		font-weight: bold;

		color: #CC6B42;

	}	

.contElement > p.desc{

		border: 0px solid red;

		padding: 10px 0;

		font-size: 12px;

		font-family: Verdana, Geneva, sans-serif;

		color: #666;

	}

.el1{

		overflow: auto;

	}		

.contElement > p.link{

	text-align: right;

	margin-top: -5px;

	}	

	

.contElement > p.link > a{

	color: #989A32;

	text-decoration: none;

	padding-right: 20px;

	font-size: 12px;

	}

.contElement > p.link > a:hover{

	color: #707225;

	}	

	

.ImgTec{

	background: url(../images/opensource.png);

	padding: 15px;

	clear: both;

	background-repeat: no-repeat;

	overflow: auto;

	margin: 0 0 -10px 0;

	}

	.ImgTec > span{

		display: block;

		height: 20px;

		float: left;

		width: 110px;

		padding: 5px;

		margin-right: 15px;

		margin-top: -10px;

		cursor: pointer;

		}		 

.Tec02{

		margin-left: 10px;

	}		

.Tec03{

		margin-left: 18px;

		}

.Tec04{

		margin-left: 50px;

	}

.Tec05{

		margin-left: 27px;

	}				

	

/* ######################	 */

.barrClientes

{

}

.barrClientes > ul{

	border: 1px solid #C9C9C9;

	background-color: #E3E6E8; 		

	list-style: none;

	overflow: auto;

	}

.barrClientes > ul > li{

	float: left;

	padding: 2px;

	}	

.barrClientes > ul > li > a{

	background-color: #F4F4F4;

	border: 1px solid #D2D2D2;

	padding: 5px;

	display: block;

	margin: 4px;

	}

.barrClientes > ul > li > a:hover{

	border: 1px solid #C0C985;

	background-color: #F3F5E2; 

	}	

.barrClientes > ul > li > a > img{

	width: 50px;

	}		

.txtPanel{

	border: 0px solid red;

	display: block;

	padding: 10px 0;

	font-weight: bold;

	font-size: 14px;

	color: #666;

	}	

.parametro{

	font-weight: bold;

	color: #788149;

	}	



.lineaCli{

	border: 1px dotted #D6DADC;

	background: #F2F4F4;

	display: block;

	font-size: 12px;

	padding: 2px;

	}	

	

.desProy > h2{

	padding: 4px 0 4px 10px;

	background: #535353;

	font-size: 13px;

	font-weight: bold;

	color: #FFF;

	}

.tit{

	font-size: 13px;

	padding: 4px 0;

	font-weight: bold;

	}

.division{

	border: 0px solid red;

	display: block;

	font-size: 8px;

	background-color: #C9CCCD;

	}