body {
background: #000000;
background-image: url(../images/bg111.png);
padding: 0px;
margin: 0px;
}


@font-face{ 
  font-family: 'MyWebFont';
  src: url('WebFont.eot');
  src: url('WebFont.eot?#iefix') format('embedded-opentype'),
       url('WebFont.woff') format('woff'),
       url('WebFont.ttf') format('truetype'),
       url('WebFont.svg#webfont') format('svg');
}


#idiomas{
  position: absolute;
  top: 73px;
  right: 19px;
  cursor: pointer;
}

#eng{
  background-image: url(../images/english.png);
  width: 24px;
  height: 24px;
  background: #red;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

#eng:hover{
  background-image: url(../images/english_2.png);
}

#spa{
  background-image: url(../images/espa.png);
  width: 24px;
  height: 24px;
  background: #red;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

#spa:hover{
  background-image: url(../images/espa_2.png);
}

#redes{
  position: absolute;
  bottom: 50px;
  right: 50px;
  cursor: pointer;
}

#google{
background-image: url(../images/google.png);
  width: 24px;
  height: 24px;
  background: #red;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

#youtube{
  background-image: url(../images/youtube.png);
  width: 24px;
  height: 24px;
  background: #red;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

#face{
  background-image: url(../images/facebook.png);
  width: 24px;
  height: 24px;
  background: #red;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

#linked{
  background-image: url(../images/linkedin.png);
  width: 24px;
  height: 24px;
  background: #red;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

#google:hover{
background-image: url(../images/google_2.png);
}

#youtube:hover{
  background-image: url(../images/youtube_2.png);
}

#face:hover{
  background-image: url(../images/facebook_2.png);
}

#linked:hover{
  background-image: url(../images/linkedin_2.png);
}

#calcu_link{
  position: absolute;
  top: 476px;
  right: 64px;
  font-family: 'WebFont', Arial, sans-serif;
  color: #fff;
  font-size: 13px;
  font-weight: bolder;
  letter-spacing: 1px;
  text-decoration: none;
}

#calcu_link:hover{
  text-decoration: underline;
}

.flecha{
    width: 16px;
  display: inline-block;
  margin-right: 4px;
  margin-bottom: -4px;
}

div#content{
	
position: relative;
margin: 0pt auto;
width: 900px;
height: 900px;
text-align: left;
background: #fff;
}

header{
height: 68px;
background: #000;
opacity: 40%;	
}

#logo_img{
width: 175px;
margin: 20px 10px 0px 5px;
}

#black{
  background: black;
  position: absolute;
  z-index: 999;
  width: 749px;
  height: 22px;
  bottom: 0px;
  padding: 2px 0px 0px 150px;
}

#sobre_footer{
  position: absolute;
  z-index: 999;
  width: 900px;
  height: 48px;
  bottom: 0px;
  border-top: #8cc63e solid 2px;
}

#menu{
background: #000;
position: absolute;
z-index: 1000;
width: 900px;
height: 70px;  
font-family: 'WebFont', Arial, sans-serif;
font-size: 13px;
  background-image: url(../images/nav_pattern.png);
    border-bottom: #8cc63e solid 2px;
}

.nav img{
float: left;
padding: 0px;
}

.nav{
margin: 0px;
font-family: calibri;
color: #fff;
}

.nav p{
margin: 0px;
padding: 0px;
}

ul, ol {
list-style:none;
background: #000000;
padding: 0px 0px 0px 0px;
}
			
.nav > li {
float:left;
  border-left: #fff solid 1px;
  padding: 8px 5px 8px 5px;
  margin: 17px 0px 0px 0px;
text-align: center;
}
			
.nav li a {
color: #fff;
text-decoration:none;
padding: 2px 5px 3px 5px;
display:block;
}
			
.nav li a:hover {
text-decoration: underline;
}
			
.nav li ul {
display:none;
position:absolute;
min-width:140px;
text-align: left;
}
			
.nav li:hover > ul {
display:block;
}


div#main{
height: 784px;
width: 900px;
}

div#circles{
position: absolute;
width: 466px;
height: 600px;
margin-left: 396px;
margin-top: 130px;
}

.cir{
border-radius: 2em;
-moz-border-radius: 2em;
-webkit-border-radius: 2em;	
width: 54px;
height: 54px;
position: absolute;
cursor: pointer;
}

.cir:hover{
background: rgba(0, 255, 0, 0.31);
}

#in1{top: 149px;left: 50px;}
#in2{top: 117px;left: 154px;}
#in3{top: 98px;left: 238px;}
#in4{top: 62px;left: 314px;}
#in5{top: 123px;left: 402px;}
#in6{top: 254px;left: 39px;}
#in7{top: 339px;left: 45px;}
#in8{top: 420px;left: 20px;}
#in9{top: 498px;left: 92px;}
#in10{top: 465px;left: 190px;}
#in11{top: 444px;left: 266px;}
#in12{top: 414px;left: 372px;}
#in13{top: 306px;left: 382px;}
#in14{top: 220px;left: 384px;}
#in15{
  top: 266px;
  left: 196px;
  width: 82px;
  height: 82px;
  border-radius: 5em;	
}