@charset "utf-8";
/* === IMPORTANTE ===
   Código no validado ni verificado; no compatible con smartphones; revisado en Safari;
   se incluye al viejo truco de las tablas!!!
   ================= */
 
   
body {
	background-color: #f0f0ff;
	
}


.main {
	position: absolute;
	display: block;
	height: 52px;
	width: 315px;
	left: 5%;
	top: 5%;
	
}


.outbox1 {
	background-color: #f0f0ff;
	display: block;
	position: absolute;
	height: 40px;
	width: 750px;
	left: 25%;
	top: 45%;
}

.col {
	position: relative;
	display: block;
	margin-left: 7px;
	top: 40px;
	width: 150px;
	height: 545px;
	display: block;
	border-right-width: 3px;
	border-top-style: none;
	border-right-style: double;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #000;
	padding-top: 55px;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


.outbox2 {
	background-color: #f0f0ff;
	display: block;
	position: absolute;
	height: 40px;
	width: 750px;
	left: 0%;
	top: 200%;
}

.button {
	background-color: #4169E1;
	display: block;
	height: 40px;
	width: 120px;
    margin-left: 0px;
	border:none;
	border-radius: 10px;
}

.button:hover {
	background-color: #BA55D3;
	display: block;
	height: 40px;
	width: 120px;
	margin-left: 0px;
	border-bottom-style: solid;
	border-bottom-color: #039;
	border-bottom-width: 2px
	border-radius: 10px;
	cursor: pointer;
	cursor: hand;     /*iexplorer*/
}




.inbutB {
	font-family: Arial;
	font-size: 15px;
	font-weight: bolder;
	text-transform: none;
	color: #FFF;
	text-align: center;
	padding: 10px;
	display: block;
}

div#contenedor {
	position: absolute;
	overflow: hidden;
	left: 160px;
	top: 95px;
	width: 1000px;
	height: 600px;
	padding: 0 20px;
	display: block;
	border-right-width: 3px;
	border-top-style: none;
	border-right-style: double;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #000;
}
 
div#marco1, div#marco2, div#marco3, div#marco4, div#marco5, div#marco6, div#marco7, div#marco8 {
	height: 100%;
	width: 100%;
	overflow: auto;
}

div#marco9, div#marco10, div#marco11 {
	height: 100%;
	width: 100%;
	background-color: #EAEAEA;
	overflow: auto;
}

div#langs {
	position: absolute;
	overflow: hidden;
	left: 950px;
	top: 30px;
	width: 220px;
	height: 55px;
	display: block;
	background-color: #f0f0ff;
}

.eng {
	font-family: "Comic Sans MS";
	font-size: 18px;
	font-weight: bolder;
	text-transform: none;
	color: #666;
	display: block;
	padding-left: 130px;
}

div#ban {
	position: absolute;
	overflow: hidden;
	left: 170px;
	top: 15px;
	width: 40px;
	height: 40px;
	display: block;
	padding-top: 2px;
}




.imgp2 {
	position: absolute;
	height: 25px;
	width: 25px;
	display: block;
	margin-left: 1px;
	margin-top: 10px;
}

.imgp3 {
	position: absolute;
	height: 25px;
	width: 25px;
	display: block;
	margin-left: 1px;
	margin-top: 10px;
}

   
a:link {
	text-decoration:none;
	cursor: pointer;
	cursor: hand;  /*iexplorer*/	
}

a:hover {
	text-decoration:none;
	cursor: pointer;
	cursor: hand;  /*iexplorer*/
	
}

a:visited {
	text-decoration:none;
	cursor: pointer;
	cursor: hand;  /*iexplorer*/
	
}

a:active {
	text-decoration:none;
	cursor: pointer;
	cursor: hand;  /*iexplorer*/

}

.lmarc1 {
	font-family: "Times New Roman";
	font-size: 25px;
	font-weight: normal;
	text-transform: none;
	color: #666;
	display: block;
	font-style: oblique;
	text-align: center;
	padding-top: 50px;
	padding-right: 20px;
}


.lmarc1-1 {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
	color: #000;
	display: block;
	font-style: italic;
	text-align: justify;
	padding-top: 40px;
	padding-right: 20px;
}

.lmarc1-2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
	color: #000;
	display: block;
	font-style: italic;
	text-align: justify;
	padding-top: 20px;
	padding-right: 20px;
}

.lmarc1-3 {
	font-family: Cambria;
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
	color: #003C77;
	display: block;
	font-style: italic;
	text-align: justify;
	padding-top: 10px;
	padding-left: 800px;
	font-variant: small-caps;
}


.lmarc2-2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bolder;
	text-transform: none;
	color: #900;
	display: block;
	font-style: normal;
	text-align: center;
	padding-top: 90px;
	padding-right: 20px;
}


.lmarc2-3 {
	font-family: Cambria;
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
	color: #003C77;
	display: block;
	font-style: italic;
	text-align: justify;
	padding-top: 150px;
	padding-left: 800px;
	font-variant: small-caps;
}

.lmarc4-0 {
	font-family: "Book Antiqua";
	font-size: 24px;
	font-weight: bold;
	text-transform: none;
	color: #900;
	display: block;
	font-style: normal;
	text-align: center;
	padding-top: 250px;
	padding-right: 20px;
}



.lmarc2-n {
	font-family: Arial;
	font-size: 16px;
	font-weight: bolder;
	text-transform: none;
	color: #000;
	display: inline-block;
	font-style: normal;
}

div#lateral-d {
	position: absolute;
	overflow: hidden;
	left: 1202px;
	top: 95px;
	width: 190px;
	height: 600px;
	padding: 0 20px;
	display: block;
	text-align: center;
}


.contact {
	padding-top: 30px;
	padding-left: 235px;	
}


.r-img {
	padding-left: 10px;
}


.t-r {
	font-family: "Arial Black";
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	color: #7CA6B6;
	text-decoration: none;
}


.t-r:hover {
	font-family: "Arial Black";
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	color: #2E4852;
	text-decoration: none;	
}

.t-r2 {
	font-family: Wingdings;
	font-size: 20px;
	font-style: normal;
	font-weight: bolder;
	color: #009900;
	text-decoration: none;
}

.t-r3 {
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: #990000;
	text-decoration: none;
	text-align: left;
}


.t-r4 {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

div#maininf {
	position: absolute;
	display: block;
	height: 150px;
	width: 1430px;
	left: 5%;
	margin-top: 750px;
	background-image: url(../IMG/infbar.png);
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #8D8D8D;
}

.fin1 {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	text-align: left;
	padding-left: 75px;
}

a.fin1:hover {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding-left: 75px;
}


.fin2 {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	text-align: left;
	padding-left: 300px;
}

a.fin2:hover {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding-left: 300px;
}


.fin3 {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	text-align: left;
	padding-left: 475px;
}

a.fin3:hover {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	padding-left: 475px;
}

.advance {
	padding-top: 100px;
	padding-left: 275px;
}