﻿@charset "UTF-8";
/* encodigo.com */
/* main.css */
/* Created Apr, 2010 */
/* Modified Apr, 2010
--------------------------------------- */

html{
	overflow-y:scroll;	height:100%;

}

input{
	font-size:11px;
}

body{
	background-color:#f4f4f4;	
	font-family:Georgia, Verdana, Times;
	color:#313d43;
	height:100%;
}

/* CABECERA */
#header{
	height:auto;
	width: 100%;
	background-color:#000;
}

#header .content{

	width:980px;
	margin-right:auto;
	margin-left:auto;
}

#header .top{
	height:85px;
	width: 100%;
	position:relative;

}

	#header .top .logotipo{
		float:left; margin-left:18px;
		
	}

#header #menu{
	height:29px;
	width: 100%;
	background-color:#313d43;
	border-bottom:3px solid #fff;

}

#header #menu .content{

	width:980px;
	margin-right:auto;
	margin-left:auto;
}

#header #menu ul {
	list-style-type:none;
}
#header #menu ul li{
	float:left;
}
#header #menu ul li a.menuItem{
	color:#fff;
	width:217px;
	background-color:#60819d;
	height:29px;
	border-right:3px solid #000;
	float:left;
	text-align:center;
	line-height:30px;
	font-weight:bold;

}

#header #menu ul li a.menuItem:hover{
	color:#000;
}

#header #menu ul li a.menuItem:focus{
	color:#000;
}


/* MENU LOGIN*/

#header #login{
	height:55px;
	background-color:#000;
	float:right;
	margin-top:5px;
	margin-right:40px;
}
	#header #login h3{ 
		
		float:right;	
		line-height:18px;
		font-size:13px;
		color:#bacdd8;
	}
	#header #login h3 a{ 
		color:#fff;
		font-size:13px;
	}
	
	#header #login h3 a.salir{ 
		color:#bacdd8;
	}
	
	#header #login h3.login{ 
		background-image:url("/resources/images/login/login.png");
		width:88px;
		height:25px;
		padding-left:23px;
		margin-right:8px;
	}
	
	#header #login h3.registro a:hover{ 
		color:#b4b4b4;
	}
	
	#header #login h3.login a:hover{ 
		color:#000;
	}
	
	#header #login h3.accesibilidad{
		text-align:right;
		float:right;
		clear:both;
		margin-bottom:20px;
	}
	
	#header #login h3.accesibilidad a{
		color:#60819d;
		font-size:12px;
	}
	
	#header #login h3.accesibilidad a:hover{
		color:#bacdd8;
	}
/* SUBMENU */

#header #submenu{
	height:29px;
	width: 100%;
	background-color:#becdd8;
	border-bottom:3px solid #fff;

}

#header #submenu .content{

	width:935px;
	margin-right:auto;
	margin-left:auto;
}

#header #submenu ul {
	list-style-type:none;
}

#header #submenu ul li{
	float:left;
}

#header #submenu ul li a.menuItem{
	color:#617a89;
	height:29px;
	float:left;
	line-height:30px;
	font-weight:bold;

}

#header #submenu ul li a.menuItem:hover{
	color:#fff;
}


#header #submenu .separador{
	color:#617a89;
	height:29px;
	float:left;
	line-height:30px;
	margin-left:18px;
	margin-right:18px;

}


#header #separador{
	height:29px;
	width: 100%;
	background-color:#becdd8;
}



/* CAJAS PRINCIPALES*/

#central{
	width: 980px;
	margin-left:auto;
	margin-right:auto;

}


#principal{
	margin: 0 auto -181px;
	min-height: 100%;
	_margin: 0 auto -15px;

}

#principal .push{
	height:231px;
	clear:both;
} 
/* FOOTER */
.footer{
	position:relative;
	height:201px;
	width:100%;
	overflow:hidden;	
	background-position:center top;	
	background-image:url("/resources/images/footer/back.png");
	background-repeat:repeat-x;
	background-color:#eff2f5;

}
	.footer .content{
		width:980px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.footer .content .info h3{
		color:#fff;
		font-size:14px;
		margin-top:10px;
		margin-left:20px;
	}
		.footer .content .info h3 a{
			color:#fff;
			
		}
		.footer .content .info h3 a:hover{
			color:#717f81;
			
		}
	.footer .content .detailfooter{
		color:#717f81;
		font-family:Georgia;
		font-size:13px;
		font-weight:bold;
		height:19px;
		margin-top:10px;
		float:left;
	
	}
	.footer .content .categoriafooter{
		background-image:url("/resources/images/footer/flecha.gif");
		background-repeat:no-repeat;
		font-family:Georgia;
		font-size:13px;
		font-weight:bold;
		height:19px;
		padding-left:35px;
		margin-top:10px;
		color:#717f81;

	}
	
	.footer .content .software{
		padding-left:35px;
		margin-top:15px;
	}
	
	.footer .content .productos{
		float:left;
		margin-left:20px;
	}
	
	.footer .content .cursos{
		float:right;
		margin-right:20px;
	}
	
	.footer .content .cursos img{
		display:block;
	}
	
	.footer .content .cursos img:hover{
		opacity:0.80;
        filter:alpha(opacity=80);        	
	}
	
	.footer .content .linksfooter{
		padding-left:35px;
		color:#717f81;
		margin-top:-3px;
	}
	
	.footer .content .linksfooter a{
		color:#717f81;
		text-transform:capitalize;

	}
	
		
	.footer .content .linksfooter a:hover{
		color:#000;

	}
	
	.footer .content .detail{
		padding-left:35px;
		font-size:10.3px;

	}
	
	.footer .content .separador{
		margin-bottom:8px;
		margin-top:20px;

	}
	
.volverprincipal{
	color:#60819d;
}

.volverprincipal:hover{
	text-decoration:underline;
}

#emailerroneo{
	color:#ff8585;
	display:none;
}

.floatRemover{
	clear:both;
}

