/* @override 
	http://eunomia-macbook.local/~moriz/eLearning/cont/css/eLearningMainStyles.css
	http://www.eunomia.com.ar/elearning/cont/css/eLearningMainStyles.css
	http://www.elearning-la.com/cont/css/eLearningMainStyles.css
*/

body {
	margin: 0px;
	padding: 0px;
	min-width: 990px;
	text-align: center;
	font-family: "Lucida Grande","Trebuchet MS",Verdana,sans-serif;
	background-image: url(../img/fondoTotal.gif);
	background-position: center;
	scrollbar-face-color: #17376F; 
	scrollbar-shadow-color: #17376F;
	scrollbar-highlight-color: #DFEFF7; 
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #DFEFF7; 
	scrollbar-track-color: #DFEFF7;
	scrollbar-arrow-color: #DFEFF7;
}

h1, h2, h3, h4, h5 h6 p {
	margin: 0px;
	padding: 0px;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 990px;
	border: 2px solid #000A7F;	
	border-bottom: 8px solid #172547;
	background-position: 0px 255px;
	background-repeat: no-repeat;
}

/* @group subHeader */

#subHeader {
	width: 990px;
	height: 225px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/fondoSuperiorAzul.jpg);
	background-repeat: no-repeat;
}

#mainBanner {
	width: 500px;
	height: 225px;
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;
}

#brief {
	width: 250px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	top: 35px;
	left: 220px;
	/*text-align: left;*/
	text-align: justify;
}

h2 {
	margin: 0px 0px 10px 0px;
	color: black;
	font-weight: lighter;
	font-size: 15px;
}

h3 {
	color: white;
	font-weight: lighter;
	font-size: 11px;
	line-height: 14px;
	/*text-align: left;*/
	text-align: justify;
}

h6 {
	margin: 0px 0px 10px 0px;
	color: orange;
	font-weight: lighter;
	font-size: 14px;
}

ul#highlightsMenu, ul#highlightsMenuLinkLess {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

ul#highlightsMenu li, ul#highlightsMenuLink Less li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul#highlightsMenu li a {
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 30px;
	color: orange;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-weight: lighter;
	display: block;
	background: url(../img/flechaBulletHighlight.gif) no-repeat 5px 3px;
}

ul#highlightsMenuLinkLess li {
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	color: white;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-weight: lighter;
	display: block;
	/*background-image: url(../img/flechaBulletHighlight.gif);*/
	background-repeat: no-repeat;
	background-position: 0 2px;
}

/* @end */

/* @group MainMenu */

#mainMenuContainer {
	width: 990px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	background-color: #16206e;
}

ul#mainMenu {
	height: 10px;
	margin: 0px 0px 0px 50px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
}

#mainMenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
	
}

#btnHome, #btnCompania, #btnServicio, #btnCursos, #btnPartners, #btnComunidad, #btnContacto {
	height: 5px;
	margin: 0px 0px 0px 0px;
	padding: 12px 25px 0px 25px;
	text-align: center;
	color: white;
	float: left;
	text-decoration: none;
	font-weight: lighter;
	border-left: 1px dotted orange;
	font-size: 	12px;
	font-weight: 100;
}

a:hover#btnHome, homeActive,
a:hover#btnCompania, companiaActive, 
a:hover#btnServicio, servicioActive,
a:hover#btnCursos, cursosActive,
a:hover#btnPartners, partnersActive,
a:hover#btnComunidad, comunidadActive,
a:hover#btnContacto, contactoActive {
	color: orange;
}

/* @end */

/* @group contentAreaDefiners */

#contentArea {
	width: 990px;
	height: 315px;
	margin: 0px;
	padding: 0px;
	overflow: auto;

}

#homeInfoBlock1 {
	width: 260px;
	height: 200px;
	margin: 20px 0px 0px 40px;
	padding: 0px 10px 0px 0px;
	border-right: 1px dashed #827f7e;
	float: left;
	background-attachment: fixed;
}



#homeInfoBlock2 {
	width: 260px;
	height: 200px;
	margin: 20px 0px 0px 20px;
	padding: 0px 10px 0px 0px;
	border-right: 1px dashed #827f7e;
	float: left;	
}

#homeInfoBlock3 {
	width: 260px;
	height: 200px;
	margin: 20px 0px 0px 20px;
	padding: 0px 10px 0px 0px;
	border-right: 1px dashed #827f7e;
	float: left;	
}



#mainInfoBlock {
	width: 880px;
	margin: 10px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
}

/* One column layout */

#mainInfoBlock div#oneColumnColumn1 {
	width: 720px;
	margin:10px 20px 0px 0px;
}

/* Two column layout */

#mainInfoBlock div#twoColumnColumn1, 
#mainInfoBlock div#twoColumnColumn2 {
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: justify;
}

#mainInfoBlock div#twoColumnColumn1 {
	width: 520px;
	margin:10px 35px 0px 0px;
	padding: 0px;
	float: left;
	text-align: justify;
}

#mainInfoBlock div#twoColumnColumn2 {
	width: 320px;
	height: 290px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	/* position: fixed; */
	float: left;
	text-align: right;
}

/* Three column layout */

#mainInfoBlock div#threeColumnColumn1, 
#mainInfoBlock div#threeColumnColumn2,
#mainInfoBlock div#threeColumnColumn3 {
	width: 270px;
	height: 270px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#mainInfoBlock div#threeColumnColumn1 {
	margin:10px 0px 0px 0px;
}

#mainInfoBlock div#threeColumnColumn2 {
	margin: 10px 0px 0px 15px;
}

#mainInfoBlock div#threeColumnColumn3 {
	margin: 10px 0px 0px 15px;
}

/* Backgrounds */

.backgroundinicio{
	background-image: url(../img/fondoInicio.jpg);
}

.backgroundiniciocompania {
	background-image: url(../img/fondoBuilding.jpg);
}

.backgroundServicios {
	background-image: url(../img/fondoAreaCentralHome.jpg);
}

.backgroundmisionvision {
	background-image: url(../img/fondoMencomputer.jpg);
}

.backgroundColaboradores {
	background-image: url(../img/fondoHandshaking.jpg);
}

.backgroundVentajas {
	background-image: url(../img/fondoGraficoascenso.jpg);
}

.backgroundcursosCatalogo {
	background-image: url(../img/fondoTerminales.jpg);
}

.backgroundPromociones {
	background-image: url(../img/fondoPromo.jpg);
}

.backgroundCursosmedida {
	background-image: url(../img/fondoCursosmedida.jpg);
}

.backgroundDemos {
	background-image: url(../img/fondoDemos.jpg);
}

.backgroundBusinessPartners {
	background-image: url(../img/fondohall.jpg);
}

.backgroundComunidad {
	background-image: url(../img/fondoBinario.jpg);
}

.backgroundContacto {
	background-image: url(../img/fondoTeclado.jpg);
}

/* @end */

/* @group footer */

#helpFooter {
	width: 990px;
	height: 35px;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	margin: 0 auto;
	text-align: left;
	border-bottom: 1px dotted #827f7E;
}
#helpFooter div.helpFooterText {
	width: 450px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #716f70;
	font: 9px Georgia, "Times New Roman", Times, serif;
	line-height: 12px;
	display: inline-block;
	float: left;

}

#helpFooter div.helpFooterItem {
	width: 90px;
	display: inline-block;
	float: right;
}


/* @end */

/* @group text styles */

#contentArea h3 {
	margin: 0px 0px 10px 0px;
	color: #172547;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
}

#contentArea h4 {
	margin: 15px 0px 10px 0px;
	color: #EA4F23;
	font-weight: normal;
	font-size: 15px;
}


#contentArea h5 {
	margin: 20px 20px 20px 20px;
	font-family: Verdana;
	color: black;
	font-weight: normal;
	font-size: 13px;
	text-align: justify;
	line-height: 20px;
}	

#contentArea p, #contentArea p ul, #contentArea ul {
	margin: 10px 0px 10px 0px;
	color: orange;
	font-weight: normal;
	font-size: 11px;
	color: #4D4D4D;
	line-height: 16px;
}


#itemList ul li, #content-scroller ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(../img/bulletOrangeArrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	list-style-type: none;
	/*font-size: 11px;*/
	font-size: 16px;
	color: #4D4D4D;
	line-height: 17px;
}

#content-scroller_1 ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(../img/bulletOrangeArrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	list-style-type: none;
	font-size: 11px;
	color: #4D4D4D;
	line-height: 17px;
}

img.surveyCharts {
	margin: 0px 0px 5px 10px;
	padding: 10px;
	float: right;
	background-color: #FFF;
	border: 1px solid #172547;
	clear: both;
}

/* @group links */

a {
	color: #EA4F23;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #172547;
	text-decoration: underline;
	font-weight: bold;
}

a, a:active, a:focus { outline:none; }

/* @end */



/* @end */

/* @group Forms */

.cajasForm, textarea {
		width: 300px;
    margin: 3px 0px 3px 0px;
    padding: 2px;
		border: 1px solid #9e979c;
		background-color: #17376F;
		color: #FFFFFF;
    font-size: 11px;   
		font-family: Verdana, "Helvetica Neue", Arial, sans-serif;
}

.btnForm {
	border: 1px solid #001a26;
	background-color: #17376F;
	margin: 2px 2px 2px 2px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
}

/* @end */

/* @group highlights */

div.highlightBlock {
	width: 270px;
	height: 130px;
	margin: 0px 0px 10px 0px;
	background-image: url(../img/fondoBloquesDestacados.gif);
	background-repeat: repeat-x;
	border: 1px solid #6A9AFD;
}

div.highlightBlock h5 {
	height: 22px;
	color: white;
	font-weight: normal;
	font-size: 13px;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 10px;
}

div.highlightBlock h6 {
	color: #F15A24;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 10px 5px 0px;
	padding: 5px 0px 0px 10px;
}

div.highlightBlock ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	
}

div.highlightBlock ul li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(../img/bulletOrangeArrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	list-style-type: none;
	font-size: 11px;
	color: #4D4D4D;
	line-height: 17px;
}


div#partnersGroup {
	width: 870px;
	margin: 20px 70px 70px 70px;
}

div.logoBlock {
	width: 170px;
	height: 110px;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	display: inline;
	float: left;
	font-size: 10px;
	text-align: center;
	color: #363637;
}

div.logoBlock img {
	margin: 0px 0px 10px 0px;
	
}

div.logoBlock strong {
	font-size: 13px;
	color: #172547;
}



/* @end */

/* @group Staff */

div#staffGroup {
	width: 870px;
	height: 170px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px dashed #333;
}

div.staffBlock {
	width: 170px;
	height: 110px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: inline;
	float: left;
	font-size: 10px;
	text-align: center;
	color: #363637;
}

div.staffBlock img {
	margin: 0px 0px 10px 0px;
	border: 1px dashed grey;
	
}

div.staffBlock strong {
	font-size: 13px;
	color: #172547;
}


/* @end */

/* @group tables */

table#comparisonTable {
	width: 800px;
	background-color: white;
}

#comparisonTable tbody tr td {
	margin: 2px;
	padding: 10px;
	background-color: #C6D1E3;
}

#comparisonTable tbody tr td h5 {
	margin: 0px 0px 7px 0px;
	padding: 0px;
	text-align: center;
	color: #172547;
}

#comparisonTable tbody tr td p {
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

#comparisonTable tbody tr td img {
	margin: 10px 0px 5px 30px;
	padding: 10px;
	text-align: center;
	background-color: #FFF;
	border: 1px solid #172547;
}


/* @end */

/* @group home */

#mainInfoBlockHome {
	width: 950px;
	height: 300px;
	margin: 10px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
}

#homeLeftBox {
	margin: 0px 70px 0px 0px;
	padding: 0px;
	float: left;
}

#homeRightBox {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#homeUpperRightBanner {
	width: 405px;
	height: 135px;
	margin: 0px 0px 20px 0px;
	padding: 0px;	
}

#homeLowerRightBanner {
	width: 405px;
	height: 135px;
	margin: 0px;
	padding: 0px;	
}

/* @end */

/* @end */