/* CSS Document */

* {
    margin: 0;
    padding: 0;
}
#wrapper{
	position:relative;
	width:984px;
	height:98%;
	margin: 0 auto;
}

html,body{
	font-family:"Trebuchet MS", Arial;
	height:98%;
	min-height:700px;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 7%, rgba(224,223,215,1) 33%, rgba(224,223,215,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(7%,rgba(255,255,255,1)), color-stop(33%,rgba(224,223,215,1)), color-stop(100%,rgba(224,223,215,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 7%,rgba(224,223,215,1) 33%,rgba(224,223,215,1) 100%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 7%,rgba(224,223,215,1) 33%,rgba(224,223,215,1) 100%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 7%,rgba(224,223,215,1) 33%,rgba(224,223,215,1) 100%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 7%,rgba(224,223,215,1) 33%,rgba(224,223,215,1) 100%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}
a{
	text-decoration:none;
	color:#002f2f;
	/*font-weight:bold;*/
}
a:hover{color:#ccc;}
a:active{color:#fff;}

a.estilo2:link{text-decoration:none; color:#002f2f;}
a.estilo2:hover{font-weight:bold;}
a.estilo2:active{color:#ccc; font-weight:bold;}
h1{
	font-family:"Trebuchet MS", Arial;
	text-align:left;
	/*padding-left:10px;*/
	font-size: 1.6em;
	color:#7c8291;
	letter-spacing: 2px;
	font-weight:bold;
	margin-bottom:10px;
}
h2{
	font-family:"Trebuchet MS", Arial;
	text-align:left;
	padding-left:10px;
	font-size: 1.4em;
	color:#fff;
	letter-spacing: 1px;
}
h3{
	font-family:"Trebuchet MS", Arial;
	text-align:left;
	padding-left:10px;
	font-size: 1.2em;
	color: #0B75AF;
	letter-spacing: 1px;
}
h4{
	font-family:"Trebuchet MS", Arial;
	text-align:left;
	padding-left:10px;
	font-size: 0.8em;
	color: #ff0000;
}
span.ega{margin-left:150px;}
span.egas{margin-left:210px;}
span.ege{margin-left:110px;}
p{
	color: #002f2f;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	font-size: 1em;
	text-align:justify;
}
.class-for-re{
    color: red;
    text-decoration: none;
}
.clas-for-contact{
	color: #002f2f;
	padding-right:15px;
	padding-bottom:5px;
	font-size: 0.8em;
	text-align:justify;
}
span.reference{
	position:fixed;
	left:10px;
	bottom:10px;
	font-size:12px;
}
span.reference a{
	color:#aaa;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:1px 1px 1px #000;
	margin-right:30px;
}
span.reference a:hover{
	color:#ddd;
}
ul.sdt_menu{
	margin-top:55px;
}
h1.title{
	text-indent:-9000px;
	background:transparent url(title.png) no-repeat top left;
	width:633px;
	height:69px;
}
.content{width:984px; height:100px; background:#765b51; margin-top:40px;}
#central{
	display:table;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	width:984px;
	height:98%;
	border:solid 2px #999999;
	box-shadow: 4px 4px 7px #626262;
	overflow:auto;
}
#head{
	position:relative;
	margin-left:auto;
	margin-right:auto;	
	width:984px;
	height:209px;
	background-image:url(../images/resplandor3.png);
	background-repeat:no-repeat;
}
.parte{float: left; width:984px; height:60px; background-image:url(../images/pixe.png); margin-top:-5px;}
#cuerpo{
	float:left;
	width:984px;
	min-height:400px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
}
.cuerpo{
	float:left;
	width:100%;
	min-height:400px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
}
#secc01{float:left; width:750px; height:auto; min-height:400px; margin: 20px 20px;}
.secc01{float:left; width:98%; height:auto; min-height:400px;margin-left:1%;}
#footer {
	float:left;
	width:100%;
	/*background-color: #e0dfd7;*/
	background-image:url(../images/pixe2.png);
	height:30px;
	color: #030030;
	line-height: 1.1em;
	/*padding: 10px 0;*/
	margin-bottom:0;
}
.title{
	width:201px; 
	height:50px; 
	float:left; 
	margin-top:5px; 
	margin-left:500px;
	text-align:center;
	padding-top:20px; 
  	background-image:url(../images/title.png);
   	background-position:center;
  	background-repeat:no-repeat;
}
.titeles{width:720px; height:40px; background-color:#765b51; margin-left:15px; line-height:40px; margin-top:20px; box-shadow: 4px 4px 7px #333;}
#titeles2{float:left; width:720px; height:40px; background-color:#626262; margin-left:15px; margin-top:80px;  box-shadow: 4px 4px 7px #fff;}
#menu{
	position:relative;
	float:left;
	margin-left:auto;
	margin-right:auto;	
	width:984px;
	height:60px;
	background-color:#fff;
	 opacity: .60;
   -moz-opacity: .60;
   filter:alpha(opacity=60);
}
.imageCen{width:750px; height:530px; margin-top:25px; background-image:url(../images/uno.png); box-shadow: 4px 4px 7px #626262;}
#ini{float:left; margin-left:70px; margin-top:-5px; width:610px; height:200px; background:#626262;}
#paniri{float:left; width:198px; height:198px; border:solid 1px #FFFFFF;}
#rumi{float:left;width:198px; height:198px; border:solid 1px #FFFFFF;}
#person{float:left; width:198px; height:198px; border:solid 1px #FFFFFF;}
.transparencia {
   opacity: .25;
   -moz-opacity: .25;
   filter:alpha(opacity=25);
   float: left;
}
.transparencias {
   opacity: .40;
   -moz-opacity: .40;
   filter:alpha(opacity=40);
   float: left;
}
.csic{
	float:left;
	position:relative;
	margin-left:10px;
	width:36px;
	height:50px;
	top:5px;
	background-image:url(../images/csic_logo.png);
}
#box-csic{
	position:relative;
	float:left;
	margin-left:10px;
	width: 36px; 
	height: 50px;
	background-color: transparent;
}
.incipit{
	float:right;
	margin-right:10px;
	position:relative;
	width:126px;
	height:50px;
	top:5px;
	background-image:url(../images/incipit.png);
}
#box-incipit{
	position:relative;
	float:right;
	margin-right:10px;
	width: 126px; 
	height: 50px;
	background-color: transparent;
}
.visormap{float:left; position:relative; width:130px; height:130px; margin-left:10px; background-color:#fff; background-image:url(../images/visor2.png); background-repeat:no-repeat; margin-top:10%; border-radius:250px;border:solid 2px #e0dfd7;	box-shadow: 5px 5px 8px #e0dfd7; }
#boxvisormap{float:left; position:relative; width:130px; height:130px; margin-left:1% ;background-color:transparent;}

.vista {
    width: 160px;
    height: 180px;
    margin-left:auto;
	margin-right:auto;
	margin-top:45px;
    float: left;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
    text-align: center;
	box-shadow: 4px 4px 7px #626262;
    cursor: default;
}
.vista .mascara, .vista .contenido {
    width: 160px;
    height: 180px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.vista img {
    display: block;
    position: relative;
}
.vista h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: hsla(0,0%,0%,0.8);
    margin: 20px 0 0 0;
}
.vista p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}
.vista a.informacion {
    display: inline-block;
    text-decoration: none;
    padding: 7px 10px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
}
.vista a.informacion:hover {
    box-shadow: 0 0 5px #000
}
.vista img {
    transition: all 0.2s linear;
}
.vista .mascara {
    opacity: 0;
    background-color: hsla(34,93%,45%,0.7); /* Color naranja con 0.7 de opacidad */
    transition: all 0.4s ease-in-out;
}
.vista h2 {
    opacity: 0;
    transform: translateY(-100px);
    transition: all 0.2s ease-in-out;
}
.vista p {
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.2s linear;
}
.vista a.informacion{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.vista:hover img {
    transform: scale(1.1);
}
.vista:hover .mascara {
    opacity: 1;
}
.vista:hover h2,
.vista:hover p,
.vista:hover a.informacion {
    opacity: 1;
    transform: translateY(0px);
}
.vista:hover p {
    transition-delay: 0.1s;
}
.vista:hover a.informacion {
    transition-delay: 0.2s;
}
ul.b {
    list-style-type: square;
	padding:10px;
	margin-left:20px;
}

div.img {
    padding: 5px;
    height: auto;
    width: 750px;
    float: left;
    text-align: center;
}
div.img img{
	display: inline;
    margin: 5px;
    border: 1px solid #ccc;
	box-shadow: 4px 4px 7px #626262;
}
div.cesga{
	float:left;
	width:110px;
	height:80px;
	background-image:url(../images/gis.png);
	margin-left:600px;
}
#box-cesga{
	position:relative;
	float:left;
	margin-left:10px;
	width: 110px; 
	height: 80px;

}
#socios{float:left; width:160px; height:340px; margin-top:5px; margin-bottom:20px; border: 1px solid #ccc; box-shadow: 4px 4px 7px #626262;}
.unm{width:150px; height:34px; margin-left:10px; margin-right:auto; margin-top:20px; background-image:url(../images/unm.png);background-repeat:no-repeat;}
#box-unm{position:relative; float:left; width:150px; height:34px;}
.uchile{width:150px; height:124px;margin-left:10px; margin-right:auto; margin-top:20px; background-image:url(../images/uchile.png); background-repeat:no-repeat;}
#box-uchile{position:relative; float:left; width:150px; height:124px;}
.csici{width:150px; height:38px; margin-left:10px; margin-right:auto; margin-top:20px; background-image:url(../images/csic.png);background-repeat:no-repeat;}
#box-csici{position:relative; float:left; width:150px; height:38px;}
.inci{width:150px; height:59px; margin-left:10px; margin-right:auto; margin-top:20px; background-image:url(../images/inci.png);background-repeat:no-repeat;}
#box-inci{position:relative; float:left; width:150px; height:59px;}
.mapasalir{float:left;background-image:url(../images/worldmap2.png);background-repeat:no-repeat;height:400px;margin-left:10%;margin-top:2%;}