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




header{
width:100%;
height:auto;
}

.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%;
margin:0 auto;
}
.nav-inside {
	width:100%;
	min-width:400px;
	height:100%;
	margin:0 auto;
}

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

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




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

.box-3{
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;
}

h2{
font-size:14px;
}

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



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

.circle1{
float:left;
width:290px;
height:80px;
text-align:center;
padding:40px 10px;
margin-top:5%;
}

.circles ul{
margin:10px 0 10px 90px;
}
.circles ul li{
text-align:left;
font-size:12px;
}

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

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