/* CSS Document */

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

body				{	width:100% ; }

body				{	font-family: 'Open Sans', sans-serif; }
			
.auto-style1 { 	background-image:url(../imagenes/psicometricos/psicometricos.png) ; }

#topwrapper			{	margin:20px auto;
						padding:0 30px;	}			


#top 				{		}
#logo				{	float:left ; padding-right:40px; padding-left:20px;	}



nav { 	font-size:14px; font-weight:400; text-decoration:none;	color: #FFF; margin: 10px 10px; text-align: left; }
nav ul {	background: ;
	padding: 20px 13px;
	border-radius: 5px;
	list-style: none;
	position: relative;
	display: inline-table;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
}


nav ul li a 		{
	display: block;
	color: #FFF;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 0px;
	padding-left: 17px;
}
nav ul li:hover {			color: #FFF; 	}
nav ul li:hover a	{	color: #999; }
nav ul:after {		content: ""; clear: both; display: block;	}
nav ul li {		float: left;	}
nav ul li:hover > ul { 		display: block; }

nav ul ul 	{ 	display: none; background: #333; padding: 0px; 	position: absolute; top: 100%; border-radius: 0px	}
nav ul ul li { 		float: none; 	position: relative; text-align: left;}
nav ul ul li a { 	padding: 8px 15px;	color: #fff;		}	
nav ul ul li a:hover {		background: #4b545f;			}

nav ul ul ul {	position: absolute; 	left: 100%; top: 0; width:85%  }




#top-content			{	clear:both; text-align:center; font-size:70px; font-weight: 800; color:#FBFBFB; padding:75px 0;} 




h1						{ color:#63A7F9; padding:10px 20px; }

a						{ margin:10px 0;	}

#nav-izq2				{	list-style-type:none; padding:0px 20px; line-height:195%; }

#nav-izq2 a:link		{	font-size:14px; font-weight:300; text-decoration:none;	color:#A5A5A5;	}
#nav-izq2 a:visited		{	font-size:14px; font-weight:300; text-decoration:none;  color:#A5A5A5;	}
#nav-izq2 a:active		{	font-size:14px; font-weight:300; text-decoration:none;	color:#A5A5A5;	}
#nav-izq2 a:hover		{	font-size:14px; font-weight:300; text-decoration:none;	color:#000000; 	}
#nav-izq2 a:focus		{	font-size:14px; font-weight:300; text-decoration:none;	color:#000000;	}



p1						{
	font-size: 50px;
	font-weight: 400;
	color: #323232;
}

#cont-certif2				{ margin-left: 15px;	}
#cont-certif2 a:link		{	font-size:33px; font-weight:600; text-decoration:none;	color:#144BAC;	}
#cont-certif2 a:visited		{	font-size:33px; font-weight:600; text-decoration:none;	color:#144BAC;	}
#cont-certif2 a:active		{	font-size:33px; font-weight:600; text-decoration:none;	color:#144BAC;	}
#cont-certif2 a:hover		{	font-size:33px; font-weight:600; text-decoration:none;	color:#99B9F3; 	}
#cont-certif2 a:focus		{	font-size:33px; font-weight:600; text-decoration:none;	color:#99B9F3;	}


#cont-certif3 			{	padding:15px 15px 15px 15px; }
#cont-certif3 h7		{	font-size:25px; font-weight:400; color:#000000;	} 
#cont-certif3 ul li		{	list-style-type:none; font-size:20px; font-weight:300; color:#000000; line-height:180%; padding:0 15px;   }
#cont-certif3			{ 	background-color:#D6D6D6;	}

#cont-certif3 a:link		{	font-size:20px; font-weight:300; text-decoration:none;	color:#144BAC;	}
#cont-certif3 a:visited		{	font-size:20px; font-weight:300; text-decoration:none;	color:#144BAC;	}
#cont-certif3 a:active		{	font-size:20px; font-weight:300; text-decoration:none;	color:#144BAC;	}
#cont-certif3 a:hover		{	font-size:20px; font-weight:300; text-decoration:none;	color:#FFFFFF; 	}
#cont-certif3 a:focus		{	font-size:20px; font-weight:300; text-decoration:none;	color:#FFFFFF;	}

#cont-opcion 			{
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 8px;
}
#cont-opcion h9			{	font-size:25px; font-weight:400; color:#000000;	} 
#cont-opcion h10		{	font-size:20px; font-weight:300; color:#000000;	line-height:180%;	}
#cont-opcion			{ 	background-color:#979797	}
 
 
#cont-opcion ul li		{	list-style-type:none; font-size:20px; font-weight:300; color:#000000; line-height:180%; padding:0 15px; }

#cont-opcion a:link			{	font-size:20px; font-weight:300; text-decoration:none;	color:#144BAC;	}
#cont-opcion a:visited		{	font-size:20px; font-weight:300; text-decoration:none;	color:#144BAC;	}
#cont-opcion a:active		{	font-size:20px; font-weight:300; text-decoration:none;	color:#144BAC;	}
#cont-opcion a:hover		{	font-size:20px; font-weight:300; text-decoration:none;	color:#FFFFFF; 	}
#cont-opcion a:focus		{	font-size:20px; font-weight:300; text-decoration:none;	color:#FFFFFF;	}



#fotter 				{	 }
									
#social-media			{ 		}
#social-media			{	clear:both;		}
#social-media			{	text-align:right; padding:10px 0; margin:0px 10px; 	 }
#social-media ul li		{	display:inline; list-style-type:none; margin:10px 5px;	}

#social-media a:link		{	font-size:14px; font-weight:300; text-decoration:none;	color:#FFFFFF;	}
#social-media a:visited		{	font-size:14px; font-weight:300; text-decoration:none;  color:#FFFFFF;	}
#social-media a:active		{	font-size:14px; font-weight:300; text-decoration:none;	color:#FFFFFF;	}
#social-media a:hover		{ }
#social-media a:focus		{	font-size:14px; font-weight:300; text-decoration:none;	color:#63A7F9;	}






#fotter-nav				{ 	background-color:#303030	}								
#fotter-nav				{	clear:both;		}
#fotter-nav				{	text-align:right; padding:10px 0 }
#fotter-nav	ul li		{	display:inline; list-style-type:none; margin:0px 15px; }

#fotter-nav a:link		{	font-size:14px; font-weight:300; text-decoration:none;	color:#FFFFFF;	}
#fotter-nav a:visited	{	font-size:14px; font-weight:300; text-decoration:none;  color:#FFFFFF;	}
#fotter-nav a:active	{	font-size:14px; font-weight:300; text-decoration:none;	color:#FFFFFF;	}
#fotter-nav a:hover		{	font-size:14px; font-weight:300; text-decoration:none;	color:#63A7F9 	}
#fotter-nav a:focus		{	font-size:14px; font-weight:300; text-decoration:none;	color:#63A7F9;	}

#contacto				{	background-color:#171717	}
#contacto				{	clear:both;		}
#contacto				{	text-align:center; font-size:13px; color:#FBFBFB; padding:15px 0;	 }

#contacto a:link		{	font-size:13px; font-weight:300; text-decoration:none;	color:#FFFFFF;	}
#contacto a:visited		{	font-size:13px; font-weight:300; text-decoration:none;  color:#FFFFFF;	}
#contacto a:active		{	font-size:13px; font-weight:300; text-decoration:none;	color:#FFFFFF;	}
#contacto a:hover		{	font-size:13px; font-weight:300; text-decoration:none;	color:#63A7F9 	}
#contacto a:focus		{	font-size:13px; font-weight:300; text-decoration:none;	color:#63A7F9;	}