﻿






@font-face {
    font-family: 'aclonicaregular';
    src: url('/fonts/aclonica.eot');
    src: url('aclonica.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aclonica.woff') format('woff'),
         url('/fonts/aclonica.ttf') format('truetype'),
         url('/fonts/aclonica.svg#aclonicaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*ET el estraterrestre fuente*/
/*@font-face {
    font-family: 'dk_cool_crayonregular';
    src: url('/fonts/dk_cool_crayon-webfont.woff2') format('woff2'),
         url('/fonts/dk_cool_crayon-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/


.container {
    max-width: 1366px;
    /*background: lightgoldenrodyellow;*/
}



div {
    display: block;
}

.containerCard {
    padding-right: 0px;
    padding-left: 0px;
}


.row {
    margin-right: 0px;
    margin-left: 0px;
}

.italicDescription {
    margin-top: 0px;
    font-style: italic;
    height: 55px;
    overflow: hidden;
}

.cardI {
    width: 822px;
    height: 1122px;
    border-radius: 32px;
    padding: 80px;
    /*width: 740px;
    height: 1036px;
    border-radius: 32px;
    padding:32px;*/
    font-size: 22px;
    background: linear-gradient(transparent, transparent);
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-family: Aclonicaregular;
    color: #000000;
    text-align: center;
    /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
}


.backGroundCard {
width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center bottom;
    opacity: 0.3;
    top: 0px;
    left: 0px;
    z-index: 0;
}



.cardIA {
    height: 822px;
    width: 1122px;
}

.cartaConFondoImagen {
    background-size: cover;
    /*width: 100%;
    height: 100%;*/
}

.Portada_Trasera {
    background-image: url("/Images/Portada_Trasera.png"); 
}

.Portada_Parte0 {
      background-image: url("/Images/Portada_Parte0.png"); 
}

.Portada_Parte1 {
      background-image: url("/Images/Portada_Parte1.png"); 
}



.fontSizeTitulo {
        font-size: 45px;
}
.fontSizeSubTitulo {
        font-size: 22px;
}
.fontSizeCopyright {
        font-size: 20px;
}
.pokerNumSize {
    font-size: 50px;
}


.fontSizeBig {
    font-size: 27px;
}

.fontSizeMed {
    font-size: 22px;
}

.fontSizePeq  {
    font-size: 19px;
}

.italic{
    font-style: italic; 
}

.negrita {
    font-weight: bold;
}



.xPart {
    width: 100%;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.7);
    /*background: white;*/
    overflow: hidden;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
}

.xTitulo {
    height: 11%;
    margin-bottom: 20px;
    padding-top: 4px;
}

/*.xTituloSpotIt {
    height: 7%;
    margin-bottom: 20px;
    padding-top: 4px;
}

.xUnoSpotIt {
    height: 91%;
}
*/

.xUnoComplete100 {
    height: 100%;
}

.xSubTitulo {
    /*height: 4%;*/
}




.xCompleto {
    height: 100%;
}

.xDos {
    height: 346px;
    margin-bottom: 20px;
}

.xUno {
    height: 87%;
}

.xApaisado {
    height: 100%;
}


.CharacterProperty {
    height: 100px;
    padding-top: 19px;
    text-align: left;
    padding-left: 27px;
    font-size: 39px;
}

.differenceNumber{
    font-size: 13px;
    opacity: 0.8;   
}

.CharacterPropertyBig {

    overflow: hidden;
    text-align: center;

    height: 80px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.CharacterPropertyBigDerecha {
   height: 70px;
}

.scaled0_2 {
    -webkit-transform: scale(0.2,0.2);
    -moz-transform: scale(0.2,0.2);
    -ms-transform: scale(0.2,0.2);
    -o-transform: scale(0.2,0.2);
    transform: scale(0.2,0.2);
    transform-origin: top left;
}



.scaled0_5 {
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    -o-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
}


.scaled180 {
    -webkit-transform: scale(-1,-1);
    -moz-transform: scale(-1,-1);
    -ms-transform: scale(-1,-1);
    -o-transform: scale(-1,-1);
    transform: scale(-1,-1);
}




.card_imgIconoBanderaPequena {
    height: 170px;
    position: absolute;
    right: 26px;
    top: 450px;
}

.card_imgCountryPlayersPlus {
    position: absolute;
    right: 52px;
    top: 583px;
}

.card_imgCountryPlayersEscudo {
    position: absolute;
    width: 43px;
    text-align: center;
    right: 40px;
    bottom: 60px;
    font-size: 40px;
    line-height: 26px;
    
    /*position: absolute;
    text-align: center;
    left: 20px;
    top: 0px;
    font-size: 40px;*/
}

.CharacterLives {
    width: 50px;
    position: absolute;
    right: 94px;
    top: 217px;
}

.CharacterContinentButton {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    position: absolute;
    left: 94px;
    top: 217px;
}

.CharacterYear {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 184px;
    text-align: center;
    /*opacity: 0.8;*/
    /* background-color: red; */
}
.CardMasUno {
    width: 100px;
    position: absolute;
    right: 76px;
    top: 216px;
}

.CardDice {
    width: 79px;
    position: absolute;
    right: 91px;
    top: 227px;
}


.eyeMonster {
    width: 100%;
}




.logoTypeIcon {
    height: 40px;
    width: 40px;
    position: absolute;
    z-index: 3;
    left: 47%;
    top: 38px;
}

.logoTypeIcon2 {
    height: 40px;
    width: 40px;
    position: absolute;
    z-index: 3;
    left: 47%;
    bottom: 38px;

}


.pokerNum {
    position: absolute;
    z-index: 3;
    right: 81px;
    bottom: 23px;
    /*opacity: 0.9;*/
    font-family: "Times New Roman", Times, serif;
    width: 91px;
}



.card_contenedor_imagenQuestion {
    height: 233px;
    padding-top: 5px;
}

.card_imgCentralHeight {
    height: 230px;
}

.card_contenedor_imagenQuestion2 {
    height: 125px;
    padding-top: 5px;
}
.card_imgCentralHeight2 {
    height: 120px;
}


.card_TextCentralHeightEn {
    height: 113px;
    width: 100%;
}

.card_TextCentralHeightEsDe {
    height: 100px;
    width: 100%;
}


.card_TextCentralHeight {
    height: 37px;
    width: 100%;
}

.card_TextCentralHeight2 {
    height: 60px;
    width: 100%;
}


.card_imgCentral_parent {
    position: relative;
}


.card_imgCentral_X {
    position: absolute;
    left: 398px;
    z-index: 3;
}

.card_imgCentral_X2 {
    position: absolute;
    left: 350px;
    z-index: 3;
}




.card_Country_imgCentral {
    margin: 4px;
    margin-top: 30px;
    height: 430px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 25px;
}


.card_Character_imgCentral {
    margin: 4px;
    margin-top: 10px;
    height: 500px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}


.card_Country_imgCentralTreeTexts {
    height: 380px;
}




.card_Help_imgCentral {
    margin-top: 13px;
    height: 836px;
    width: 645px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.card_Help_ListTextImage_image {
    height: 49px;
    width: 49px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.card_Help_div_ListTextImage_image {
    /* background-image: url("/Images/Canada.png"); */
    height: 49px;
    background-size: cover;
    background-position: 0px -13px;
    background-repeat: no-repeat;
}

.card_Help_div_ListTextImage_image2 {
    height: 46px;
    width: 71px;
    background-size: cover;
    background-position: 0px -13px;
    background-repeat: no-repeat;
    z-index: 4;
}



.linea {
    background-image: url("/Images/HardCode/Manos_Linea.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 10px;
    width: 100%;
    opacity: 0.7;
    margin-top: 5px;
    margin-bottom: 5px;
}


.card_Help_ListTextImage_continent {
    padding-left: 10px;
    font-weight: bold;
    margin-top: 13px;
    margin-bottom: 4px;
}


.padding0 {
    padding-right: 0px;
    padding-left: 0px;
}

.padding5 {
    padding-right: 5px;
    padding-left: 5px;
}

.padding00top {
    /*padding-top: 6px;
    padding-right: 0px;
    padding-left: 0px;*/
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;

    line-height: 1;
}

.heightCountryName {
        height: 46px;
}


.card_Help_ListTextImage_text {
    margin-top: 0px;
    /*font-size: 23px;*/
    text-align: left;
}


.card_Help_ListTextImage2_text {
    text-align: left;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background: red;
    position: absolute;
    top: 301px;
    right: 6px;
    height: 646px;
    width: 811px;
}



.cards_Country_Allproperty {
    margin-left: 20px;
}
.cards_Country_property {
    height: 77px;
    text-align: left;
    /*overflow: hidden;*/
}

.card_Country_iconContainer {
     padding: 0px;
}

.card_Country_icon {
    width: 60px;
    float: right;
}

.card_Country_text {
    padding-left: 8px;
    padding-right: 0px;
}

.padreToVerticalCenter {
    display: table;
    width: 100%;
}

.hijoToVerticalCenter {
    display: table-cell;
    vertical-align: middle;
}


.card_body_OneBodyImageAndTreeTexts {
    height: 110px;
    overflow: hidden;
    width: 100%;
}


.card_body_OneBodyImageAndText {
    height: 240px;
    overflow: hidden;
    width: 100%;
}



.card_180deg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}






.card_footer_todo {
    padding: 0px;
    position: absolute;
    left: 0px;
    bottom: 43px;
    width: 100%;
    opacity: 0.8;
    z-index: 3;
    /* color: white; */
    /* text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; */
}

.card_footer_action {
    /*text-align: left;
    padding-left: 91px;*/
}

.card_footer_country {
    /* color: white; */
    /* text-align: left; */
    /* padding-left: 91px; */
    bottom: 81px;
}

.card_footer_TwoBodyYesNo
 {
    bottom: 544px;
    color: white;
}

.card_footer_question  {
    bottom: 544px;
    color: white;
}


.en {
    color: black;
    /*font-size: 22px;*/
}

.es {
    color: #0B243B;
    /*font-size: 20px;*/
}

.de {
    color: #3B0B17;
    /*font-size: 20px;*/
}





.logoInfoCountry {
    width: 978px;
    height: 962px;
    position: absolute;
    top: 40px;
    left: 56px;
    background-image: url(/Images/mapamundi.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    padding: 0px;
    background-position: 27px 43px;
    /* background: red; */
    opacity: 0.4;
    z-index: 3;
}


.logoInfoCountryColores {
    /* height: 962px; */
    position: absolute;
    /* top: 0px; */
    /* left: 0px; */
    overflow: hidden;
    padding: 0px;
    opacity: 0.7;
    width: 962px;
    z-index: 0;
}

.border_top_leftInfoCountry {
    border-top-left-radius: 10px;
}

.border_top_rightInfoCountry {
    border-top-right-radius: 10px;
}

.border_bottom_leftInfoCountry {
    border-bottom-left-radius: 10px;
}

.border_bottom_rightInfoCountry {
    border-bottom-right-radius: 10px;
}

.logoPartCountry  {
    opacity: 1;
}


.logoPartUpCountry {
    height: 333px;
}
.logoPartDownCountry {
    height: 329px;
}

.nameInfoCountry {
    /*font-size: 21px;*/
}

.nameInfoCountryNum {
    font-size: 18px;
}




/*logoooooooooooooooo*/
.logo2 {
       width: 822px;
    height: 750px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(/Images/mapamundi.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    padding: 0px;
    background-position: 27px 43px;
    /* background: red; */
}

.logo {
    /*background-image: url(/Images/mapamundi.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: papayawhip;
    background-position: right 20px;
    */
    background: papayawhip;
    overflow: hidden;
    padding: 0px;
    /*border-width: 55px;
    border-color: black;
    border-style: solid;*/
  
}

.LogoWebInicial {
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
}


.logoPart {
    opacity: 0.9;
    filter: alpha(opacity=90);
    font-size: 30px;
}

.logoPartUp {
    height: 300px;
    padding-top: 75px;
}

.logoPartRight {
    padding-right: 65px;
}

.logoPartLeft {
    padding-left: 65px;
}

.logoPartDown {
    height: 235px;
}

.logoPartAntartida {
    height: 50px;
}

.logoPartCounters {
    height: 140px;
}

.logoPartnumero {
    height: 133px;
    border-color: papayawhip;
    border-style: solid;
    border-width: 0px 4px 0px 2px;
    border-radius: 17px;
    background: ghostwhite;
}

/*.border_top_left {
    border-top-left-radius: 16px;
}

.border_top_right {
    border-top-right-radius: 16px;
}

.border_bottom_left {
    border-bottom-left-radius: 16px;
}

.border_bottom_right {
    border-bottom-right-radius: 16px;
}*/

.border_bottom_antartida {
     /*border-bottom-left-radius: 160px;
     border-bottom-right-radius: 160px;*/
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logoPartAbajoTitulo {
    margin-top: 20px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    height: 75px;
    font-size: 59px;
}

.logoPartAbajoSubTitulo {
    opacity: 0.7;
    filter: alpha(opacity=70);
    height: 60px;
    font-size: 30px;
    margin-bottom: 5px;
}



.logo_footer {
    opacity: 0.7;
    filter: alpha(opacity=70);
    font-size: 25px;
    position: absolute;
    bottom: 50px;
    font-style: italic;
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
}


/*logoooooooooooooooo*/


/*corazones*/
.cardCorazones {
    /*background-image: url(/Images/Portada3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    padding: 0px;
    background-position: 0px 0px;*/
    /* background: red; */
}

.vidasDiv {
    width: 100%;
}
.vidasImagen {
    width: 97px;
}



.xPartCorazones {
    height: 440px;
    margin-top: 40px;

}

.corazonesProperty {
    height: 80px;
    padding-top: 30px;
    text-align: left;
    padding-left: 31px;
}


.corazonesPropertyText {
    height: 80px;
    padding-top: 30px;
    text-align: left;
    padding-left: 0px;
    left: -10px;
}

.corazonesPropertyTextIzq {
      
}

.corazonesPropertyTextDer {
    text-align: right;
    margin-right: -40px;
    color: firebrick;
}

.flotanteCorazonesProperty {
    position: absolute;
    bottom: 40px;
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
    left: -49px;
}

.flotanteCorazonesPropertyDerecha {
    bottom: 0px;
    left: 50px;
    color: firebrick;
}

/*corazones*/

/*Players*/
.cardPlayers {
    padding: 0px;
    padding-left: 40px;
    padding-right: 40px;
    background: linear-gradient(gold,gold,gold);
}


.colPlayer {
   padding: 0px;
   height: 822px;
   border: 1px dashed black;
}

.PlayerCardName {
    margin-top: 40px;
    margin-bottom: 40px;
    height: 120px;
    /*background: blue;*/
}

.PlayerCardImagen {
    width: 100%;
    height: 212px;
    /*background: red;*/
    background-size: contain;
    background-repeat: no-repeat;
   
}


.PlayersvidasDiv {
    width: 100%;
    height: 124px;
    border: 1px dashed black;
    background: linear-gradient(gold,papayawhip,gold);
}
.PlayersVidas {
    margin-top: 40px;
    padding: 0px;
}
.PlayersVidasDerecha {
  
}

.PlayersVidasIzquierda {
}

.PlayersvidasImagen {
    width: 124px;
}

/*Players*/
