/* CSS Document */

.clear { clear:both; }
.center { text-align:center; margin:0 auto;} 

#menu-btns-main {width: 100%; margin: 0 auto; padding:0 50px; text-align: center;}
#menu-btns-main .item {float: left; margin: 5px; }
.menu-btns-wrap { display: inline-block; padding: 5px; margin: auto;}

.my-btn { cursor:pointer;
	text-decoration:none;
	text-align:center;
	padding:5px;
	margin:5px;
	border: 1px solid #333;
}
.my-btn:hover {color: #FFF; background-color:#CCC;}
.my-btn-big { font-size:25px;
	border: 2px solid #999;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
	color: #555;
}

.nav-menu { text-align:center;color:#333; }
.nav-menu a { cursor:pointer;
	text-decoration:none;
	text-align:center;
	padding:5px;
	margin:5px;
	border: 1px solid #333;
}
.nav-menu a:hover {color: #FFF; background-color:#CCC;}
.nav-menu a.active {color: #FFF; 
	background-color:#333;
	box-shadow: 0 0 21px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 21px 1px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 21px 1px rgba(0,0,0,.25);}
.container-info{ padding: 50px;}

.circle.circle-bg { width: 160px;height: 160px;}
.circle.outer-circle {
	background-color: #fff;
	box-shadow: 0 0 21px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 21px 1px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 21px 1px rgba(0,0,0,.25);
}
.outer-circle { margin: 40px auto; }
.circle {
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.circle.inner-circle {
	top: 5px;
	position: relative;
	margin: 0 auto;
	box-shadow: inset 0 0 27px 4px rgba(109,109,109,.3);
	-webkit-box-shadow: inset 0 0 27px 4px rgba(109,109,109,.3);
	-moz-box-shadow: inset 0 0 27px 4px rgba(109,109,109,.3);
}
.inner-circle {width: 150px;height: 150px;}
.inner-circle img{border-radius:50%;width:150px;height:150px; }

.social-circles { text-align: center;
	padding: 7px 5px 5px 5px;
	margin: 5px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 21px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 21px 1px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 21px 1px rgba(0,0,0,.25);
}

.pestanya-idioma {	position: absolute;
    z-index: 10;
	top: 0px;
	right: -210px;
	height: 40px;
	width: 250px;
	transition: all linear .2s;
	cursor: pointer;
	box-shadow: 0 0 21px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 21px 1px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 21px 1px rgba(0,0,0,.25);
}
.pestanya-idioma:hover {
	right: 0px;
}
.pestanya-idioma span {
    position: absolute;
    color: white;
    top: 5px;
    left: 45px;
}
.pestanya-idioma span img{ margin-left: 10px; }