/* V.2 */

#fondoTirada {
	clear:both;
	overflow:hidden;
	margin:0 auto;
  	width:100%;
    background-image: url('images/FondoTirada.jpg');
    background-position: middle center;
    background-repeat: no-repeat;
    min-width:730px;
    min-height:730px;
}

#centradoTirada {
    /*position:absolute;
    left:32px;
    top:154px;*/
    position: relative;
    left: 74px;
    top: 57px;
}

.contenedorTirada {
    position:relative;
    width:540px;
    height:540px;
    padding: 2.8em;
    /*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/
    /*border: dashed 1px;*/
    border-radius: 50%;
    /*margin: 40px 40px 0; */
}

.contenedorTirada a {
    display: block;
    position: absolute;
    top:50%; left:50%;
    width:48px; height:92px;
    margin:0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}
.contenedorTirada a:hover {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(255,255,255,1.0);
    -moz-box-shadow: 0px 0px 20px 0px rgba(255,255,255,1.0);
    box-shadow: 0px 0px 20px 0px rgba(255,255,255,1.0);
    border:#d68212 solid 2px;
}
.contenedorTirada img { display:block; }
.carta1 {
    transform: rotate(-77.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(-77.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(-77.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(-77.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(-77.5deg) translate(218px) rotate(-90deg);
}
.carta2 {
    transform: rotate(-61deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(-61deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(-61deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(-61deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(-61deg) translate(218px) rotate(-90deg);
}
.carta3 {
    transform: rotate(-44.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(-44.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(-44.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(-44.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(-44.5deg) translate(218px) rotate(-90deg);
}
.carta4 {
    transform: rotate(-28deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(-28deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(-28deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(-28deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(-28deg) translate(218px) rotate(-90deg);
}
.carta5 {
    transform: rotate(-11.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(-11.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(-11.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(-11.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(-11.5deg) translate(218px) rotate(-90deg);
}
.carta6 {
    transform: rotate(5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(5deg) translate(218px) rotate(-90deg);
}
.carta7 {
    transform: rotate(21.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(21.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(21.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(21.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(21.5deg) translate(218px) rotate(-90deg);
}
.carta8 {
    transform: rotate(38deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(38deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(38deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(38deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(38deg) translate(218px) rotate(-90deg);
}
.carta9 {
    transform: rotate(54.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(54.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(54.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(54.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(54.5deg) translate(218px) rotate(-90deg);
}
.carta10 {
    transform: rotate(71deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(71deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(71deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(71deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(71deg) translate(218px) rotate(-90deg);
}

.carta11 {
    transform: rotate(87.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(87.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(87.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(87.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(87.5deg) translate(218px) rotate(-90deg);
}
.carta12 {
    transform: rotate(103.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(103.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(103.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(103.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(103.5deg) translate(218px) rotate(-90deg);
}
.carta13 {
    transform: rotate(119.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(119.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(119.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(119.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(119.5deg) translate(218px) rotate(-90deg);
}
.carta14 {
    transform: rotate(135.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(135.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(135.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(135.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(135.5deg) translate(218px) rotate(-90deg);
}
.carta15 {
    transform: rotate(151.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(151.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(151.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(151.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(151.5deg) translate(218px) rotate(-90deg);
}
.carta16 {
    transform: rotate(167deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(167deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(167deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(167deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(167deg) translate(218px) rotate(-90deg);
}
.carta17 {
    transform: rotate(183.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(183.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(183.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(183.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(183.5deg) translate(218px) rotate(-90deg);
}
.carta18 {
    transform: rotate(200deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(200deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(200deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(200deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(200deg) translate(218px) rotate(-90deg);
}
.carta19 {
    transform: rotate(216.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(216.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(216.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(216.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(216.5deg) translate(218px) rotate(-90deg);
}
.carta20 {
    transform: rotate(233.5deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(233.5deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(233.5deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(233.5deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(233.5deg) translate(218px) rotate(-90deg);
}

.carta21 {
    transform: rotate(250deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(250deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(250deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(250deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(250deg) translate(218px) rotate(-90deg);
}
.carta22 {
    transform: rotate(266deg) translate(218px) rotate(-90deg);
    -ms-transform: rotate(266deg) translate(218px) rotate(-90deg);
    -webkit-transform: rotate(266deg) translate(218px) rotate(-90deg);
    -o-transform: rotate(266deg) translate(218px) rotate(-90deg);
    -moz-transform: rotate(266deg) translate(218px) rotate(-90deg);
}


@keyframes carta1 {
    100% {
        transform: rotate(0deg) translate(0px) rotate(0deg);
        left:200px;
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
    }
}

@-webkit-keyframes carta1 {
    100% {
        -webkit-transform: rotate(0deg) translate(0px) rotate(0deg);
        left:200px;
        -moz-opacity: 1.0;
        opacity: 1.0;
    }
}

.animacionCarta1 {
    -webkit-animation-name: carta1;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation: carta1 1s;
    animation-fill-mode: forwards;
}

@keyframes carta2 {
    100% {
        transform: rotate(0deg) translate(0px) rotate(0deg);
        left:270px;
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
    }
}

@-webkit-keyframes carta2 {
    100% {
        -webkit-transform: rotate(0deg) translate(0px) rotate(0deg);
        left:270px;
        -moz-opacity: 1.0;
        opacity: 1.0;
    }
}

.animacionCarta2 {
    -webkit-animation-name: carta2;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation: carta2 1s;
    animation-fill-mode: forwards;
}

@keyframes carta3 {
    100% {
        transform: rotate(0deg) translate(0px) rotate(0deg);
        left:340px;
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
    }
}

@-webkit-keyframes carta3 {
    100% {
        -webkit-transform: rotate(0deg) translate(0px) rotate(0deg);
        left:340px;
        -moz-opacity: 1.0;
        opacity: 1.0;
    }
}

.animacionCarta3 {
    -webkit-animation-name: carta3;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation: carta3 1s;
    animation-fill-mode: forwards;
}



/*a:link 				{ font-size:14px; color:#000000; text-decoration:none;}
a:visited 			{ font-size:14px; color:#000000; text-decoration: none;}
a:hover 			{ font-size:14px; color:#6078c2; text-decoration: none;}
.Titulo				{ font-weight:bold; font-size:20px; color:#000000; text-align:center;margin-bottom:8px;}
.Pie				{ text-decoration:none; font-size:18px; color:#b600b5;}
.Texto				{ text-align:justify; font-size:18px; color:#660066;}
.TextoPeque			{ text-align:justify; font-size:12px;}

.estilo1			{ font-size:12px; font-weight:bold; color:#000000;}
.estilo1blanco		{ font-size:12px; font-weight:bold; color:#FFFFFF;}
.estilo2			{ font-size:14px; font-weight:bold; color:#FFFFFF;}
.estilo3			{ font-size:14px; font-weight:bold; color:#000000;}
.estilo4			{ font-size:10px; font-weight:bold; color:#000000;}
.boton				{ font-size:12px;}
.obligatorio		{ font-size:12px; color:#000000;}

.oscuro				{ background-color:#2E2E2E;}
.medio				{ background-color:#5F5F5F;}
.claro				{ background-color:#9F9F9F;}

body				{ background-color:#FFFFFF; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; overflow:auto; font-family:arial, helvetica, sans-serif; }
pagina				{ background-color:#FFFFFF;}

.input				{ border:1px solid #333333; height:18px; font-size:12px; font-weight:bold; color:#000000;}
*/