@charset "utf-8";
/* CSS Document */
	*{margin: 0; padding: 0; outline: 0;} 
	body{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 12px;
		background-color: #2A2A2A;
		margin: 0;
		background-image: url(../images/bg.jpg);
	}
	html, body{
		height: 100%;		
	}	
	div#contenedor{
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin-bottom: 0px;
		background-image: url(../../images/footsep.png);
		background-position: top;
		background-repeat: repeat-y;
	}
	div#Superior{
/*		background-color: #1e3e50; */
		background-color: #272727;
		height: 90px;
		padding-left: 50px;
	}
	div#supInterior{
		border: 0px solid #BBBBBB; 
		text-align: right;
	}
	div#cenInterior{
		margin: 15px 0 18px 0;
		height: 1%;
		overflow: auto;
		text-align: left;
	}
	div#izquierda{
		border: 1px dotted #BBBBBB;
		width: 300px;
		float: right;
/*		background-color: #FFFFFF; */
		background-color: #2A2A2A;
		padding-bottom: 15px;		
	}
	span.sector{
		border: 1px dotted #BBBBBB;
		background-color: #FFFFFF;		
		display: block;
		padding: 15px;
		margin-bottom: 20px;
		overflow: auto;
		height: 1%;			
	}	
	div#sup{
		border: 1px solid #BBBBBB;
		margin-bottom: 10px;
		background-color: #FFFFFF;
		padding: 10px;
		text-align: left;
	}
	div#inf{
		border: 1px solid #BBBBBB;
		background-color: #DDDDDD;
	}	
	div#Inferior{
		/* background-color: #373737; */
		text-align: center;
		background-image: url(../../images/sello.png);
		background-repeat: no-repeat;
		background-position: left;
		background-color: #1E1E1E;		
		margin-top: -8.3em;
		overflow: hidden;
	}	
	h2{
	 	color: #313131;
		border: 0px solid red;
		text-align: left;
		padding: 5px 10px;
		font-weight: normal;		
	}
	h3.titulos{
		font-weight: normal;
		font-size: 25px;
	}
	h5{
		font-size: 15px;
/*		color: #457398; */
		color: #EAEADB;
		font-weight: normal;
		border: 0px solid red;
		padding: 12px 0px 22px 54px;
		background-image: url(../images/cuestion.png);
		background-repeat: no-repeat;
	}
	h6{
		color: #666666;
		border: 0px solid red;
		font-size: 11px;
		padding: 15px 5px 8px 10px;;
		cursor: pointer;
	}
	ul.temasUL{
		padding: 5px 10px;
	}
	ul.temasUL li a{				
		color: #666666;
		font-size: 10px;
	}
/* textos p */	
	h1.titulos{
		color: #C44F00;
		font-size: 25px;
		font-weight: normal;
	}
	p.describe{
		border: 0px solid red;
		color: #333333;
		font-size: 13px;
		text-align: justify;
		padding: 3px;
		margin: 8px 0;
	}
	span.icons{
		border: 0px solid red;
		width: 550px;
		display: block;
		padding: 11px 10px 10px 10px;
	}
	p.descRed{
		border: 0px solid red;
		width: 418px;
		float: left;
		padding: 8px;
		padding-left: 0;
		text-align: justify;
	}
	p.imgRed{
		border: 1px dotted #BBBBBB;
		width: 140px;
		padding: 5px;
		float: right;
	}
	p.sepline{
		padding: 15px;
	}
	a.linkCon{
		text-decoration: none;
		color: #FD7113;
	}
	a:hover.linkCon{
		text-decoration: underline;
	}
/* STILO DL MENU DE NAVEGACION */	
ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}
	div#menuNav{
		background-color: #FFF;
		background-image: url(../../images/backMenu.png);
		height: 38px;
		padding: 5px 10%;
		position: relative;
	}	
	div#Central{
		text-align: center;
		width: 950px;		
		padding-top: 20px;
		margin: 0 auto;
		margin-bottom: 120px;
		/* background-color: #2A2A2A; */
	}
	p.marcoImagen{
		border: 1px solid #CCCCCC;
		background-color: #E7EBEA;
		width: 450px;
		padding: 12px;
		margin: 0 auto;
	}	
/* ############################################ */	
	span.desImagen{
		border: 0px solid red;
		padding: 4px;
		text-align: center;
		display: block;
		font-size: 12px;
		color: #666666;		
	}
	.sector h2{
		color: #AC3902;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	img.iconFolder{
		border: 0px solid red;
		float: left;
	}
	p.subSeccion{
		margin-left: 70px;
		border: 0px solid red;
		width: 515px;
	}
	strong{
		border: 0px solid red;
		padding: 4px;
		display:block;
		color: #993333;
		text-decoration: underline;
	}
	img.masInfo{
		border: 0px solid red; 
		float: right; 
		position: absolute; 
		padding: 5px 2px 2px 22px;
	}
	span.macrowebdigital{
		color: #F85101;
		text-decoration: underline;
	}
	span.imgIZQ{
		border: 0px solid red;
		display: block;
		color: #333333;
		text-align: center;
	}
	img.complement{
		border: 1px solid #CECECE;
		background-color: #E1E1E1;
		padding: 8px;
		cursor: pointer;
	}
	/* MENU SUPERIOR EFECTOS */
	/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }	
	/* Head links */
	#cssdropdown li.headlink { width: 178px; float: left; 
								margin-left: -1px; 
								border: 1px solid #484848;}
	#cssdropdown li.headlink a { display: block; padding: 0px; }
	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; text-align: left; }	
	#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; 
									   text-decoration: none; 
									   color: #DDD;}
	#cssdropdown li.headlink ul li a:hover { background-color: #535353; color: #FFF; }	
	/* Pretty styling */
	#cssdropdown a { color: white; } 
	#cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink { /* background-color: #C90000; */}
	/* #cssdropdown li.headlink ul { background-color: #A40000;} */
	/* #cssdropdown li.headlink ul { background-color: #A84300;} */
	#cssdropdown li.headlink ul { background-color: #2B2A2A;}	
/* ESTILO PARA LOS MENUS IZQUIERDO */
	#menu{
		text-align: left;				
	}
	ul#menu, ul#menu ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 19em;				
	}
	ul#menu a{
		display: block;
		text-decoration: none;		
	}
	ul#menu li{
		margin-top: 1px;	
	}
	ul#menu li a{
		background: #333;
		color: #fff;
		padding: 0.5em;		
	}
	ul#menu li a:hover{
		background: #000;
	}
	ul#menu li ul li a{
		background: #ccc;
		color: #000;
		padding-left: 20px;		
	}
	ul#menu li ul li a:hover{
		background: #aaa;
		border-left: 5px #000 solid;
		padding-left: 15px;
	}
	img.imgLogo{
		border: 0px solid red;
		float: left;
	}	
	span.asistencia{
		color: #999999;
		border: 0px solid red;
		display: block;
		padding: 20px;
		width: 380px;
		margin-left: 355px;
		text-align: right;
	}
	span.linea{
		color: #CCCCCC;
		font-size: 14px;
		font-weight: bold;
	}
	span.tel{
		color: #15ADFF;
		font-weight: bold;
	}
	span.imgRed{
		border: 0px solid red;
		display: block;
		text-align: center;
	}
	img.TelPie{
		padding: 25px;
		border: 0px solid red;
	}
	div.infoPie{
		background-color: #1E1E1E;
		border: 0px solid red;
		width: 900px;
		text-align: left;
		margin: 0 auto;
	}
	span.cajon01{
		border: 0px solid red;
		display: block;
		float: left;
		width: 250px;
		padding: 20px 0;;
	}
	span.cajonSep{
		border: 0px solid red;
		float: left;
		padding: 15px 40px;
	}
	span.derechos{
		text-align: center;
		border: 0px solid red;
		display: block;
		clear: both;
		padding: 5px 0;
	}
	span.derechos{
		color: #606060;
		font-size: 11px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	span.nota{
		color: #797979;
	}
	span.powerBy{
		color: #016087;
		font-size: 11px;
	}
	p.linkDirect{
		padding: 4px;
		color: #B6B6B6;			
	}
	p.linkDirect a{
		color: #999999;
		text-decoration: none;
		font-size: 10px;
	}
	p.linkDirect a:hover{
		text-decoration: underline;
		color: #748794;
	}
	span.tiposPagos{		
		border: 0px solid green;
		display: block;
		height: 1%;
		padding-bottom: 5px;
	}
	p.leyendaPagos{		
		border: 0px solid red;
		padding: 7px;
		float: left;
		color: #666666;
		font-size: 10px;
		text-align: right;
		width: 520px;		
	}
	p.iconsPagos{
		border: 0px solid red;
		margin-left: 540px;
		width: 350px;
		text-align: left;
	}
	div.margenLeft{
		text-align: left; 
		padding-left: 10px;
	}
	span.bntNav{
		border: 0px solid red;
		display: block;
		padding: 10px 0 0 0;
		text-align: right;
	}
	img.imgHist{
		border: 0px solid red;
		float: left;
	}
	span.especificacion{
		border: 1px solid #C0CDD3;
		display: block;
		margin-left: 240px;
		border-bottom: 0px;
		padding: 4px;
	}
	span.tecCrear{
		color: #748794;
		font-size: 14px;
		display: block;
		padding: 5px 0;
	}	
	a.optTec{
		color: #606060;
		display: block;
		padding: 2px;
		padding-left: 20px;
		text-decoration: none;
	}
	div#etiquetas{
		border: 0px solid green;
		color: #000;
		padding: 0 10px;
	}
a.TAG-disenoWeb{
		color: #666666;
		font-size: 14px;
		text-decoration: none;		
}
a.TAG-disenoGra{
		color: #333333;
		font-size: 18px;
		text-decoration: none;
}
a.TAG-paginasWeb{
		color: #333333;
		font-size: 17px;
		text-decoration: none;
}
a.TAG-portalesWeb{
		color: #999999;
		font-size: 14px;
		text-decoration: none;
}
a.TAG-mailMasivo{
		font-size: 17px;
		color: #999999;
		text-decoration: none;
}
a.TAG-hosting{
		color: #666666;
		font-size: 20px;
		text-decoration: none;
}
a.TAG-Internet{
		color: #A7A7A7;
		font-size: 12px;
		text-decoration: none;
}
a.TAG-videoTutoriales{
		color: #999999;
		font-size: 15px;
		text-decoration: none;
}
a.TAG-web3{
		font-size: 22px;
		color: #333333;
		text-decoration: none;
}
a.TAG-regBuscadores{
		font-size: 19px;
		text-decoration: none;
		color: #333333;
}
a.TAG-seo{
		font-size: 18px;
		color: #999999;
		text-decoration: none;
}
a.TAG-logotipos{
		font-size: 17px;
		color: #666666;
		text-decoration: none;
}
a.TAG-presentaciones{
		color: #999999;
		font-size: 18px;
		text-decoration: none;
}	
a:hover.TAG-disenoWeb, 
a:hover.TAG-presentaciones, 
a:hover.TAG-logotipos, 
a:hover.TAG-seo, 
a:hover.TAG-regBuscadores, 
a:hover.TAG-web3, 
a:hover.TAG-videoTutoriales, 
a:hover.TAG-Internet, 
a:hover.TAG-hosting, 
a:hover.TAG-mailMasivo, 
a:hover.TAG-portalesWeb, 
a:hover.TAG-paginasWeb, 
a:hover.TAG-disenoGra{
	text-decoration: underline;
}

#homeIcons {
	height: 1%;
	margin-top: 10px;
}
#homeIcons .icon {
	position:relative;
	float:left;
	margin-right: 25px;
}
#homeIcons .icon h2 {
	position:absolute;
	width:140px;
	left:30px;
	top:125px;
	z-index: 2;
	text-align:center;
	font-size:12px;
}
#homeIcons .hover a{
	color: #FFFFFF;
	text-decoration: none;
}
#homeIcons .hover {
	width: 150px;
	height:150px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
	padding: 10px; 
	opacity: 0;	
	background-color: #999999;
	display: none;
}
#homeIcons .hover strong {
	color:#FFFFFF;
} 
#homeIcons .hover h3 {
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif, "Lucida Sans Unicode";
	font-size: 15px;
	line-height: 24px;
	margin-bottom:20px;
	color:#FFFFFF;
}
#homeIcons .hover strong {
	display:block;
	margin-top:10px;
}
#homeIcons #paquetesWeb {
	color:#FFFFFF;
}
#homeIcons #paquetesWeb .hover {
 	background:#e46c01;
}
#homeIcons #disenoWeb{
	color: #FFF;
}
#homeIcons #disenoWeb .hover{
	background-color: #1a72af;
}
#homeIcons #tecnologiasWeb{
	color: #FFF;
}
#homeIcons #tecnologiasWeb .hover{
	background-color: #23aadb;
}
input.reg, .regArea{
	border: 1px solid #DADADA;
	background-color: #EEEEEE;
	width: 320px;
	padding: 10px;
	color: #666666;
	font-size: 17px;	
}
.regArea{
	height: 90px;
}
p.regCampo{
	border: 0px solid red;
	padding: 5px 0 5px 21px;
}
div#cajaRegistro{
	margin: 10px 0;
	border: 1px solid #EDECDE;
	background-color: #FAF8F3;
	padding: 5px;
	overflow: hidden;
}
div.regIZQ{
	border: 0px solid #00CC66;
	width: 380px;
	float: left;
}
div.regDER{
	padding-top: 15px;
	border: 0px solid #00CC66;
	margin-left: 385px;
	text-align: center;
}
.datReg{
	font-size: 15px;
	border: 0px solid red;
	padding-left: 20px;
}
p.SeccionReg{
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif, "Lucida Sans Unicode";
	border: 0px solid red;
	padding: 5px;
	font-size: 28px;
	color: #333333;
}
 #acceso, #personales, #contacto, #politica{
	background-position: right; background-repeat: no-repeat;
 }
 #acceso{
 	background-image: url(../images/palomita1.png); 	
 }
 #personales{
 	background-image: url(../images/palomita2.png); 	
 }
 #contacto{
 	background-image: url(../images/palomita3.png); 	
}
 #politica{
 	background-image: url(../images/palomita4.png); 	
 }
 .EnviarFormRegistro{
 	border: 0px solid red;
	cursor: pointer;
	padding-left: 195px;
	padding-top: 20px;
 }
 .inputSelect{
 	background-color: #E6E6E6; 
	font-size: 12px; width: 345px;
	font-size: 14px;
 }
 p.politica{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
 }
 strong.politi{
 	font-size: 14px;
	color: #666666;
 }
 span.AUT{
 	border: 1px solid #2D2D2D;
	display: block;
	width: 110px;
	float: left;
	font-size: 13px;
	color: #CCCCCC;
	background-color: #2A2A2A;
	padding: 2px;
 }
 span.AUTr{
 	border: 1px solid #2D2D2D;
	display: block;
	margin-left: 115px;
	padding: 3px;
	font-size: 12px;
	background-color: #2A2A2A;
 }
 a.addFoto{
 	font-size: 14px;
 }  
 
 /* ###################################################### */
 /* ESTILOS PARA EL VIDEO PORTAL */
	div#derecha{
		color: #333333;
		border: 0px solid red;		
		width: 620px;
		float: left;
		text-align: center;
		background-color: #000;
		padding: 5px 0 0 0;
	} 
	div#infInterior{
		overflow: hidden;
		height: 1%;
	}		 
	 span.tituloNom{
	 	color: #FFFFFF;
		font-size: 17px;
		font-family: Helvetica, "Trebuchet MS", Arial, sans-serif, "Lucida Sans Unicode";
		font-weight: bold;
		border: 0px solid red;
		display: block;
		padding: 5px 5px 5px 35px;
		text-align: left;
		color: #C0C0C0;		
	 }
	 span.VideosMasVistos, span.VideodelDia, span.VideosMayorReint, span.VideosMasComentado{
	 	border: 1px solid #363636;
		background-color: #3B3B3B;
		display: block;
		color: #FFFFFF;
		margin-top: 20px;
		padding: 5px;
		overflow: auto;
	 }
	 h4.h4_video{
	 	border: 0px solid red;
		background-color: #3F3F3F;
		padding: 4px 0;
		text-align: left;
		font-weight: normal;
		font-family: Helvetica, "Trebuchet MS", Arial, sans-serif, "Lucida Sans Unicode";
		color: #25C0F3;
		margin-bottom: 10px;
	 }
	 img.imgVideo{
	 	border: 1px solid #4D4D4D;
		padding: 5px;
		background-color: #484848;
	 }
	 span.videoN{
	 	border: 0px solid red;
		display: block;
		width: 140px;
		float: left;
		margin: 0 5px;
	 }
	 span.nV{
	 	border: 0px solid #99CC33;
		display: block;
		font-size: 11px;
	 }
	 span.nV{
		color: #66B5DF;
	 }
	 span.nS, span.nD, span.nC{
	 	border: 0px solid #99FF00;
		display: block;
		text-align: left;
		color: #EAEAEA;		
	 }
	 span.spAbajo, span.spAbajoLista{
	 	border: 0px solid red;
		margin-top: -20px;
		margin-right: 10px;
		float: right;
		cursor: pointer;
	 }
	 .listVideos0_1, .listVideos0_2, .listVideos0_3, .listVideos0_4{
	 	display: block;
	 }
	 
	 
	 .videosRelacion{
	 	border: 1px solid #626262;
		margin: 10px;
		padding: 2px;
	 }
	 span.titRela{
	 	border: 0px solid red;
		display: block;
		padding: 10px 0 10px 5px;
	 }
	 span.listaVideos{
	 	border: 0px solid red;
		display: block;
		height: 300px;
		overflow: auto;
	 }
	 span.opt{
	 	border: 1px dotted #A5C0C9;
	 	display: block;
		padding: 6px 0;
		overflow: auto;
	 }
	 img.imgListR{
	 	border: 0px solid red;
		float: left;
		padding: 0 8px;
	 }
	 div.membresias{
	 	border: 0px solid red;
		padding: 10px;		
	 }
	 span.txtMem{
	 	border: 0px solid #99CC33;
		display: block;
		padding: 5px;
		font-size: 14px;

	 }