﻿#contenido { padding: 0 20px;}
#contenido .wrapper { max-width: 800px; padding: 40px; line-height: 150%; box-sizing: border-box; border: 1px solid #ccc; border-radius:45px; margin: 80px auto 0; }
#contenido .wrapper .image { margin-bottom: 20px; width: 100%; max-width: 364px; }
#contenido .wrapper .blue{ font-size: 1.6rem; line-height: 2rem; color: #0C8CE6; }
#contenido .wrapper p{ margin: 0 0 20px; }
#contenido .wrapper p:last-child{ margin: 0; }
#contenido .wrapper .button { margin: 30px 0 0; padding: 0; line-height: 40px; border: 0; background: #7DAA28; color: #fff; overflow: hidden; font-size: 1.8rem; }
#contenido .wrapper .button > i { float: left; padding: 0 12px; background: #0E8DE9; color: white; line-height: 40px;}
#contenido .wrapper .button > span{ padding: 0 20px; }
#contenido .wrapper .button > span > i{ font-size: 1.5rem; display: inline-block; vertical-align: middle; }

@media screen and (max-width: 767px) {

    #cabecera_movil { box-shadow: 0 0 12px rgba(0,0,0,0.1); }
}
@media screen and (max-width: 480px) {
    #contenido .wrapper .button > span { padding: 0 15px; }
    #contenido .wrapper .button span > .span1 { display: none; }
}

@media screen and (max-width: 360px) {
    #contenido .wrapper .button > span { padding: 0 10px; }
    #contenido .wrapper .button span > .span2 { display: none; }
    #contenido .wrapper p.teamviewer { text-align: center;}
}