/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden ;}
.inner_copy, .inner_copy a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
body {background:#fff;border:0;font:13px Arial, Helvetica, sans-serif;color:#4e4e4e;line-height:20px}
/* Global Structure */

.body1 {background:url(../images/por.png) top left no-repeat;height:680px;position:absolute;width:100%;z-index:1}
.body2 {background:url(../images/top.jpg)}
.body3 {background:url(../images/line_hor1.jpg) bottom repeat-x #f5f5f5;border-top:1px solid #fff}
.body4 {background:url(../images/line_hor2.jpg) top repeat-x #f5f5f5}
.body5 {background:url(../images/bo.jpg) top center no-repeat #FFFFFF}
.body6 {background:url(../images/top1.jpg)}
.main {	margin:0 auto;	width:900px;position:relative;z-index:2}
/* main layout */
.main2 {	margin:0 auto;	width:1000px; position:center;z-index:2}

a {color:#a369c4;text-decoration:none;outline:none}
a:hover {text-decoration:none}
span.highlight
{
	background-color:#2c469a;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
span.highlight:hover
{
	background-color:#ececec;
	text-decoration: none;
	color:#2c469a;
					 
}
h1 {padding:21px 0 0 20px}
h2 {font-size:28px;font-weight:bold;font-weight:300;color:#4e4e4e;padding:29px 0 27px 0;line-height:38px}
h2 span {display:block;margin-top:-10px}
h3 {background:url(../images/box2.jpg) no-repeat;font-size:17px;padding:0 20px;margin:17px 0 20px 0;color:#fff;line-height:51px;font-weight:bold 300; border-radius: 10px;}
h4 {padding:21px 0 0 20px ; font-size: 15px;}
h5 {background:url(../images/box2.jpg) no-repeat;font-size:17px;padding:0 10px;margin:17px 0 20px 0;color:#fff;line-height:40px;font-weight:bold 300; border-radius: 10px;}
h6 {background:url(../images/box3.jpg) no-repeat;font-size:17px;padding:0 20px;margin:17px 0 20px 0;color:#fff;line-height:51px;font-weight:bold 300; border-radius: 10px;}


p {padding-bottom:20px}
/* header */
header {width:100%;overflow:hidden;padding-bottom:22px}
#logo {display:block;background:url(../images/logo2.png) no-repeat;width:242px;height:69px;text-indent:-5000px}
#logo2 {display:block;background:url(../images/Logo+Slogan.png) no-repeat;width:242px;height:69px;text-indent:-5000px}
#menu {float:right;padding-top:30px;padding-bottom:5px}
/*Quito el padding-right*/
#menu li {float:left;background:url(../images/menu_line.png) right 6px no-repeat;margin-right:8px}
#menu .bg_none {background:none;padding:0;margin:0}
#menu li a {display:block;font-size:16px;font-weight:400;color:#fff;line-height:31px;padding:0 9px;text-decoration:none;position:relative;behavior:url(js/PIE.htc)}
#menu li a:hover, #menu #menu_active a {background:url(../images/menu_bg.gif) top repeat-x #b3b3b3;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:3px 3px 5px #402f55;-moz-box-shadow:3px 3px 5px #402f55;-webkit-box-shadow:3px 3px 5px #402f55;color:#673f85;}
.text1 {font-size:30px;font-weight:300;color:#fff;line-height:39px;padding:24px 0 15px 0}
.text1 span {display:block;margin-top:-10px}
header p {color:#9688a7;padding-bottom:17px}
header .link1 {text-decoration:none}
header .link1:hover {text-decoration:underline}
/* content */
#content_top {width:100%;overflow:hidden;padding-bottom:20px}
/*Le quite el padding-bottom:75px*/
#content {width:100%;overflow:hidden}
.pad_left1 {padding-left:20px}
.pad_left2 {padding-left:20px}
.pad_bot1 {padding-bottom:20px}
.pad_bot2 {padding-bottom:10px}
.pad_bot3 {padding-top:42%; padding-bottom:10px}
.pad {padding:0 20px}
.marg_right1 {margin-right:25px}
.marg_top {margin-top:-15px}
.link1 {padding-right:15px;display:inline-block;background:url(../images/marker_1.gif) right 7px no-repeat}
.list1 {padding:38px 0 6px 0}
.list1 li {line-height:19px;width:100%;overflow:hidden;margin-bottom:14px;background:url(../images/line_ver1.gif) 56px 0 repeat-y}
.list1 .box1 {background:url(../images/box1.jpg) 0 0 no-repeat;float:left;font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#f2f2f2;font-weight:bold;line-height:41px;width:41px;text-align:center;margin-right:35px}
.list2 {margin:-5px 0}
.list2 li {line-height:30px;padding-left:28px;background:url(../images/marker_2.jpg) 0 5px no-repeat}
.list2 li a {color:#4e4e4e}
.list3 li {line-height:30px}
.list3 li a {padding-left:10px;background:url(../images/marker_3.gif) 0 5px no-repeat}
.arrow {display:inline-block;background:url(../images/marker_1.gif) 0 7px no-repeat;height:19px;width:6px;margin-left:6px}
.color1 {color:#8e8e8e}
/* footer */
footer {color:#dfd2e7;text-align:center;padding:25px 0 0 0;height:67px}
footer a {color:#dfd2e7}
#footer_menu ul {width:110%;overflow:hidden;text-align:center}
/*Quito fondo del footer*/
#footer_menu li {display:inline;padding-right:21px;background:url(../images/footer_lin.gif) right center no-repeat;margin-right:20px;overflow:hidden;line-height:42px}
#footer_menu .bg_none {background:none;padding:0;margin:0}
#footer_menu li a {display:inline-block;color:#4e4e4e;padding:0 39px;line-height:42px}
/* forms */
#ContactForm {margin-top:-15px;width:860px}
#ContactForm p {line-height:24px;padding-bottom:6px;width:104px;float:left}
#ContactForm a {margin-left:24px;margin-top:8px}
#form1 .input {float:left;width:307px;height:16px;border:1px solid #d5d5d5;background:#fff;padding:3px 6px;margin-bottom:6px;color:#000000;font:13px Arial, Helvetica, sans-serif}
#form1 textarea {overflow:auto;float:left;width:300px;height:100px;border:1px solid #d5d5d5;background:#fff;padding:3px 6px;margin-bottom:0;color:#4e4e4e;font:13px Arial, Helvetica, sans-serif}

#header {
				margin:auto;
				width:740px;
				font-family:Arial black, Helvetica, sans-serif;
				font-size: 25px;
				
			}
			
			.nav ul, ol {
				list-style:none;
					
				
			}
			
			.nav > li {
				float:right;
				
				
			}
			
			.nav li a {
				color:000000;
				text-decoration:none;
				display:block;
				height:100px ;
				position:center;
				
				
			}
			
			.nav li a:hover {
				color: #0070c0;
				
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				min-width:280px;
				
			}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:relative;
				right:-420px;
				top: -100px;
				margin: -40px;
			}
			
			
			
		
			.nav li ul li ul {
				right:-120px;
				top:90px;
				position: relative;
				
			}

			
.header2 {
    
	border: none;
    cursor: pointer;
}

.nav2 {
    position: relative;
    display: inline-block;
}

.nav3 {
    display: none;
    position: fixed;
	top
}

			
				.nav3 a {
					
					padding: 12px 16px;
					text-decoration: none;
					display: block;
					
				}

				.nav3 a:hover {
					
				}

				.nav2:hover .nav3 {
					display: block;
				}

				.nav2:hover .header2 {
					
				}
	
.imagenredonda {
	
	border-radius: 90px;
	
	
}

.lateral {
		position:fixed;
		width:11%;
		height:35%;
		margin-left:1px;
		margin-top:10px;
		border:5px outset #0066bb;
		border-radius: 10px 0px 10px 0px;
		left:87%;
		
}
.m1 {
	 border:9px outset #0066bb;
	 margin: 5px;
	 padding-top: 10px;
	 padding-left: 10px;
	 padding-right: 10px;
	 padding-bottom: 1px;
	 border-radius: 30px 0px 30px 0px ;
	 font-size:13px;
	 font-weight: bold;
	 
	 
 }

.imagen123 {
	position:absolute;
	top:52%;
	
	
	
}
 
.imagen456 {
	position:absolute;
	top:78%;
	
	
	
}


.titulo1 {
	position:static;
	margin:5%;
	margin-top: 60px;
	text-align:center;
	font-size: 60px;
	font-family: Verdana;
	font-weight: bolder;
	background-image:url(../images/top1.jpg) ;
	color: #FFFFFF;
	border: 10px outset #293b8e;
	border-radius:20px;
	padding: 3%;
} 

.titulo2 {
	
	position:relative;
	width: 880px;
	height: 400px;
	text-align:center;
	font-size: 40px;
	font-family: Verdana;
	font-weight: bolder;
	color: #000000;
	background-color: #0066bb;
	border: 10px outset #293b8e;
	border-radius: 20px;
}

.titulo3 {
	position:absolute;
	width: 50%;
	height: 8%;
	margin: 2%;
	padding: 3%;
	top:2%;
	text-align:Left;
	font-size: 35px;
	font-family: Verdana;
	font-weight: bolder;
	color: #ffffff;
	background-color: #0066bb;
	left:5%;
	border: 10px outset #293b8e;
	border-radius: 20px;
}

.titulo4 {
	position:absolute;
	width: 50%;
	height: 50%;
	top: 25%;
	margin: 2%;
	padding: 2%;
	text-align:left;
	font-size: 30px;
	font-family: Verdana;
	font-weight: bolder;
	color: #ffffff;
	background-color: ;
	left:5%;
	
}

.titulo5 {
	position:absolute;
	width: 27%;
	height: 20%;
	left: 60%;
	top: 55%;
	margin: 2%;
	padding: 2%;
	text-align:left;
	font-size: 30px;
	font-family: Verdana;
	font-weight: bolder;
	color: #ffffff;
	background-color: white;
	border: 10px outset #293b8e;
	border-radius: 20px;
	
}

.titulo6 {
	position:absolute;
	width: 55%;
	height: 8%;
	margin: 2%;
	padding: 3%;
	top:2%;
	text-align:Left;
	font-size: 35px;
	font-family: Verdana;
	font-weight: bolder;
	color: #ffffff;
	background-color: #0066bb;
	left:5%;
	border: 10px outset #293b8e;
	border-radius: 20px;
}

.titulo7 {
	position:absolute;
	width: 60%;
	height: 8%;
	margin: 2%;
	padding: 3%;
	top:2%;
	text-align:Left;
	font-size: 35px;
	font-family: Verdana;
	font-weight: bolder;
	color: #ffffff;
	background-color: #0066bb;
	left:5%;
	border: 10px outset #293b8e;
	border-radius: 20px;
}


.imagentitulo3 {
	height: 60%;
	width: 40%;
	position: absolute;
	right: 10px;
	bottom: 25px;
	
}

.textobasico {
	text-align: center;
	font-size: 45px;
	font-family: Verdana;
	font-weight: bolder;
	color: #0066bb;
	
	
}


.textobasico1 {
	text-align: center;
	font-size: 35px;
	font-family: Verdana;
	font-weight: bolder;
	color: #0066bb;
	
	
}

.textobasico2 {
	text-align: center;
	font-size: 10px;
	font-family: Verdana;
	color: #0066bb;
	
	
}

.textobasico3 {
	text-align: center;
	font-size: 15px;
	font-family: Verdana;
	color: #ffffff;
	bottom: 10px;	
}