<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
	font-family: Tahoma, Arial, sans-serif;
}

#container {
	
	width: 640px;
	height: 1230px;
	left: 0;
	top: 0;
	background-image: url(imagens/bg.jpg);
	
}

#titulo {
	position: absolute;
	width:640px;
	height: 150px;
	left: 45px;
	top: 150px;
	color: #0000;
	font-size: 20px;
	font-weight:100
	 
	text-align: left;
	line-height: 19px;
	
}

#sharing {
	position: absolute;
	width: 140px;
	height: 30px;
	right: 22px;
	top: 10px;
}

#sharing div {
	width: 30px;
	height: 30px;
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

#sharing div:hover {
	background-position: 0 -30px;
}

.card-small {
	position: absolute;
	width: 640px;
	height: 400px;

	-webkit-perspective: 500px;
	   -moz-perspective: 500px;
	     -o-perspective: 500px;
	        perspective: 500px;
}


.card-small:hover .card-slider, .card-large:hover .card-slider {
	-webkit-transform: rotateY( 180deg );
       -moz-transform: rotateY( 180deg );
         -o-transform: rotateY( 180deg );
            transform: rotateY( 180deg );
    -webkit-transform: translateX( -100% ) rotateY( -180deg );
       -moz-transform: translateX( -100% ) rotateY( -180deg );
         -o-transform: translateX( -100% ) rotateY( -180deg );
            transform: translateX( -100% ) rotateY( -180deg );
}

.card-large {
	position: absolute;
	width: 640px;
	height: 400px;
	
	-webkit-perspective: 500px;
	   -moz-perspective: 500px;
	     -o-perspective: 500px;
	        perspective: 500px;
}

.card-foto, .card-borda  {
	position: absolute;
	left: 0;
	top: 0;
}

.card-faixa {
	position: absolute;
	left: 0;
	top: 260px;
}

.card-chamada {
	position: absolute;
	width: 100%;
	height: 59px;
	right: 35px;
	top: 300px;
	text-align: right;
	color: #ffffff;
	font-size: 24px;
	line-height: 59px;
}

.card-destaque-esq-branco {
	position: absolute;
	width: 100%;
	height: 59px;
	right: 30px;
	top: 255px;
	text-align: right;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 59px;
}

.card-destaque-esq-preto {
	position: absolute;
	width: 100%;
	height: 59px;
	right: 30px;
	top: 255px;
	text-align: right;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 59px;
}

.card-destaque-dir-preto {
	position: absolute;
	width: 100%;
	height: 59px;
	left: 20px;
	top: 255px;
	text-align: left;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 59px;
}

.card-destaque-dir-branco {
	position: absolute;
	width: 100%;
	height: 59px;
	left: 20px;
	top: 255px;
	text-align: left;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 59px;
}


.card-chamada-dir {
	position: absolute;
	width: 100%;
	height: 59px;
	left: 20px;
	top: 300px;
	text-align: left;
	color: #ffffff;
	font-size: 24px;
	line-height: 59px;
}

.card-back {
	position: absolute;
	width: 100%;
	height: 400px;
	left: 0;
	top: 0;
	background-color: #03342b;
	
}

.card-escudo {
	position: absolute;
	left: 20px;
	top: 10px;
}




.card-small .card-titulo {
	/*position: absolute;
	right: 20px;
	top: 16px;
	height: 60px;*/
	margin-left: 10px;
	width: 640px;
	text-align: left;
	color: #fff;
	font-size: 20px;
	line-height: 22px;
	
}

.card-large .card-titulo {
	position: absolute;
	right: 30px;
	left: 10px;
	top: 16px;
	height: 60px;
	width: 250px;
	text-align: left;
	color: #fff;
	font-size: 26px;
	line-height: 22px;
}

.card-small .card-texto {
	position: absolute;
	left: 40px;
	top: 90px;
	width: 320px;
	height: auto;
	line-height: 16px;
	text-align: left;
	color: #fff;
	font-size: 14px;
	overflow:auto;
}

.card-estadio {
	position: absolute;
	left: 40px;
	top: 320px;
	width: 320px;
	height: auto;
	line-height: 16px;
	text-align: left;
	font-weight: bold;
	color: #ffc600;
	font-size: 14px;
	overflow:auto;
}

 .card-nomeclube {
	/*position: absolute;*/
	position: absolute;
	left: 40px;
	top: 40px;
	width: 350px;
	height: auto;
	line-height: 20px;
	text-align: left;
	color: #ffc600;
	font-size: 16px;
	font-weight: bold;
	overflow:auto;
}

.card-large .card-texto {
	/*position: absolute;*/
	left: 50px;
	top: 130px;
	width: 640px;
	height: auto;
	line-height: 16px;
	text-align: left;
	color: #fff;
	font-size: 16px;
}


.card-credito, .card-nacionalidade, .card-idade {
	
	left: 50px;
	margin-left: 10px;
	bottom: 10px;
	width: 250px;
	height: auto;
	text-align: left;
	color: #fff;
	font-size: 10px;
	
}





.card-slider {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 400px;
	-webkit-transition: -webkit-transform 0.33s;
         -moz-transition: -moz-transform 0.33s;
           -o-transition: -o-transform 0.33s;
              transition: transform 0.33s;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
     -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
          -o-backface-visibility: hidden;
             backface-visibility: hidden;
     -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
          -o-transform-origin: right center;
             transform-origin: right center;
             
}

.card-front, .card-back {
	/*display: block;*/
	position: absolute;
	width: 100%;
	height: 100%;
}

.card-back {
	-webkit-transform: rotateY( 180deg );
         -moz-transform: rotateY( 180deg );
           -o-transform: rotateY( 180deg );
              transform: rotateY( 180deg );
     -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
          -o-backface-visibility: hidden;
             backface-visibility: hidden;
}

</pre></body></html>