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




header{
width:100%;
height:auto;
background:#FFFFFF;
border-bottom:5px solid #00a2b2;
}

.logos{
width:100%;
height:100%;
margin:0 auto;
}


.logos img{
width:60%;
height:auto;
}
.pun-logo{
width:30%;
float:left;
text-align:left;
}

.uni-logo{
width:40%;
float:left;
text-align:center;
}

.bcud-logo{
width:30%;
float:left;
text-align:right;
}


nav{
width:100%;
background:#f1f1f1;
margin:0 auto;
}

.content{
width:98%;
height:100%;
margin:0 auto;
background:#fff;
padding:1%;
margin:1%;
}

.content-left{
width:40%;
height:auto;
float:left;
text-align:center;
}
.box-l{
background:#f0f0f0;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:left;
padding:4%;
margin:11% 0 2% 0;
height:auto;
}

.box-2{
background:#f0f0f0;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:left;
padding:4%;
margin:2% 0;
height:auto;
}

.box-3{
background:#f0f0f0;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:left;
padding:4%;
margin:2% 0;
height:auto;
}
.photo{
width:20%;
float:left;
}

.info{
width:80%;
float:left;
}

.content-right{
width:58%;
height:auto;
float:right;
margin-left:2%;
text-align:center;
}
p{
text-align:justify;
font-size:12px;
margin-bottom:5px;
}

h1{
font-size:24px;
font-weight:bold;
color:#00a2b2;
}

h2{
font-size:14px;
color:#00a2b2;
}

h3{
font-size:14px;
color:#555555;
font-weight:normal;
}



.circles{
width:98%;
margin:0 auto;
text-align:center;
margin:2% 2%;
}

.circle1{
float:left;
width:290px;
height:80px;
background-color:#f0f0f0;
border-radius:100px;
-moz-border-radius:100px;
webkit-border-radius:100px;
text-align:center;
padding:40px 10px;
-webkit-box-shadow: 3px 3px 0px rgba(0, 162, 178, 0.75);
-moz-box-shadow:    3px 3px 0px rgba(0, 162, 178, 0.75);
box-shadow:         3px 3px 0px rgba(0, 162, 178, 0.75);
margin-top:5%;
}

.circles ul{
list-style-image:url(../images/bullet.png);
margin:10px 0 10px 90px;
}
.circles ul li{
text-align:left;
font-size:12px;
}

.circles ul li a{
text-align:left;
font-size:12px;
color:#6a6a6a;
}
.circles ul li a:hover{
text-align:left;
font-size:12px;
color:#00a2b2;
}
.rght-marg{
margin-right:50px;
}
footer{
width:100%;
background:#00a2b2;
margin:0 auto;
padding:10px 0;
}

footer .inside{
width:75%;
height:100%;
margin:0 auto;
font-size:10px;
color:#fff;
}