/* Email Template Styles */
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
.ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font,
.ExternalClass td,.ExternalClass div {line-height: 100%;} /* Force Hotmail to
display normal line spacing */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message
*/
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing
between tables in Outlook 2007 and up */
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized
image in Internet Explorer */
body, table, td, p, a, li, span, blockquote{-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing
default text sizes */
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
body{
margin:0;
padding:0;
}
img{
border:0 none;
height:auto;
line-height:100%;
outline:none;
text-decoration:none;
}
a{
text-decoration: none;
outline: none;
}
a img{
border:0 none;
}
table, td {
border-collapse:collapse !important;
}
table {
background-color: transparent;
border-top: 0;
border-bottom: 0;
line-height:150%;
max-width: 600px !important;
}
tbody, td {
padding: 0;
margin: 0;
vertical-align: top;
}
tr, img, p, h2 {
margin: 0;
padding: 0;
}
/* END RESET STYLES */
/* HERE STARTS THE STYLES THAT ARE ALSO INLINE */
table#template {
margin:0 auto; padding:0; width:100% !important; max-width: 600px !important;}
table#template > tbody{
/* only affect the first tbody on first level so that it doesn't affect all the tbody descendants*/
color: #606060;
font-size: 15px;
}
table.container{
width: 600px !important;
}
table#template{
font-family: helvetica;
text-align:left;
}
/* END*/
/* Responsive */
@media only screen and (max-width: 480px){
td.container-column {
display: block !important;
width: 100% !important;
margin: auto !important;
}
}
@media only screen and (max-width: 600px){
img {
width: 100% !important;
}
table.component {
width: 100% !important;
}
table.container {
width: 100% !important;
}
}
@media only screen and (max-width: 600px){
.social-component img {
width: auto !important;
}
}
Reserva tu Vuvuzela para la Eurocopa antes de que se agoten | Ver mail en el
navegador
Darme de baja
