.TD{z-index:9999;background-color:#fff;color:#3E3E3E;overflow:hidden;width:180px;height:348px;font-family:Tahoma,Verdana,sans-serif;font-size:11px;text-align:center;vertical-align:top;line-height:1em;padding:.8em;margin:.2em;border:solid 1px #CCC;border-radius:3px;-moz-box-shadow:4px 4px 3px -1px #ccc;-webkit-box-shadow:4px 4px 3px -1px #ccc;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#CCCCCC')";box-shadow:4px 4px 3px -1px #ccc;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transform-style:preserve-3d}
.logo_TDE{border:0;border-radius:10px;vertical-align:middle;position:static;margin:0 auto;display:block;height:140px;text-decoration:none;overflow:hidden;cursor:pointer;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;-o-transition:all .15 ease;transition:all .15s ease}
.logo_TDE span{position:relative;display:block;background:url(../Res/efectos/brillo.png) no-repeat;background-position:-250px 0;margin-top:-155px;height:155px}
.TD .infoTarjeta{line-height:16px;font-family:Tahoma,Verdana,sans-serif;font-size:11px;color:#3E3E3E;text-align:left}
.TD .infoTarjeta strong{font-family:arial}
.icoInfoTD{width:15px;padding:0 5px 2px 0;vertical-align:middle}
.TD .verMas{text-align:right;font-style:italic;color:#09C;text-decoration:underline;font-family:arial;margin:4px 0 8px;font-size:11px}
.TD:hover .verMas{font-style:normal;font-weight:700;text-decoration:none;font-size:12px}
.TD:visited .verMas{color:orange}
.TD .verMas:hover{font-size:12px}
.logo_TDE:hover span{background-position:300px 0;-webkit-transition-property:all;-webkit-transition-duration:1.8s;transition-property:all;transition-duration:1.8s}
.TD:active .sin-logo span{
    font-size: 22px;
		-webkit-transition-property: all;
	-webkit-transition-duration: 2s;
}
.TD:active .logo_TDE span{height:178px;margin-top:-168px}
.TD:hover{border:2px solid #0cc;box-shadow:4px 14px 14px 1px gray,0 0 8px 0 #0c9 inset;margin:-8px;margin-left:-4px;margin-right:4px;position:relative;cursor:pointer;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.TD:hover .infoTarjeta{color:#000}
.TD:hover .infoTarjeta strong{color:#003}
.TD:hover span{background-position:300px 0;-webkit-transition-property:background-position;-webkit-transition-duration:1.8s;transition-property:background-position;transition-duration:1.8s}
.TD:active{z-index:9999999;position:relative;width:250px;height:460px;margin:-48px -19px -44px -28px;border:2px solid #0cc;border-radius:12px;box-shadow:4px 18px 11px -4px #0aa,0 0 8px 0 #0c9 inset}
.TD:active .logo_TDE{height:188px;-webkit-transition:all .2s linear .1s;-moz-transition:all .2s linear .1s;-ms-transition:all .2s linear .1s;-o-transition:all .2s lineart .1s;transition:all .2s linear .1s}
.TD:active .TDNom{background-color:#E1F9F9;color:#006;font-size:18px;font-weight:400;padding:8px 0;-webkit-transition:all .2s ease-out .1s;-moz-transition:all .2s ease-out .1s;-ms-transition:all .2s ease-out .1s;-o-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s}
.TD:active .icoInfoTD{width:18px;-webkit-transition:.2s .1s;transition:.2s .1s}
.TD:active .infoTarjeta strong{font-family:arial;color:#000}
.TD:active .infoTarjeta{font-family:Tahoma,Verdana;font-size:1.4em;color:#000;line-height:1.7em;-webkit-transition:.2s .1s;transition:.2s .1s}
.TD:active .infoTarjeta .verMas{font-size:15px;font-weight:400;-webkit-transition:font-size .2s .1s;transition:.2s .1s}
.TD:active .item_CEB{width:23px;-webkit-transition:.2s .1s;transition:.2s .1s}
.nomAtras{border-radius:0;margin:4px -9px;padding:7px;line-height:1.4em}
.infoAtras{color:#386058;font-family:Calibri;font-size:1.4em;line-height:1.6em;text-align:center}
.atras:hover .infoAtras{color:#000}
.abrirMicrositio{background:#FFF;color:#06C;border-radius:18px;bottom:8px;font-family:calibri;font-size:medium;padding:12px 24px;position:absolute}
.abrirMicrositio:hover{border:1px solid #09F}
.icono-Girar{bottom:8px;position:absolute}
.icono-Girar img{width:25px;opacity:.1;-moz-opacity:.1;filter:alpha(opacity=1)}
.TD:hover .icono-Girar img{opacity:.7;-moz-opacity:.7;filter:alpha(opacity=0.7)}
.der{right:8px}
.izq{left:6px;transform:rotate(180deg)}
.atras{transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg)}
.giro-atras{transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg)}
.girar{box-shadow:-3px 8px 14px gray;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
.giro,.girar,.atras,.giro-atras{transition:transform .25s linear;-ms-transition:transform .25s linear;-moz-transition:transform .25s linear;-webkit-transition:transform .25s linear;-o-transition:transform .25s linear;-webkit-transform-style:preserve-3d}
.TD:active{margin:-38px 4px 8px -18px}
.TD:active .infoAtras{font-size:1.6em}
.contenedorTarjeta{border:0 solid #FFF;display:inline-table;padding:2px}
.giro .giro-1,.giro .giro-2{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden}
.giro .giro-2{transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg)}
.giro:active{z-index:9999999}
.contenedorTarjeta .giro{position:relative;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:perspective(600px);-moz-transform:perspective(600px);transform:perspective(600px);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.contenedorTarjeta .giro *{backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden}
.posUp{z-index:9999}
.posIn{z-index:0}
.margenAtras:active{margin:-28px 4px -10px -5px}