@charset "utf-8";
/* CSS Document */

body {
	height: 900px;
	width: 1040px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	
	}

.navhor{
	width:873px;
	height:25px;
	position: absolute;
	top: 121px;
	left: 147px;
	background-color: rgb(206,206,206);
}


.naver{
	width:125px;
	height:780px;
	display:block;
	float:left;
	position: absolute;
	clear: left;
	background-color: rgb(204,204,204);
	color: rgb(204,204,204);
	top: 121px;
	overflow: visible;
	box-decoration-break: clone;
	left: 20px;
}
	
.footer{
	display:block;
	height: 10px;
	width: 875px;
	float: left;
	clear: right;
	position: absolute;
	top: 880px;
	left: 135px;
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
}

.footer1{
	display:block;
	height: 50px;
	width: 873px;
	float: left;
	position: absolute;
	left: 1px;
	top: 459px;
}

.footer2{
	display:block;
	height: 50px;
	width: 873px;
	float: left;
	position: absolute;
	left: 1px;
	top: 550px;
}


.MailB_1{
	width:240px;
	height:40px;
	position: relative;
	float: right;
	clear: right;
}

.MailB_2{
	width:240px;
	height:40px;
	text-align:center;
	float: right;
	clear: right;
	position: relative;
	top: 20px;
}

.l_side{
	width:350px;
	height:auto;
	float:left;
	clear: left;
	color: rgb(204,204,204);
	margin-top: 20px;
	margin-left: 15px;
}

.r_side{
	width:auto;
	height:auto;
	float:right;
	clear: right;
	color: rgb(27,27,27);
	margin-top: 30px;
	margin-right: 35px;
}

.t_side{
	width:auto;
	height:auto;
	float:right;
	clear: right;
	color: rgb(27,27,27);
	margin-top: 30px;
}


.tabla {
	width:350px;
	float:right;
	height: auto;
	clear: right;
	position: relative;
}

ul {}

.article{
	width:873px;
	height:740px;
	display:block;
	float:left;
	clear: left;
	position: absolute;
	left: 147px;
	top: 146px;
}

.header{
	width:1000px;
	height:120px;
	display:block;
	float:left;
	clear: left;
	position: absolute;
	left: 20px;
	top: 0px;
}

.logotipo {
	width:210px;
	height:auto;
	float:left;
	margin-top: 20px;
	clear: left;
	position: relative;
}

.logotipo2 {
	width:auto;
	height:auto;
	float: left;
	clear: right;
	position: relative;
	top: 7px;
	margin-left: 120px;
}

.logotipo3 {
	width:auto;
	height:auto;
	float: left;
	clear: right;
	position: relative;
	top: 7px;
	margin-left: 10px;
}

.texcent {
	float: left;
	clear: right;
	height: 300px;
	width: 400px;
	margin-top: 20px;
	margin-left: 40px;
}

.text {color:#FFFFFF; background:url(images/marco.png) bottom no-repeat; width:642px; height:208px; padding-top:8px; }

.text2 {color:#FFFFFF; background:url(images/marco.png) bottom no-repeat; width:350px; height:208px; padding-top:8px; margin-left:20px; }
.text3 {
	color:#FFFFFF;
	background:url(images/marco.png) bottom no-repeat;
	width:870px;
	height:500px;
	float:left;
	clear: left;
	margin-top: 30px;
	margin-left: 20px;
}
.texto { width:500px; margin-left:20px; margin-top:40px; }
.texto1 {width:350px; float:left; vertical-align:top; margin-right:20px; background-image:url(images/texto1.png)}
.texto2 { padding:20px; text-align:justify; font-size:14px; color:#FFFFFF;}

h1{
	color:#272727;
	height: auto;
	width: auto;
	float: left;
	clear: left;
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	line-height: normal;
}

h2{
	color:#272727;
	height: auto;
	width: auto;
	float: left;
	clear: left;
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	line-height: normal;
}

h3{
	color:rgb(27,27,27);
	height: auto;
	width: auto;
	float: left;
	clear: left;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	line-height: normal;
}

h4{
	color:rgb(27,27,27);
	height: auto;
	width: auto;
	float: left;
	clear: left;
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	line-height: normal;
}

h5{
	color:rgb(27,27,27);
	height: auto;
	width: auto;
	float: left;
	clear: left;
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	line-height: normal;
}
h6{
	color:rgb(27,27,27);
	height: auto;
	width: auto;
	float: left;
	clear: left;
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	line-height: normal;
}


.titulo {
	font-family: Arial;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	float: left;
	clear: left;
	width: auto;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}

.tituloI {
	font-family: Arial;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	float: left;
	clear: left;
	width: auto;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	position: absolute;
	height: auto;
	top: 323px;
	left: 23px;
}

.grande {
	font-size:14px;
	color:#060606;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 20px;
	height: auto;
	width: auto;
	font-style: oblique;
	font-weight: bold;
}

.grande1 { background-image:url(images/texto1.png);}

img, png{
	position: relative;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: right;
	float: left;
	
}

i { font-size:100px; padding:10px; font-family:Arial;}

p {
	font-size:10px;
	margin-top: 40px;
	text-align: center;
	vertical-align: middle;
}

.nombres {
	float:right;
	position: relative;
	height: 100px;
	width: 270px;
	clear: right;
	margin-right: 10px;
	margin-top: 10px;
}

.imagen {float:left; padding-right:1px;}

.imagen_2 { float:left; padding-right:1px; vertical-align:top;}

.centro {width:1000px; margin:0 auto; }

#menu1 {
 float: left;
 list-style: none;
 margin: 0;
 padding: 0;
 width: 100%;
 height:60px;
}

#menu1 li {
 float: left;
 font-size:15px;
 font-weight:700;
 margin: 0;
 padding: 0;
 display:block;
}

#menu1 a {
 color: #ffffff;
 display: block;
 float: left;
 padding: 15px 9px 0 9px;
 margin-right:20px;
 text-decoration: none;
 height:60px;
 text-align:left;
}

#menu1 a:hover { background-image:url(images/boton.png);
background-repeat: repeat-x;
 padding-bottom: 2px;
 color:#003975;}
 
.activo a { color:#003975;
background-image: url(images/boton.png);
background-repeat: repeat-x;
 padding-bottom: 2px;}
 
#menu1 a.activo  { color:#003975;
background-image: url(images/boton.png);
background-repeat: repeat-x;
 padding-bottom: 2px;}
 


#menu1 ul li .activo {
}

a {
	position: relative;
	height: auto;
	width: auto;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: rgb(27,27,27);
	text-align: left;
}

a:hover {
	position: relative;
	height: auto;
	width: auto;
	display: block;
	font-family: Arial;
	font-size: 12px;
	color: rgb(26,118,145);
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}

b {
	position: relative;
	height: auto;
	width: auto;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: rgb(27,27,27);
}

b:hover {
	position: relative;
	height: auto;
	width: auto;
	display: block;
	font-family: Arial;
	font-size: 12px;
	color: rgb(26,118,145);
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}


.text8 {
	height: auto;
	width: 870px;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	float: left;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.centrar {
	height: 171px;
	width: 590px;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	float: centrar;
}

.slideshow {
	width: 307px;
	height: 230px;
	margin-top:40px;
	float: right;
	position: relative;
	clear: right;
	margin-right: 36px;
}

.pro9 {
}


.pro9 li {
	position:relative;
	float: left;
	clear: left;
	height: 25px;
	width: 125px;
	list-style-type: none;
	margin-bottom: 2px;
}

.pro9 li a {
	display:block;
	line-height:normal;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	text-align:left;
	cursor:pointer;
	clear: left;
	float: left;
	color: rgb(255,255,255);
	width: 123px;
	background-color: rgb(27,27,27);
	height: 25px;
	margin-bottom: 2px;
	padding-left: 2px;
}

.pro9 li.current a {
	color:#fff;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	width: 127;
	height: 27;
	background-color: rgb(0,81,119);
}

.pro9 li a:hover {
	background-color: rgb(132,132,132);
}

.pro9 li.current a:hover {
	color:#FF8000;
	cursor:crosshair;
	background-color: rgb(0,81,119);
}


.pro8 li {
	position:relative;
	clear: left;
	float: right;
	list-style-type: none;
	height: auto;
	width: auto;
	list-style-image: none;
	margin-left: 2px;
}

.pro8 li a {
	display:block;
	line-height:normal;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	text-align:left;
	cursor:pointer;
	clear: right;
	float: left;
	color: rgb(255,255,255);
	width: 125px;
	background-color: rgb(27,27,27);
	height: 25px;
	position: relative;
	list-style-type: none;
	list-style-image: none;
	padding-left: 2px;
}

.pro8 li.current a {
	background-color: rgb(0,81,119);
	list-style-image: none;
	list-style-type: none;
}

.pro8 li a:hover {
	background-color: rgb(132,132,132);
	list-style-type: none;
	list-style-image: none;
}

.pro8 li.current a:hover {
	color:#FF8000;
	cursor:crosshair;
	background-color: rgb(0,81,119);
	list-style-image: none;
	list-style-type: none;
}

#preview{
	height: auto;
	width: auto;
	position: absolute;
	left: 147px;
	top: 108px;
	}