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

@font-face {
      font-family:scriptbl;
      src: url("scriptbl.ttf");
}
body {
	background-color:#000;
}
.circulo {
	width:209px;
	background-color:#468966;
	border-radius:130px;
	margin-left: 25px;
	/* box-shadow:0px 0px 20px rgba(0,0,0,0.7); */
	border: solid #468966 11px;
	/* [disabled]z-index: 1; */
	height: 209px;
	/* [disabled]padding-bottom: 0px; */
	/* [disabled]padding-top: -100px; */
	margin-top: 75px;
	position: relative;
	color: #000;
	text-align: center;
}
h1 ,h2,h3,h4,h5,h6{
	font-family:scriptbl ,Permanent Marker;
	/*text-shadow: 2px 2px 5px ;*/
	font-weight: lighter;
	/* [disabled]margin-left: 50px; */
	/* [disabled]text-align: center; */
	font-size: 33px;
	/* [disabled]background-color: #0F3; */
}
p {
	text-shadow: 2px 2px 2px #000;
	margin-left: 20px;
	font-family:scriptbl ,Permanent Marker;
	font-size:18px;
	color: #FFF0A5;
	margin-top: -25px;
}
b {
	text-shadow: 2px 2px 5px #000;
	/* [disabled]margin-left: 20px; */
	font-family: scriptbl ,Permanent Marker;
	font-size:18px;
	/* [disabled]color: #CAC; */
	margin-top: 50px;
	top: 50px;
}
.gira {
	width: 185px;
	height:175px;
	border-radius: 150px;
	transition: transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	padding-top: 10px;
	border: 22px solid #FFB039;
	position: relative;
	box-shadow:0px 0px 20px rgba(0,0,0,1);
	background-color: #FFB039;
}

.rota {
	position: relative;
	transition: transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	width: 570px;
	border-radius:300px;
	margin-top: 70px;
	border: solid #B64926 15px;
	box-shadow:0px 0px 20px rgba(0,0,0,1);
	height: 192px;
	text-align: center;
	color: #FF970E;
	background-color: #B64926;
}
.banda {
	/*font-family: "scriptbl";*/
	box-shadow:0px -5px 5px rgba(0,0,0,0.0);
	color: #000;
	background-color: #468966;
	text-align: center;
	margin-top: 50px;
	border-radius:40px;
	width: 80%;
	margin-left: 10%;
}
.rota:hover {
	cursor: pointer;
}
.rota:active {
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
    -moz-transform: rotate(180deg);
	
}
.gira:hover {
	cursor: pointer;
}
.gira:active {
	cursor: pointer;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
    -moz-transform: rotate(180deg);

}
.container {
	background-image: img/fondo1.jpg;
	background-repeat: repeat-y;
	background-position: center;
	/* [disabled]background-image: url(../img/fondon.jpg); */
	background-color: #8E2804;
	width: 90%;
	margin-left: 5%;
}
.coloca {
	width: 400px;
	height: 1px;
	position: relative;
	/* [disabled]left: 50px; */
	top: -275px;
	text-align: right;
	right: 5%;
	float: right;
}
.coloca3 {
	width: 400px;
	height: 1px;
	position: relative;
	/* [disabled]left: 50px; */
	top: -283px;
	text-align: left;
	right: -3%;
	float: left;
}
.colo {
	width: 400px;
	height: 1px;
	position: relative;
	/* [disabled]left: 50px; */
	top: -29px;
	text-align: left;
	right: -3%;
	float: left;
}
brinco{
	0% {transform:rotate(0deg);}
	25% {transform:rotate(180deg);}
	75% {transform:rotate(180deg);}
	100% {transform:rotate(360deg);}
}
@keyframes brinco{
	0% {transform:rotate(0deg);}
	25% {transform:rotate(180deg);}
	75% {transform:rotate(180deg);}
	100% {transform:rotate(360deg);}
}
@-webkit-keyframes brinco{
	0% {transform:rotate(0deg);}
	25% {transform:rotate(180deg);}
	75% {transform:rotate(180deg);}
	100% {transform:rotate(360deg);}
}
@-o-keyframes brinco{
	0% {transform:rotate(0deg);}
	25% {transform:rotate(180deg);}
	75% {transform:rotate(180deg);}
	100% {transform:rotate(360deg);}
}
.elalberto {
	margin-left: -20px;
}
.thecompany {
	margin-left: -32px;
}
.daphnicky {
	margin-left: -25px;
}
.elgonzalo {
	margin-left: -12px;
	/* [disabled]margin-top: 100px; */
	padding-top: 20px;
}
.lospacos {
	margin-left: -31px;
	/* [disabled]margin-top: 100px; */
	/* [disabled]padding-top: 20px; */
}
.laestherotra {
	margin-left: -30px;
	/* [disabled]margin-top: 100px; */
	padding-top: 20px;
}
.oscarana {
	margin-left: -23px;
	margin-top: -10px;
	/* [disabled]padding-top: 20px; */
}
.laesther {
	margin-left: -18px;
	margin-top: -5px;
}
.esthyalb {
	margin-left: -26px;
	margin-top: -5px;
}
.cohones {
	background-color: #363;
	height: 100px;
	width: 100px;
 -webkit-transition: -webkit-transform 1s ease-out;
 -moz-transition: -moz-transform 1s ease-out;
 transition: transform 1s ease-out;
}
.cohones:hover {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 transform: rotate(360deg);
}