
/* CSS Document byr Graphinia */




img{ 
    vertical-align: middle;
}

p {
    text-align: justify;
}

h3{
    text-align: center;
    vertical-align: center;
    font-family: 'Oxygen', sans-serif;
    font-size: 20px;

}




h2{
    text-align: center;
    vertical-align: center;

}

h1{
    text-align: center;
    vertical-align: center;

}

html {
    background: #FFF;
}


.centrarTextoTabla{

    text-align:center;

}

/* Fondo de la primer pantalla */
.bga {

    background-repeat: no-repeat;

    background-position: right bottom;
    background-size:auto auto;
    min-width : 100%;
    height : 627px;
    display: compact;
}

/* Fondo blanco degradado  */


.row.fondo{

    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 43%, rgba(176,176,176,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(43%, rgba(246,246,246,1)), color-stop(100%, rgba(176,176,176,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 43%, rgba(176,176,176,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 43%, rgba(176,176,176,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 43%, rgba(176,176,176,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 43%, rgba(176,176,176,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b0b0b0', GradientType=0 );

}

/* Cuadros torneo */



.cuadradob {
    display: block;
    margin-left: auto;
    margin-right: auto;  
    height: 140px;
    width: 140px;
    overflow: hidden;

    /* Hacer que se levanten un poco  */
    -webkit-transition: 0.2s ease-out;
    -moz-transition:  0.2s ease-out;
    -o-transition:  0.2s ease-out;


    /*Sombreado*/
    border-radius : 5px 5px 0px 0px  / 3px;
    -moz-border-radius : 5px 5px 0px 0px  / 3px;
    -webkit-border-radius : 5px 5px 0px 0px  / 3px;


    -webkit-box-shadow: inset -95px -105px 90px -125px rgba(255,255,255,1);
    -moz-box-shadow: inset -95px -105px 90px -125px rgba(255,255,255,1);
    box-shadow: inset -95px -105px 90px -125px rgba(255,255,255,1);

    -webkit-box-shadow: 17px 10px 29px -6px rgba(56,56,56,0.3);
    -moz-box-shadow: 17px 10px 29px -6px rgba(56,56,56,0.3);
    box-shadow: 17px 10px 29px -6px rgba(56,56,56,0.3);



}




.cuadradob:hover {


    margin-top: 3px; 

    -webkit-transform: scale(1.1);
    -moz-transform:    scale(1.1);
    -o-transform:      scale(1.1);
    -ms-transform:     scale(1.1);

}



.cuadradob span {
    display: block;
    background: url("../images/Cancha/brillo.png") -230px 0px no-repeat;    
    position: relative;
    left:0px;
    top:0px;
    transition: all;
    transition-duration: .5s;
    height: 193px;
    width: 140px;

    /* Haciendo que crecan un poco  */

}


a.cuadradob:hover span {
    background-position: 140px 0px;

}

a:link   
{   
    text-decoration:none;   
}   

.cuadradoText{
    margin-left: auto;
    margin-right: auto; 
    width: 140px;



    background: white;


    border-radius : 0px 0px 5px 5px  / 5px;
    -moz-border-radius: 0px 0px 5px 5px  / 5px;
    -webkit-border-radius : 0px 0px 5px 5px  / 5px;
    -o-border-radius : 0px 0px 5px 5px  / 5px;
    -ms-border-radius : 0px 0px 5px 5px  / 5px;

}



#textoAnimado a {
    color: #666666;
    cursor: pointer;
    padding-left: 30px;
    -webkit-transition: padding-left 250ms ease-out;
    -moz-transition: padding-left 250ms ease-out;

}



#textoAnimado a:hover {
    padding-left: 40px;
}


#sangriaInfoA{


    padding-left: 30px;


}



#sangriaInfoD{


    padding-left: 30px;
    padding-right: 30px;
    color:#ffffff;
    font-weight: bolder;

}





.torneoText {

    font-family: 'Open Sans', sans-serif;

    margin-top: 0px;
    margin-bottom: 0px;
    padding: 3px;
    border: 0;
    vertical-align: baseline;
    font-weight: 500;
    font-size: 1.2em;
    line-height: 1.2em;


    color: #2E67B1;



}


.infoText {
    margin-top: 15px;
    margin-bottom: 0px;
    padding: 0px;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-weight: 500;
    font-size: 1.3em;
    line-height: 1em;

    /* Poniendo sombra interesante  */
    color: #2a4982;
    text-shadow: 0px 2px 3px #ffffff;


}






.linea {

    border: 0;
    border-bottom: 2px solid #e1e1e1;
    margin: 10px auto;
    clear: both;



}

#footer{

    background: #FFF ;
    text-align: center;
    color: #000000;
    padding-top: 3px;
    padding-bottom: 0px;


}



.hreg{

    font-family: 'Oxygen', sans-serif;
    font-size: 15px;


}



.ninths.five {
    width: 48%;
}






/* Color tabla */


table.asphalt thead tr th, table.asphalt thead tr td {
    background: #2a4982;
    color: white;




    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;

    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;

    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;

    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
}

/*Color de navegador de todas las pantallas */
nav ul li a, .nav ul li a, nav ul li a:visited, .nav ul li a:visited {
    background: none;
    border-color: #265a9d;
}

nav ul li a:hover, .nav ul li a:hover, nav ul li a:focus, .nav ul li a:focus, nav ul li a:visited:hover, .nav ul li a:visited:hover, nav ul li a:visited:focus, .nav ul li a:visited:focus {
    background: #265a9d;
    color: white;
    text-decoration: none;
}


nav ul li a.active:hover, .nav ul li a.active:hover, nav ul li a.active:focus, .nav ul li a.active:focus, nav ul li a:visited.active:hover, .nav ul li a:visited.active:hover, nav ul li a:visited.active:focus, .nav ul li a:visited.active:focus {
    background: #2e67b1;
    border-color: #3c60a3;


}


/*Color de equipos Admin sobre los que salen los botones */

nav ul li .equipoAdmin a, .nav ul li .equipoAdmin a, nav ul li .equipoAdmin a:visited, .nav ul li .equipoAdmin a:visited {

    background: #2e67b1;


}

nav ul li .equipoAdmin a:hover, .nav ul li .equipoAdmin a:hover, nav ul li .equipoAdmin a:focus, .nav ul li .equipoAdmin a:focus, nav ul li  .equipoAdmin a:visited:hover, .nav ul li .equipoAdmin a:visited:hover, nav ul li .equipoAdmin a:visited:focus, .nav ul li .equipoAdmin a:visited:focus {
    background: #2a4982;
    color: white;
    text-decoration: none;

}


nav ul li .equipoAdmin a.active:hover, .nav ul li .equipoAdmin a.active:hover, nav ul li .equipoAdmin a.active:focus, .nav ul li .equipoAdmin a.active:focus, nav ul li .equipoAdmin a:visited.active:hover, .nav ul li .equipoAdmin a:visited.active:hover, nav ul li .equipoAdmin a:visited.active:focus, .nav ul li .equipoAdmin a:visited.active:focus {
    background:#2e67b1;
    border-color: #3c60a3;


}


nav ul li.menu.on > a, .nav ul li.menu.on > a, nav ul li.menu.on > a:visited, .nav ul li.menu.on > a:visited {
    background: #2e67b1;
    text-decoration: none;
}


nav ul li a, .nav ul li a, nav ul li a:visited, .nav ul li a:visited {

    padding: 0.25em .25em;


}

nav ul li.menu > a:after, .nav ul li.menu > a:after {
    content: '\f0d7';
    display: inline-block;
    width: 1.1em;
    margin-left: 0.25em;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    font-size: 1.1em;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}


/* Cuadros torneo */



.cuadradoEquipo {
    display: block;
    margin-left: auto;
    margin-right: auto;  
    height: 140px;
    width: 140px;
    overflow: hidden;

    /* Hacer que se levanten un poco  */
    -webkit-transition: 0.2s ease-out;
    -moz-transition:  0.2s ease-out;
    -o-transition:  0.2s ease-out;


    /*Sombreado*/ 

    -webkit-box-shadow: -1px 0px 30px rgba(92, 89, 89, 0.48);
    -moz-box-shadow:    -1px 0px 30px rgba(92, 89, 89, 0.48);
    box-shadow:         -1px 0px 30px rgba(92, 89, 89, 0.48);



}




.cuadradoEquipo:hover {


    /* margin-top: -5px; */
    -webkit-transform: scale(1.1);
    -moz-transform:    scale(1.1);
    -o-transform:      scale(1.1);
    -ms-transform:     scale(1.1);


}



.cuadradoEquipo span {
    display: block;
    background: url("../images/Cancha/brillo.png") -230px 0px no-repeat;    
    position: relative;
    left:0px;
    top:0px;
    transition: all;
    transition-duration: .4s;
    height: 193px;
    width: 140px;

}


a.cuadradoEquipo:hover span {
    background-position: 140px 0px;

}

a:link   
{   
    text-decoration:none;   
}   

.nombreEquipo{
    margin-left: auto;
    margin-right: auto; 
    margin-top: 10px ;

    font: 200 18px/1.5 Helvetica, Verdana, sans-serif;

    text-shadow: 2px 2px 5px rgba(150, 150, 150, 1);
    text-align: center;
    border-top:  1px solid #ccc;
    border-bottom: 1px solid #ccc;





}

#abajo{


    text-align: center;

}



.scroll
{
    background-color: white;
    height:270px;
    overflow:scroll;
    overflow-x: hidden;

}

.scrollMedianoPartidoDetalle
{
    background-color: white;
    height:150px;
    overflow:scroll;
    overflow-x: hidden;

}



.scrollPequeñoPartidoDetalle
{
    background-color: white;
    height:80px;
    overflow:scroll;
    overflow-x: hidden;

}



/* Torneo Ini */

.nombreTorneo {

    font-size: 25px;
    text-align: center;
    line-height: 90%;
    font-weight:600;
}

.nombreTorneoIZQ {

    font-size: 25px;
    text-align: left;
    line-height: 90%;
    font-weight:600;
}

.titulotabla{


    font-size: 16px;
    text-align: center;
    line-height: 70%;
    font-weight:900;

}

.tablaElementosIzquierda{

    vertical-align: middle;   
    text-align: left; 
    font: 200 15px/1.5 Helvetica, Verdana, sans-serif;
}


.tablaElementosCentrados{

    vertical-align: middle;   
    text-align: center; 
    font: 200 14px/1.5 Helvetica, Verdana, sans-serif;
}



/* Listado de jugadores y equipos primeros */

.numeracion{

    vertical-align: middle;
    font-size: 35px;
    background: none;

}


.jugadoresLista {
    font: 200 15.49px/1.5 Helvetica, Verdana, sans-serif;
    vertical-align: middle;
    text-align: left; 
    font-weight:900;   
    border-bottom: 1px solid #ccc;




}



.numerosLista {
    font: 200 15.49px/1.5 Helvetica, Verdana, sans-serif;
    margin-top: 5px;
    vertical-align: middle;
    text-align: center; 
    font-weight:900;   





}



/* Listado de jugadores y equipos primeros a la izquierda  */ 

.numeroGolesIZQ {   
    text-align: left; 
    font: 200 18px/1.5 Helvetica, Verdana, sans-serif;
    border-bottom: 1px solid #ccc;
}

.nombreGoleadorIZQ {
    font-size: 18px;
    text-align: left; 
    border-bottom: 1px solid #ccc;
}

.nombreGoleadorIZQ:last-child {
    border: none;
}

.nombreGoleadorIZQ a {
    text-decoration: none;
    color: #000;
    /*    display: block;*/
    width: 200px;

    -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
    -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
    -o-transition: font-size 0.3s ease, background-color 0.3s ease;
    -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
    transition: font-size 0.3s ease, background-color 0.3s ease;
}

.nombreGoleadorIZQ a:hover {
    font-size: 22px;
    background: none;
}



/* Listado de jugadores y equipos primeros centrados  */ 


.numeroGolesCEN {   
    text-align: center; 
    font: 200 18px/1.5 Helvetica, Verdana, sans-serif;
    border-bottom: 1px solid #ccc;
}


.nombreGoleadorCEN {
    font-size: 18px;
    text-align: center; 
    border-bottom: 1px solid #ccc;
}

.nombreGoleadorCEN:last-child {
    border: none;
}

.nombreGoleadorCEN a {
    text-decoration: none;
    color: #000;
    /*    display: block;*/
    width: 200px;

    -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
    -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
    -o-transition: font-size 0.3s ease, background-color 0.3s ease;
    -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
    transition: font-size 0.3s ease, background-color 0.3s ease;
}

/*.nombreGoleadorCEN a:hover {
    font-size: 22px;
    background: none;
}*/


.nombreEquipoPertenece{

    font-size: 15px;
    background: none;

} 


/* Estadísticas texto*/

.estadisticasMEDIO {
    font-size: 18px;
    text-align: center; 
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}

.estadisticasMediana {
    font-size: 15px;
    text-align: center; 
    vertical-align: middle;
    font-weight:900;
    border-bottom: 1px solid #ccc;
}

/* Datos personales*/
.datosPersonales {
    font-size: 18px; 
    vertical-align: middle;
    text-align: center;
    color: black ;
    border-bottom: 1px solid #ccc;

}



/* Datos personales*/
.datosPersonales2 {
    font-size: 15px;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #ccc;

}

/* Listado de equipos goleadores Izquierda*/
.numeroGolesIZQ {
    font: 200 18px/1.5 Helvetica, Verdana, sans-serif;
    text-align: left; 
    border-bottom: 1px solid #ccc;
}

.numeroGolesIZQ:last-child {
    border: none;
}

.numeroGolesIZQ a {
    text-decoration: none;
    color: #000;
    /*    display: block;*/
    width: 200px;

    -webkit-transition: font-size 0.3s ease; 
    -moz-transition: font-size 0.3s ease; 
    -o-transition: font-size 0.3s ease; 
    -ms-transition: font-size 0.3s ease; 
    transition: font-size 0.3s ease; 
}

.numeroGolesIZQ a:hover {
    font-size: 20px;
    background: #f6f6f6;
}



/* EquipoA_detalle */
.TDtablaPartidosEquipoADetalle td{
    vertical-align: middle;   
    text-align: center; 
    font: 200 14px/1.5 Helvetica, Verdana, sans-serif;
    /*    font-style: italic;*/
    font-weight:900;

}

.miniEscudoEquipoADetalle{
    width:45px;

}

.miniEscudoEquipoADetalle:hover{
    -webkit-transform: scale(1.1);
    -moz-transform:    scale(1.1);
    -o-transform:      scale(1.1);
    -ms-transform:     scale(1.1);

}


.miniEscudoEquipoBDetalle{
    width:20px;

}

.miniEscudoEquipoBDetalle:hover{
    -webkit-transform: scale(2);
    -moz-transform:    scale(2);
    -o-transform:      scale(2);
    -ms-transform:     scale(2);

}


.miniJugador{
    width:100px;
}

.miniJugador:hover{
    -webkit-transform: scale(1.2);
    -moz-transform:    scale(1.2);
    -o-transform:      scale(1.2);
    -ms-transform:     scale(1.2);

}




.imagenGoleo:hover {
    -webkit-transform: scale(1.1);
    -moz-transform:    scale(1.1);
    -o-transform:      scale(1.1);
    -ms-transform:     scale(1.1);

}

.imagenGoleo{
    margin: auto;
}

/* Cuadros torneo admin */


.cuadradoEquipoAdmin {
    display: block;
    margin-left: auto;
    margin-right: auto;  
    height: 185px;
    width: 185px;
    overflow: hidden;


    /* Hacer que se levanten un poco  */
    -webkit-transition: 0.2s ease-out;
    -moz-transition:  0.2s ease-out;
    -o-transition:  0.2s ease-out;

}




.cuadradoEquipoAdmin:hover {
    -webkit-transform: scale(1.05);
    -moz-transform:    scale(1.05);
    -o-transform:      scale(1.05);
    -ms-transform:     scale(1.05);
}


.cuadradoEquipoAdmin span {
    display: block;
    background: url("../images/Cancha/brillo_grande.png") -230px 0px no-repeat;    
    position: relative;
    left:0px;
    top:0px;
    transition: all;
    transition-duration: .5s;
    height: 410px;
    width: 485px;

    /* Haciendo que crecan un poco  */

}


a.cuadradoEquipoAdmin:hover span {
    background-position: 180px 0px;

}


.bienvenidoMensajeText{

    text-align: left; 
    font: 200 15px/1.5 Helvetica, Verdana, sans-serif;

}



table th{
    vertical-align: middle;
    text-align: center;    

}

table td{
    vertical-align: middle;
    text-align: center;    

}

/*Estadísticas*/
.tabs.vertical > ul, .tabs.vertical > ol, .tabs.vertical [role~=tablist] {

    background: #2a4982;
    border-bottom: 1px solid #2a4982;

}


.tabs.vertical > ul li a, .tabs.vertical > ul li a:visited, .tabs.vertical > ol li a, .tabs.vertical > ol li a:visited {

    border-bottom: 1px solid #2a4982;

}

.tabs.vertical > ul li a.active, .tabs.vertical > ol li a.active {
    color: #2a4982;
}
.tabs.vertical > ul li a.active:hover, .tabs.vertical > ol li a.active:hover, .tabs.vertical > ul li a.active:focus, .tabs.vertical > ol li a.active:focus {

    color: #2a4982;

}


nav ul ul li a, .nav ul ul li a, nav ul ul li a:visited, .nav ul ul li a:visited
{

    background: #2a4982;

}




@media screen and (min-width:1601px)
{
    .bga {

        background-image: url(../images/Cancha/kicksom_2600.jpg);    


    }
}


@media screen and (max-width:1600px)
{
    .bga {

        background-image: url(../images/Cancha/kicksom_1600.jpg);    


    }
}



.textoTablaseguido{


    background: #2a4982; 
    color: white; 
    font-weight:bold;

}


/*barras carga comparativas */

.lineaLocal
{

    width:0px;
    height:15px;
    transition:width 10s;
    float: left;
    -webkit-transition:width 10s;
    -o-transition: width 10s;
    -moz-transition: width 10s;
    -ms-transition: width 10s;




    background: rgb(46,103,177); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(46,103,177,1) 0%, rgba(42,124,186,1) 49%, rgba(46,103,177,1) 50%, rgba(43,79,165,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,103,177,1)), color-stop(49%,rgba(42,124,186,1)), color-stop(50%,rgba(46,103,177,1)), color-stop(100%,rgba(43,79,165,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(46,103,177,1) 0%,rgba(42,124,186,1) 49%,rgba(46,103,177,1) 50%,rgba(43,79,165,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(46,103,177,1) 0%,rgba(42,124,186,1) 49%,rgba(46,103,177,1) 50%,rgba(43,79,165,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(46,103,177,1) 0%,rgba(42,124,186,1) 49%,rgba(46,103,177,1) 50%,rgba(43,79,165,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(46,103,177,1) 0%,rgba(42,124,186,1) 49%,rgba(46,103,177,1) 50%,rgba(43,79,165,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e67b1', endColorstr='#2b4fa5',GradientType=0 ); /* IE6-9 */



}

.lineaVisita
{
    width:0px;
    float: right;
    height:15px;
    transition:width 10s;
    -webkit-transition:width 10s;
    -o-transition: width 10s;
    -moz-transition: width 10s;
    -ms-transition: width 10s;

    background: rgb(191,210,85); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */


}





.partidosDetalleText {
    font-family: 'Open Sans', sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 3px;
    border: 0;
    vertical-align: baseline;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2em;
    color: white;
    text-align:center;
}


.partidosDetalleText2 {
    font-family: 'Open Sans', sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 3px;
    border: 0;
    vertical-align: baseline;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2em;
    color: #2E67B1;
    text-align:center;
}

.partidosDetalleTextTitulo {
    font-family: 'Open Sans', sans-serif;


    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border: 0;
    vertical-align: top;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2em;
    color: #2E67B1;
    text-align:center;
}

.redondez{
    -webkit-border-radius: 8px;
    -os-border-radius: 8px;
    -ms-border-radius: 8px;
    -mz-border-radius: 8px;
    border-radius: 8px;

}

.bordeDeElementos{

    outline-width: 3px;
    outline-style: solid;   
    outline-color: #2e67b1;

}

.nombreEquipocon3Lineas {
    font-size: 16px;
    text-align: center; 
    vertical-align: middle;

    border-right: 1px solid #ccc; 
    border-left: 1px solid #ccc; 
    border-style: dotted;
    border-top: 1px solid #ccc;
}

.nombreEquipoconLinea {
    font-size: 18px;
    text-align: center; 
    vertical-align: middle;
    /*    border-right: 1px solid #ccc; 
        border-left: 1px solid #ccc; */
    border-bottom: 1px solid #cecece; 
    border-style: dotted;
    /*    border-top: 1px solid #ccc;**/

}

.miniEscudoPartidos{
    width:75px;

}

.miniEscudoPartidos:hover{
    -webkit-transform: scale(1.1);
    -moz-transform:    scale(1.1);
    -o-transform:      scale(1.1);
    -ms-transform:     scale(1.1);

}


.PartidosMEDIO {
    font-size: 23px;
    text-align: center; 
    vertical-align: middle;
    color:#265a9d ;
}

.PartidosGrande {
    font-size: 20px;
    text-align: center; 
    vertical-align: middle;

}



.nombreFoto{
    margin-left: auto;
    margin-right: auto; 
    margin-top: 10px ;
    margin-bottom:  10px ;
    font: 200 18px/1.5 Helvetica, Verdana, sans-serif;


    text-align: center;

}


.cuadradoFoto {
    display: block;
    margin-left: auto;
    margin-right: auto;  
    height: 140px;
    width: 140px;
    overflow: hidden;


    background: #2e67b1;
    -webkit-border-radius: 8px;
    -os-border-radius: 8px;
    -ms-border-radius: 8px;
    -mz-border-radius: 8px;
    border-radius: 8px;

    -webkit-box-shadow: 5px 5px 5px #111;
    box-shadow: 5px 5px 5px #111;  

    /* Hacer que se levanten un poco  */
    -webkit-transition: 0.1s ease-out;
    -moz-transition:  0.1s ease-out;
    -o-transition:  0.1s ease-out;

}




.cuadradoFoto:hover {




    margin-top: 5px; 
    /* margin-top: -5px; */
    -webkit-transform: scale(.97);
    -moz-transform:    scale(.97);
    -o-transform:      scale(.97);
    -ms-transform:     scale(.97);


}