cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <a href="http://www.lasdoceen.com/">
<div class="contenedoriconos">
 <div class="brujula">
<svg version="1.1" id="records-player" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
<g id="fondo">
 <g>
 <path fill="#c8b6d9" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M113.304,237.145
 c-27.266,2.062-54.55,4.047-81.848,5.964c19.11-22.658,38.216-45.318,57.327-67.974c14.588-1.87,29.134-3.841,43.629-5.967
 C126.038,191.824,119.67,214.485,113.304,237.145z"></path>
 <path fill="#c8b6d9" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M266.933,237.145
 c-25.027,2.068-50.073,4.05-75.135,5.964c-6.373-22.658-12.736-45.318-19.112-67.974c12.371-1.855,24.696-3.793,36.929-5.967
 C228.715,191.824,247.828,214.485,266.933,237.145z"></path>
 <path fill="#957db2" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M113.304,237.145
 c26.148,2.065,52.313,4.05,78.494,5.964c-6.373-22.658-12.736-45.318-19.112-67.974c-13.478-1.863-26.904-3.832-40.274-5.967
 C126.038,191.824,119.675,214.485,113.304,237.145z"></path>
 </g>
 <path fill-rule="evenodd" clip-rule="evenodd" fill="#744b99" stroke="#1D1D1B" stroke-width="3" stroke-miterlimit="10" d="
 M217.241,141.517c0,36.981-30.149,67.131-67.101,67.131c-36.981,0-67.131-30.149-67.131-67.131
 c0-36.031,28.605-65.556,64.279-67.071v-4.158c-4.426-0.386-7.604-1.277-7.753-2.317v-8.525c0-0.059,0-0.089,0.03-0.148
 c0.356-1.337,5.614-2.406,12-2.406c6.386,0,11.644,1.069,12,2.406c0.03,0.059,0.03,0.089,0.03,0.148v8.525h-0.03
 c-0.148,1.04-3.297,1.931-7.723,2.317v4.366C190.151,77.535,217.241,106.467,217.241,141.517z"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" fill="#FC611F" d="M111.687,58.111c-0.015,0.03-0.015,0.045-0.015,0.075v-0.075
 H111.687z"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" fill="#FC611F" d="M123.872,58.111v0.075c0-0.03,0-0.045-0.015-0.075H123.872z"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" fill="#EBFCFF" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="
 M150.126,197.39c30.774,0,55.874-25.1,55.874-55.871c0-30.774-25.1-55.875-55.874-55.875c-30.774,0-55.872,25.1-55.872,55.875
 C94.254,172.289,119.352,197.39,150.126,197.39z"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" fill="#D3ECF0" d="M150.126,157.588c8.85,0,16.07-7.22,16.07-16.073
 c0-8.85-7.22-16.07-16.07-16.07c-8.85,0-16.07,7.22-16.07,16.07C134.056,150.368,141.276,157.588,150.126,157.588z"></path>
 <path fill-rule="evenodd" clip-rule="evenodd" fill="#D3ECF0" d="M150.126,125.445c8.876,0.003,16.07,7.197,16.07,16.073
 c0,8.873-7.194,16.07-16.07,16.07V125.445z"></path>
 <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#143143" points="147.814,102.778 149.885,102.778 149.885,98.918 
 152.116,102.778 154.178,102.778 154.178,95.013 152.116,95.013 152.116,98.981 149.897,95.013 147.814,95.013 "></polygon>
 <path fill-rule="evenodd" clip-rule="evenodd" fill="#143143" d="M147.71,182.036c0,0.577,0.099,2.605,2.434,2.605h1.105
 c0.54,0,0.65,0.186,0.65,0.54v0.197c0,0.368-0.194,0.505-0.722,0.505c-1.143,0-2.692-0.087-3.185-0.136v1.856
 c1.23,0.418,1.499,0.418,3.797,0.418c1.218,0,2.495-0.467,2.495-2.753v-0.406c0-0.983-0.429-2.605-2.297-2.605h-1.155
 c-0.664,0-0.737-0.209-0.737-0.589v-0.136c0-0.517,0.247-0.54,0.908-0.54c0.812,0,2.164,0.035,2.95,0.122v-1.856
 c-0.908-0.331-1.993-0.516-3.809-0.403c-1.378,0.084-2.434,0.824-2.434,2.434V182.036z"></path>
</g>
<g class="manecilla">
 <g>
 <g>
 <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#c8b6d9" points="157.456,134.643 149.754,141.915 142.798,149.301 
 188.694,180.542 "></polygon>
 <polygon fill-rule="evenodd" clip-rule="evenodd" fill="#9665c9" points="157.456,134.643 111.557,103.405 142.795,149.301 
 "></polygon>
 </g>
 </g>
</g>
</svg>

</div>
 </div>
</a>

<a href="http://www.lasdoceen.com/">
<div class="contenedoriconos">
 <div class="alojamiento">
<svg version="1.1" id="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
<g class="ventana-uno">
 <path fill="" d="M196.826,173.99v-9.67c0-2.513-2.038-4.551-4.551-4.551c-2.513,0-4.551,2.038-4.551,4.551v9.67
 c0,2.513,2.038,4.551,4.551,4.551C194.788,178.541,196.826,176.503,196.826,173.99z"></path>
</g>
<g class="ventana-dos">
 <path fill="#B2E4F9" d="M171.228,159.769c-2.513,0-4.551,2.038-4.551,4.551v9.67c0,2.513,2.038,4.551,4.551,4.551
 c2.513,0,4.551-2.038,4.551-4.551v-9.67C175.779,161.806,173.741,159.769,171.228,159.769z"></path>
</g>
<g class="ventana-tres">
 <path fill="#B2E4F9" d="M150.181,159.769c-2.513,0-4.551,2.038-4.551,4.551v9.67c0,2.513,2.038,4.551,4.551,4.551
 c2.513,0,4.551-2.038,4.551-4.551v-9.67C154.732,161.806,152.694,159.769,150.181,159.769z"></path>
</g>
<g class="ventana-cuatro">
 <path fill="" d="M129.134,159.769c-2.513,0-4.551,2.038-4.551,4.551v9.67c0,2.513,2.038,4.551,4.551,4.551
 c2.513,0,4.551-2.038,4.551-4.551v-9.67C133.684,161.806,131.647,159.769,129.134,159.769z"></path>
</g>
<g class="ventana-cinco">
 <path fill="" d="M108.086,159.769c-2.513,0-4.551,2.038-4.551,4.551v9.67c0,2.513,2.038,4.551,4.551,4.551
 c2.513,0,4.551-2.038,4.551-4.551v-9.67C112.637,161.806,110.6,159.769,108.086,159.769z"></path>
</g>
<g class="ventana-seis">
 <path fill="#B2E4F9" d="M192.275,150.667c2.513,0,4.551-2.038,4.551-4.551v-9.67c0-2.513-2.038-4.551-4.551-4.551
 c-2.513,0-4.551,2.038-4.551,4.551v9.67C187.725,148.63,189.762,150.667,192.275,150.667z"></path>
</g>
<g class="ventana-siete">
 <path fill="" d="M171.228,131.896c-2.513,0-4.551,2.038-4.551,4.551v9.67c0,2.513,2.038,4.551,4.551,4.551
 c2.513,0,4.551-2.038,4.551-4.551v-9.67C175.779,133.933,173.741,131.896,171.228,131.896z"></path>
</g>
<g class="ventana-ocho">
 <path fill="#B2E4F9" d="M150.181,131.896c-2.513,0-4.551,2.038-4.551,4.551v9.67c0,2.513,2.038,4.551,4.551,4.551
 c2.513,0,4.551-2.038,4.551-4.551v-9.67C154.732,133.933,152.694,131.896,150.181,131.896z"></path>
</g>
<g class="ventana-nueve">
 <path fill="#B2E4F9" d="M129.134,131.896c-2.513,0-4.551,2.038-4.551,4.551v9.67c0,2.513,2.038,4.551,4.551,4.551
 c2.513,0,4.551-2.038,4.551-4.551v-9.67C133.684,133.933,131.647,131.896,129.134,131.896z"></path>
</g>
<g class="ventana-diez">
 <path fill="#B2E4F9" d="M108.086,131.896c-2.513,0-4.551,2.038-4.551,4.551v9.67c0,2.513,2.038,4.551,4.551,4.551
 c2.513,0,4.551-2.038,4.551-4.551v-9.67C112.637,133.933,110.6,131.896,108.086,131.896z"></path>
</g>
<g class="cloud-1">
 <path fill="#8FE0F9" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M-96.78,51.559c0,2.682-1.996,5.135-4.583,5.476
 l0,0h-24.023c-0.222,0-0.445-0.012-0.661-0.03c-3.422-0.332-6.095-3.218-6.095-6.726c0-3.73,3.023-6.756,6.756-6.756
 c0.442,0,0.875,0.043,1.295,0.125c1.411-3.526,4.858-6.016,8.886-6.016c5.287,0,9.575,4.288,9.575,9.575
 c0,0.128-0.003,0.256-0.009,0.381v0.064c0.024-0.024,0.049-0.046,0.073-0.064c0.933-0.823,2.155-1.323,3.495-1.323
 C-99.148,46.265-96.78,48.636-96.78,51.559z"></path>
 <path fill="#8FE0F9" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M-16.049,103.892
 c0,2.682-1.996,5.135-4.583,5.476l0,0h-24.023c-0.222,0-0.445-0.012-0.661-0.03c-3.422-0.332-6.095-3.218-6.095-6.726
 c0-3.73,3.023-6.756,6.756-6.756c0.442,0,0.875,0.043,1.295,0.125c1.411-3.526,4.858-6.016,8.886-6.016
 c5.287,0,9.575,4.288,9.575,9.575c0,0.128-0.003,0.256-0.009,0.381v0.064c0.024-0.024,0.049-0.046,0.073-0.064
 c0.933-0.823,2.155-1.323,3.495-1.323C-18.417,98.599-16.049,100.969-16.049,103.892z"></path>
</g>
<g class="cloud-2">
 <path fill="#DBF3FC" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M-146.104,75.807
 c0,5.483-4.081,10.498-9.371,11.196l0,0h-49.115c-0.455,0-0.91-0.025-1.352-0.062c-6.997-0.679-12.461-6.579-12.461-13.751
 c0-7.626,6.181-13.813,13.813-13.813c0.903,0,1.788,0.087,2.648,0.255c2.885-7.209,9.931-12.299,18.168-12.299
 c10.81,0,19.576,8.766,19.576,19.576c0,0.262-0.006,0.523-0.019,0.779v0.131c0.05-0.05,0.1-0.093,0.15-0.131
 c1.907-1.682,4.405-2.704,7.146-2.704C-150.945,64.984-146.104,69.832-146.104,75.807z"></path>
</g>
<g class="cloud-3">
 <path fill="#DBF3FC" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M-79.301,65.191
 c0,5.176,3.84,9.912,8.816,10.571l0,0h46.21c0.428,0,0.856-0.024,1.272-0.059c6.583-0.641,11.724-6.212,11.724-12.982
 c0-7.2-5.815-13.041-12.996-13.041c-0.85,0-1.682,0.082-2.491,0.241c-2.714-6.806-9.344-11.612-17.094-11.612
 c-10.171,0-18.418,8.277-18.418,18.482c0,0.247,0.006,0.494,0.018,0.735v0.124c-0.047-0.047-0.094-0.088-0.141-0.124
 c-1.794-1.588-4.144-2.553-6.724-2.553C-74.746,54.973-79.301,59.549-79.301,65.191z"></path>
</g>
<g class="casita">
 <path fill="#04AF04" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M199.168,194.811
 c0,6.508,5.293,11.801,11.802,11.801s11.802-5.293,11.802-11.801s-5.293-11.803-11.802-11.803S199.168,188.304,199.168,194.811z"></path>
 <path fill="#04AF04" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M76.746,194.811
 c0,6.508,5.293,11.801,11.802,11.801c6.508,0,11.802-5.293,11.802-11.801s-5.293-11.803-11.802-11.803
 C82.04,183.008,76.746,188.304,76.746,194.811z"></path>
 
 <rect x="86.955" y="206.612" fill="#9B6700" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" width="3.079" height="8.903"></rect>
 
 <rect x="209.431" y="206.612" fill="#9B6700" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" width="3.079" height="8.903"></rect>
 <g>
 <path fill="none" d="M154.73,164.32v9.67c0,2.51-2.04,4.55-4.55,4.55s-4.55-2.04-4.55-4.55v-9.67c0-2.51,2.04-4.55,4.55-4.55
 S154.73,161.81,154.73,164.32z"></path>
 <path fill="none" d="M133.68,136.45v9.67c0,2.51-2.03,4.55-4.55,4.55c-2.51,0-4.55-2.04-4.55-4.55v-9.67
 c0-2.52,2.04-4.55,4.55-4.55C131.65,131.9,133.68,133.93,133.68,136.45z"></path>
 <path fill="none" d="M133.68,164.32v9.67c0,2.51-2.03,4.55-4.55,4.55c-2.51,0-4.55-2.04-4.55-4.55v-9.67
 c0-2.51,2.04-4.55,4.55-4.55C131.65,159.77,133.68,161.81,133.68,164.32z"></path>
 <path fill="none" d="M112.64,164.32v9.67c0,2.51-2.04,4.55-4.55,4.55c-2.52,0-4.55-2.04-4.55-4.55v-9.67
 c0-2.51,2.03-4.55,4.55-4.55C110.6,159.77,112.64,161.81,112.64,164.32z"></path>
 <path fill="none" d="M154.73,136.45v9.67c0,2.51-2.04,4.55-4.55,4.55s-4.55-2.04-4.55-4.55v-9.67c0-2.52,2.04-4.55,4.55-4.55
 S154.73,133.93,154.73,136.45z"></path>
 <path fill="none" d="M112.64,136.45v9.67c0,2.51-2.04,4.55-4.55,4.55c-2.52,0-4.55-2.04-4.55-4.55v-9.67
 c0-2.52,2.03-4.55,4.55-4.55C110.6,131.9,112.64,133.93,112.64,136.45z"></path>
 <path fill="none" d="M175.78,136.45v9.67c0,2.51-2.04,4.55-4.55,4.55c-2.52,0-4.55-2.04-4.55-4.55v-9.67
 c0-2.52,2.03-4.55,4.55-4.55C173.74,131.9,175.78,133.93,175.78,136.45z"></path>
 <path fill="none" d="M196.83,136.45v9.67c0,2.51-2.04,4.55-4.55,4.55c-2.52,0-4.56-2.04-4.56-4.55v-9.67
 c0-2.52,2.04-4.55,4.56-4.55C194.79,131.9,196.83,133.93,196.83,136.45z"></path>
 <path fill="none" d="M175.78,164.32v9.67c0,2.51-2.04,4.55-4.55,4.55c-2.52,0-4.55-2.04-4.55-4.55v-9.67
 c0-2.51,2.03-4.55,4.55-4.55C173.74,159.77,175.78,161.81,175.78,164.32z"></path>
 <path fill="none" d="M196.83,164.32v9.67c0,2.51-2.04,4.55-4.55,4.55c-2.52,0-4.56-2.04-4.56-4.55v-9.67
 c0-2.51,2.04-4.55,4.56-4.55C194.79,159.77,196.83,161.81,196.83,164.32z"></path>
 <path fill="#754b99" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M213.71,127.55h-36.04
 c-1.36,0-27.08-33.52-27.08-33.52L123.54,127l-0.15,0.19l-0.12,0.15c-0.11,0.14-0.17,0.21-0.17,0.21H87.12l17.77-36.97h91.57
 L213.71,127.55z"></path>
 <path fill="#D3ECF0" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M150.59,94.03c0,0,25.72,33.52,27.08,33.52
 L150.59,94.03z M123.54,127l27.05-32.97C149.265,95.645,126.96,122.63,123.54,127z"></path>
 </g>
 <path fill="#CC8609" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M150.181,188.193
 c-8.134,0-14.505,6.461-14.505,14.711v22.85h29.011v-22.85C164.686,194.655,158.315,188.193,150.181,188.193z"></path>
 <path fill="none" d="M150.18,131.9c-2.51,0-4.55,2.03-4.55,4.55v9.67c0,2.51,2.04,4.55,4.55,4.55s4.55-2.04,4.55-4.55v-9.67
 C154.73,133.93,152.69,131.9,150.18,131.9z"></path>
 <path fill="none" d="M150.18,159.77c-2.51,0-4.55,2.04-4.55,4.55v9.67c0,2.51,2.04,4.55,4.55,4.55s4.55-2.04,4.55-4.55v-9.67
 C154.73,161.81,152.69,159.77,150.18,159.77z"></path>
 <path fill="none" d="M129.13,131.9c-2.51,0-4.55,2.03-4.55,4.55v9.67c0,2.51,2.04,4.55,4.55,4.55c2.52,0,4.55-2.04,4.55-4.55v-9.67
 C133.68,133.93,131.65,131.9,129.13,131.9z"></path>
 <path fill="none" d="M108.09,159.77c-2.52,0-4.55,2.04-4.55,4.55v9.67c0,2.51,2.03,4.55,4.55,4.55c2.51,0,4.55-2.04,4.55-4.55
 v-9.67C112.64,161.81,110.6,159.77,108.09,159.77z"></path>
 <path fill="none" d="M108.09,131.9c-2.52,0-4.55,2.03-4.55,4.55v9.67c0,2.51,2.03,4.55,4.55,4.55c2.51,0,4.55-2.04,4.55-4.55v-9.67
 C112.64,133.93,110.6,131.9,108.09,131.9z"></path>
 <path fill="none" d="M129.13,159.77c-2.51,0-4.55,2.04-4.55,4.55v9.67c0,2.51,2.04,4.55,4.55,4.55c2.52,0,4.55-2.04,4.55-4.55
 v-9.67C133.68,161.81,131.65,159.77,129.13,159.77z"></path>
 <path fill="none" d="M171.23,159.77c-2.52,0-4.55,2.04-4.55,4.55v9.67c0,2.51,2.03,4.55,4.55,4.55c2.51,0,4.55-2.04,4.55-4.55
 v-9.67C175.78,161.81,173.74,159.77,171.23,159.77z"></path>
 <path fill="none" d="M192.28,131.9c-2.52,0-4.56,2.03-4.56,4.55v9.67c0,2.51,2.04,4.55,4.56,4.55c2.51,0,4.55-2.04,4.55-4.55v-9.67
 C196.83,133.93,194.79,131.9,192.28,131.9z"></path>
 <path fill="none" d="M192.28,159.77c-2.52,0-4.56,2.04-4.56,4.55v9.67c0,2.51,2.04,4.55,4.56,4.55c2.51,0,4.55-2.04,4.55-4.55
 v-9.67C196.83,161.81,194.79,159.77,192.28,159.77z"></path>
 <path fill="none" d="M171.23,131.9c-2.52,0-4.55,2.03-4.55,4.55v9.67c0,2.51,2.03,4.55,4.55,4.55c2.51,0,4.55-2.04,4.55-4.55v-9.67
 C175.78,133.93,173.74,131.9,171.23,131.9z"></path>
 <polygon fill="#1D1D1B" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" points="100.92,225.62 100.724,225.755 
 126.858,225.755 126.858,225.75 100.92,225.75 "></polygon>
 <path fill="#1D1D1B" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M81.387,215.516
 c-3.463,0-6.862,2.296-6.862,5.12v3.884l13.099-9.003H81.387z"></path>
 <polygon fill="#1D1D1B" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" points="100.92,215.516 87.624,215.516 
 74.525,224.519 74.525,225.755 100.724,225.755 100.92,225.62 "></polygon>
 <path fill="none" d="M129.13,131.9c-2.51,0-4.55,2.03-4.55,4.55v9.67c0,2.51,2.04,4.55,4.55,4.55c2.52,0,4.55-2.04,4.55-4.55v-9.67
 C133.68,133.93,131.65,131.9,129.13,131.9z"></path>
 <path fill="none" d="M129.13,159.77c-2.51,0-4.55,2.04-4.55,4.55v9.67c0,2.51,2.04,4.55,4.55,4.55c2.52,0,4.55-2.04,4.55-4.55
 v-9.67C133.68,161.81,131.65,159.77,129.13,159.77z"></path>
 <path fill="none" d="M150.18,159.77c-2.51,0-4.55,2.04-4.55,4.55v9.67c0,2.51,2.04,4.55,4.55,4.55s4.55-2.04,4.55-4.55v-9.67
 C154.73,161.81,152.69,159.77,150.18,159.77z"></path>
 <path fill="none" d="M150.18,131.9c-2.51,0-4.55,2.03-4.55,4.55v9.67c0,2.51,2.04,4.55,4.55,4.55s4.55-2.04,4.55-4.55v-9.67
 C154.73,133.93,152.69,131.9,150.18,131.9z"></path>
 <path fill="none" d="M192.28,178.54c2.51,0,4.55-2.04,4.55-4.55v-9.67c0-2.51-2.04-4.55-4.55-4.55c-2.52,0-4.56,2.04-4.56,4.55
 v9.67C187.72,176.5,189.76,178.54,192.28,178.54z"></path>
 <path fill="none" d="M108.09,131.9c-2.52,0-4.55,2.03-4.55,4.55v9.67c0,2.51,2.03,4.55,4.55,4.55c2.51,0,4.55-2.04,4.55-4.55v-9.67
 C112.64,133.93,110.6,131.9,108.09,131.9z"></path>
 <path fill="none" d="M192.28,150.67c2.51,0,4.55-2.04,4.55-4.55v-9.67c0-2.52-2.04-4.55-4.55-4.55c-2.52,0-4.56,2.03-4.56,4.55
 v9.67C187.72,148.63,189.76,150.67,192.28,150.67z"></path>
 <path fill="none" d="M108.09,159.77c-2.52,0-4.55,2.04-4.55,4.55v9.67c0,2.51,2.03,4.55,4.55,4.55c2.51,0,4.55-2.04,4.55-4.55
 v-9.67C112.64,161.81,110.6,159.77,108.09,159.77z"></path>
 <path fill="none" d="M171.23,150.67c2.51,0,4.55-2.04,4.55-4.55v-9.67c0-2.52-2.04-4.55-4.55-4.55c-2.52,0-4.55,2.03-4.55,4.55
 v9.67C166.68,148.63,168.71,150.67,171.23,150.67z"></path>
 <path fill="none" d="M175.78,173.99v-9.67c0-2.51-2.04-4.55-4.55-4.55c-2.52,0-4.55,2.04-4.55,4.55v9.67
 c0,2.51,2.03,4.55,4.55,4.55C173.74,178.54,175.78,176.5,175.78,173.99z"></path>
 <path fill="#1D1D1B" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M225.27,220.64v5.11h-25.96l-0.02-10.23h20.35
 C223.06,215.52,225.27,217.81,225.27,220.64z"></path>
 <path fill="#c8b6d9" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M211.84,215.52l-12.27-8.91l-0.29-0.2
 c-2.96-2.98-4.88-7.08-4.88-11.6c0-7.6,5.27-14.02,12.1-15.91v-51.35h-28.83c-1.36,0-27.08-33.52-27.08-33.52L123.54,127
 l-0.15,0.19l-0.12,0.15c-0.11,0.14-0.17,0.21-0.17,0.21H93.87v51.5c6.82,2.07,11.75,8.35,11.75,15.76c0,4.52-1.74,8.62-4.7,11.6
 l-13.3,9.11h13.3v10.23h34.47V202.9c0-8.25,6.37-14.71,14.51-14.71c8.13,0,14.5,6.46,14.5,14.71v22.85h34.91l-0.02-10.23H211.84z
 M112.64,173.99c0,2.51-2.04,4.55-4.55,4.55c-2.52,0-4.55-2.04-4.55-4.55v-9.67c0-2.51,2.03-4.55,4.55-4.55
 c2.51,0,4.55,2.04,4.55,4.55V173.99z M112.64,146.12c0,2.51-2.04,4.55-4.55,4.55c-2.52,0-4.55-2.04-4.55-4.55v-9.67
 c0-2.52,2.03-4.55,4.55-4.55c2.51,0,4.55,2.03,4.55,4.55V146.12z M133.68,173.99c0,2.51-2.03,4.55-4.55,4.55
 c-2.51,0-4.55-2.04-4.55-4.55v-9.67c0-2.51,2.04-4.55,4.55-4.55c2.52,0,4.55,2.04,4.55,4.55V173.99z M133.68,146.12
 c0,2.51-2.03,4.55-4.55,4.55c-2.51,0-4.55-2.04-4.55-4.55v-9.67c0-2.52,2.04-4.55,4.55-4.55c2.52,0,4.55,2.03,4.55,4.55V146.12z
 M154.73,173.99c0,2.51-2.04,4.55-4.55,4.55s-4.55-2.04-4.55-4.55v-9.67c0-2.51,2.04-4.55,4.55-4.55s4.55,2.04,4.55,4.55V173.99z
 M154.73,146.12c0,2.51-2.04,4.55-4.55,4.55s-4.55-2.04-4.55-4.55v-9.67c0-2.52,2.04-4.55,4.55-4.55s4.55,2.03,4.55,4.55V146.12z
 M175.78,173.99c0,2.51-2.04,4.55-4.55,4.55c-2.52,0-4.55-2.04-4.55-4.55v-9.67c0-2.51,2.03-4.55,4.55-4.55
 c2.51,0,4.55,2.04,4.55,4.55V173.99z M175.78,146.12c0,2.51-2.04,4.55-4.55,4.55c-2.52,0-4.55-2.04-4.55-4.55v-9.67
 c0-2.52,2.03-4.55,4.55-4.55c2.51,0,4.55,2.03,4.55,4.55V146.12z M187.72,136.45c0-2.52,2.04-4.55,4.56-4.55
 c2.51,0,4.55,2.03,4.55,4.55v9.67c0,2.51-2.04,4.55-4.55,4.55c-2.52,0-4.56-2.04-4.56-4.55V136.45z M187.72,164.32
 c0-2.51,2.04-4.55,4.56-4.55c2.51,0,4.55,2.04,4.55,4.55v9.67c0,2.51-2.04,4.55-4.55,4.55c-2.52,0-4.56-2.04-4.56-4.55V164.32z"></path>
</g>
</svg>
 </div>
</div>
</a>

<a href="http://www.lasdoceen.com">
<div class="contenedoriconos">
 <div class="disco">
<svg version="1.1" id="records-player" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
 y="0px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
<g>
 <g class="body">
 
 <path fill="#754b99" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
 M214.7,212.4H85.3c-4.4,0-8-3.6-8-8V95.6c0-4.4,3.6-8,8-8h129.3c4.4,0,8,3.6,8,8v108.7C222.7,208.8,219.1,212.4,214.7,212.4z"></path>
 
 <circle fill="#B6BBCE" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="90.8" cy="199" r="5"></circle>
 
 <line fill="#333333" stroke="#333333" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="210.2" y1="199" x2="184.6" y2="199"></line>
 <g>
 <path fill="#B6BBCE" d="M195.5,204.4c-1.7,0-3.1-1.4-3.1-3.1v-4.6c0-1.7,1.4-3.1,3.1-3.1s3.1,1.4,3.1,3.1v4.6
 C198.7,203,197.3,204.4,195.5,204.4z"></path>
 <g>
 <path fill="#333333" d="M195.5,194.5c1.2,0,2.2,1,2.2,2.2v4.6c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2v-4.6
 C193.3,195.4,194.3,194.5,195.5,194.5 M195.5,192.7c-2.2,0-4,1.8-4,4v4.6c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4v-4.6
 C199.6,194.4,197.8,192.7,195.5,192.7L195.5,192.7z"></path>
 </g>
 </g>
 <circle opacity="0.2" cx="146.9" cy="153.4" r="50"></circle>
 </g>
 <g class="disc">
 <circle fill="#EBEBEB" stroke="#333333" stroke-width="3" stroke-miterlimit="10" cx="143.2" cy="150.2" r="50"></circle>
 <g opacity="0.6">
 <path fill="#FFFFFF" d="M143.2,104.6c25.2,0,45.6,20.5,45.6,45.6s-20.5,45.6-45.6,45.6s-45.6-20.5-45.6-45.6
 S118,104.6,143.2,104.6 M143.2,101.6c-26.9,0-48.6,21.8-48.6,48.6s21.8,48.6,48.6,48.6s48.6-21.8,48.6-48.6
 S170,101.6,143.2,101.6L143.2,101.6z"></path>
 </g>
 <circle fill="#c8b6d9" stroke="#333333" stroke-width="3" stroke-miterlimit="10" cx="143.2" cy="150.2" r="16.7"></circle>
 <circle fill="#EBEBEB" stroke="#333333" stroke-width="3" stroke-miterlimit="10" cx="143.2" cy="150.2" r="4.2"></circle>
 
 <path fill="#EBEBEB" stroke="#999999" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
 M169.7,182.4c-7.2,5.9-16.4,9.5-26.5,9.5c-10.1,0-19.3-3.6-26.5-9.5"></path>
 
 <path fill="#EBEBEB" stroke="#999999" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
 M116.7,118.1c7.2-5.9,16.4-9.5,26.5-9.5c10.1,0,19.3,3.6,26.5,9.5"></path>
 
 <path fill="#EBEBEB" stroke="#999999" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
 M164.4,175.9c-5.8,4.8-13.1,7.6-21.2,7.6c-8.1,0-15.4-2.9-21.2-7.6"></path>
 
 <path fill="#EBEBEB" stroke="#999999" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
 M122,124.5c5.8-4.8,13.1-7.6,21.2-7.6c8.1,0,15.4,2.9,21.2,7.6"></path>
 
 <path fill="#EBEBEB" stroke="#999999" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
 M159.1,169.5c-4.3,3.6-9.9,5.7-15.9,5.7c-6,0-11.6-2.1-15.9-5.7"></path>
 
 <path fill="#EBEBEB" stroke="#999999" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
 M127.3,130.9c4.3-3.6,9.9-5.7,15.9-5.7c6,0,11.6,2.1,15.9,5.7"></path>
 </g>
 <g class="tonearm">
 
 <line fill="none" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="207.2" y1="101.5" x2="207.2" y2="152.4"></line>
 
 <path fill="#333333" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
 M209.2,163.4h-4c-0.6,0-1-0.4-1-1v-10c0-0.5,0.4-1,1-1h4c0.6,0,1,0.5,1,1v10C210.2,162.9,209.7,163.4,209.2,163.4z"></path>
 </g>
 
 <circle fill="#B6BBCE" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="207.2" cy="101.5" r="4.8"></circle>
</g>
</svg>
 </div>
</div>
</a>
<a href="http://www.lasdoceen.com">
<div class="contenedoriconos">
 <div class="festival">
 <svg version="1.1" id="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
<g id="fondo">
 <path fill="#E1FDF8" d="M372.749,69.185c-0.76,0.203-1.51,0.432-2.253,0.674c-0.396-0.286-0.909-0.395-1.496-0.17
 c-4.145,1.588-8.16,3.358-11.949,5.688c-0.823,0.506-0.994,1.482-0.739,2.288c-2.821,2.607-5.67,6.916-6.482,10.612
 c-0.352,0.91-0.677,1.832-0.943,2.778c-0.183,0.649,0.031,1.2,0.421,1.575c-0.001,0.001-0.002,0.002-0.003,0.003
 c-1.79,1.127-0.644,3.972,1.443,3.423c5.513-1.452,11.185-2.696,16.437-4.957c0.413-0.178,0.681-0.436,0.829-0.73
 c5.414-3.709,4.237-13.109,6.862-18.418C375.591,70.502,374.427,68.738,372.749,69.185z"></path>
 <path fill="#C3FAF1" d="M406.516,114.296c-0.538-6.339,0.073-12.745-0.717-19.046c-0.311-2.489-1.834-4.511-4.549-4.549
 c-4.839-0.069-9.561,0.241-14.428-0.056c-3.329-0.203-5.736-0.149-8.165,1.125c-1.873-0.774-4.04-0.614-5.42,1.012
 c-1.498,0.592-2.707,2.075-2.665,3.718c0.043,1.69,0.203,3.352,0.418,5.006c-1.258,4.904-0.881,10.653,0.442,15.523
 c-1.118,0.931-1.74,2.385-1.164,4.069c0.765,2.233,1.872,3.571,4.118,4.236c3.113,1.786,6.705,2.096,10.544,1.553
 c3.143-0.444,5.967-1.069,9.164-0.728c3.165,0.338,5.915,0.68,8.809-0.845C406.73,123.296,406.827,117.97,406.516,114.296z"></path>
 <path fill="#C3FAF1" d="M362.65,60.065c-4.871-2.346-9.652,3.143-12.305,6.522c-4.599,5.86-10.987,11.108-14.544,17.65
 c-0.204,0.376,0.134,0.92,0.587,0.763c5.551-1.922,11.443-5.424,15.816-9.332c3.618-3.233,10.097-9.715,10.81-14.708
 C363.063,60.626,362.996,60.231,362.65,60.065z"></path>
 <path fill="#C3FAF1" d="M396.985,57.325c-1.325-1.827-3.208-2.961-4.692-4.618c-1.743-1.945-5.614-1.585-6.759,0.871
 c-0.191,0.409-0.372,0.819-0.539,1.235c-1.111,0.597-1.918,1.641-2.38,2.976c-0.318,0.919-0.327,1.786-0.142,2.607
 c-3.63,0.155-4.096,6.114-0.43,7.076c2.166,0.568,4.588,0.405,6.799,0.182c2.846-0.288,5.488-0.796,7.67-2.783
 C398.645,62.93,398.592,59.539,396.985,57.325z"></path>
 <path fill="#C3FAF1" d="M349.678,131.496c-1.052-1.821-1.81-3.618-2.486-5.482c0.552-1.149,0.604-2.547-0.129-3.574
 c-1.046-1.465-2.599-2.314-4.023-3.379c-1.946-1.455-3.839-2.922-5.972-4.099c-2.848-1.572-7.454,1.081-6.02,4.628
 c2.702,6.682,7.728,11.397,12.394,16.718C346.477,139.769,351.89,135.325,349.678,131.496z"></path>
 <path fill="#6AF3DC" d="M353.685,129.71c-0.207,0.158-0.399,0.285-0.651,0.351c-0.035-0.049-0.068-0.101-0.095-0.153
 c-0.115-0.222-0.042-0.627,0.006-1.009c-0.001-0.094-0.021-0.187-0.031-0.281c0.256-0.276,0.435-0.652,0.493-1.119
 c0.163-1.321-0.872-2.357-1.834-3.085c-0.586-0.443-1.549-0.349-2.146,0c-0.883,0.517-1.139,1.446-0.977,2.4
 c0.259,1.516,1.001,3.033,2.346,3.857c1.084,0.665,2.424,0.877,3.518,0.118C354.982,130.327,354.315,129.227,353.685,129.71z"></path>
 <path fill="#6AF3DC" d="M369.119,139.054c-0.502-1.029-1.572-1.127-2.397-0.692c-0.498-0.676-0.908-1.384-1.277-2.109
 c-0.597-2.516-1.408-4.988-2.067-7.495c-0.229-0.872-1.523-0.867-1.756,0c-0.406,1.515-0.529,3.139-0.412,4.77
 c-0.785-1.481-1.773-2.899-2.854-4.199c0.167-0.514-0.128-1.177-0.856-1.266c-0.099-0.012-0.186-0.011-0.28-0.018
 c-1.066-1.149-2.171-2.184-3.216-3.048c-1.165-0.964-3.153-0.742-3.555,0.938c-1.344,5.621,1.54,12.516,6.282,15.738
 c0.444,0.302,0.949,0.389,1.443,0.338c0.287,0.46,0.546,0.829,0.75,1.066c1.092,1.266,3.237,0.574,3.695-0.912
 c0.328,0.286,0.651,0.576,0.999,0.845c0.438,0.338,0.97,0.334,1.444,0.14c0.276,0.322,0.561,0.635,0.863,0.925
 c1.008,0.97,2.797,0.834,3.498-0.451C370.41,141.815,369.967,140.794,369.119,139.054z"></path>
 <path fill="#6AF3DC" d="M375.19,144.781c-1.429-2.861-3.034-5.602-4.047-8.647c-0.865-2.6-1.276-5.207-2.381-7.749
 c-0.871-2.003-3.329-1.896-4.833-0.765c-1.093-0.555-2.296-0.894-3.507-0.962c-3.622-0.204-6.739-1.753-10.218-2.646
 c-0.508-0.13-1.177,0.375-0.942,0.942c1.79,4.315,4.499,6.81,9.159,7.825c2.971,0.648,4.921,3.23,5.947,6.185
 c-1.475-0.441-2.999-0.759-4.618-0.947c-3.55-0.412-4.604,4.895-1.758,6.49c1.779,0.998,3.455,1.407,5.468,1.698
 c0.332,0.048,0.653,0.118,0.965,0.204c0.862,0.41,1.704,0.881,2.542,1.391c0.457,0.278,0.925,0.433,1.386,0.485
 c0.707,0.411,1.42,0.818,2.178,1.156C373.636,150.825,376.795,147.993,375.19,144.781z"></path>
 <g>
 <path fill="#6AF3DC" d="M345.172,82.955c-0.673,0.211-1.29,0.658-1.721,1.41c-1.405,2.452-4.205,3.915-5.985,6.101
 c-2.36,2.899-5.436,5.432-7.398,8.612c-2.04,3.308,3.057,5.441,4.735,3.167c1.19-0.955,2.333-2.006,3.43-3.108
 c0.6,0.3,1.313,0.376,2.086,0.085c2.309-0.869,4.464-0.426,6.045-2.818c1.814-2.745,2.072-6.059,2.914-9.17
 c0.09-0.095,0.171-0.199,0.267-0.289c0.511-0.48,1.019-1.437,1.007-2.18c-0.078-0.457-0.242-1.376-0.386-1.623
 C348.783,80.783,346.991,81.273,345.172,82.955z"></path>
 <path fill="#6AF3DC" d="M350.548,84.609c0.006,0.05,0.002,0.104,0.003,0.156C350.608,85.094,350.62,85.185,350.548,84.609z"></path>
 </g>
 <path fill="none" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M139.142,96.706c0-5.34,4.329-9.669,9.669-9.669
 c5.34,0,9.669,4.329,9.669,9.669"></path>
 
 <line fill="none" stroke="#31313D" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="149" y1="87" x2="149" y2="42"></line>
</g>
<g class="cristal-veiticinco">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M182.47,188.064
 c-5.571,9.883-13.536,17.948-23.001,23.23c23.452-4.303,41.931-22.783,46.233-46.235
 C200.42,174.526,192.354,182.491,182.47,188.064z"></path>
</g>
<g class="cristal-veitnticuatro">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M182.47,188.064
 c-6.622,3.733-14.056,6.384-22.007,7.7c-2.495,6.008-5.507,11.536-8.97,16.432c2.712-0.116,5.373-0.425,7.975-0.903
 C168.935,206.012,176.899,197.946,182.47,188.064z"></path>
</g>
<g class="cristal-veintitres">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M137.533,195.764
 c2.495,6.008,5.507,11.536,8.969,16.432c0.829,0.035,1.66,0.063,2.497,0.063c0.836,0,1.666-0.028,2.493-0.063
 c3.463-4.897,6.475-10.424,8.97-16.432c-3.721,0.616-7.549,0.954-11.465,0.954C145.081,196.718,141.254,196.38,137.533,195.764z"></path>
</g>
<g class="cristal-veintidos">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M137.533,195.764
 c-7.951-1.316-15.385-3.967-22.007-7.7c5.571,9.882,13.534,17.947,22.999,23.229c2.603,0.478,5.264,0.788,7.977,0.904
 C143.04,207.3,140.028,201.772,137.533,195.764z"></path>
</g>
<g class="cristal-veintiuno">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M115.526,188.064
 c-9.88-5.57-17.944-13.532-23.226-22.995c4.305,23.445,22.78,41.919,46.225,46.224
 C129.061,206.011,121.097,197.946,115.526,188.064z"></path>
</g>
<g class="cristal-veinte">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M190.17,166.057
 c-1.316,7.951-3.966,15.385-7.7,22.007c9.884-5.572,17.95-13.538,23.232-23.005c0.477-2.602,0.787-5.261,0.902-7.972
 C201.707,160.549,196.179,163.562,190.17,166.057z"></path>
</g>
<g class="cristal-diceinueve">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M160.463,195.764
 c7.951-1.316,15.385-3.967,22.007-7.7c3.733-6.622,6.384-14.056,7.7-22.007c-7.121,2.957-14.931,5.167-23.221,6.486
 C165.629,180.833,163.42,188.643,160.463,195.764z"></path>
</g>
<g class="cristal-dieciocho">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M149,173.964c-6.17,0-12.172-0.501-17.95-1.421
 c1.319,8.29,3.529,16.1,6.486,23.221c3.721,0.616,7.548,0.954,11.464,0.954c3.917,0,7.744-0.339,11.465-0.954
 c2.957-7.121,5.166-14.931,6.486-23.221C161.172,173.463,155.17,173.964,149,173.964z"></path>
</g>
<g class="cristal-diecisiete">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M107.826,166.057
 c1.316,7.951,3.967,15.385,7.7,22.007c6.622,3.733,14.056,6.384,22.007,7.7c-2.957-7.121-5.167-14.931-6.486-23.221
 C122.757,171.224,114.948,169.014,107.826,166.057z"></path>
</g>
<g class="cristal-dieciseis">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M115.526,188.064
 c-3.733-6.622-6.384-14.056-7.7-22.007c-6.007-2.494-11.534-5.506-16.43-8.968c0.116,2.714,0.426,5.376,0.904,7.98
 C97.582,174.532,105.646,182.494,115.526,188.064z"></path>
</g>
<g class="cristal-quince">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M206.604,152.099
 c-4.897-3.463-10.425-6.476-16.434-8.971c0.616,3.721,0.954,7.548,0.954,11.465c0,3.916-0.339,7.743-0.954,11.464
 c6.009-2.495,11.537-5.508,16.434-8.971c0.035-0.828,0.063-1.657,0.063-2.493C206.667,153.756,206.639,152.926,206.604,152.099z"></path>
</g>
<g class="cristal-catorce">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M190.17,143.128
 c-7.121-2.957-14.931-5.167-23.221-6.486c0.92,5.778,1.421,11.78,1.421,17.951c0,6.17-0.501,12.172-1.421,17.95
 c8.29-1.319,16.1-3.529,23.221-6.486c0.616-3.721,0.954-7.548,0.954-11.464C191.124,150.676,190.785,146.849,190.17,143.128z"></path>
</g>
<g class="cristal-trece">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M131.047,136.642
 c-0.92,5.778-1.421,11.78-1.421,17.951c0,6.17,0.501,12.172,1.421,17.95c5.778,0.92,11.78,1.421,17.95,1.421
 c6.171,0,12.173-0.501,17.951-1.421c0.92-5.778,1.421-11.78,1.421-17.95c0-6.171-0.501-12.173-1.421-17.951
 c-5.778-0.92-11.78-1.421-17.951-1.421C142.827,135.221,136.826,135.722,131.047,136.642z"></path>
</g>
<g class="cristal-doce">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M129.626,154.593
 c0-6.171,0.501-12.173,1.421-17.951c-8.29,1.319-16.1,3.529-23.221,6.486c-0.616,3.721-0.954,7.548-0.954,11.465
 c0,3.916,0.339,7.744,0.954,11.464c7.121,2.957,14.931,5.167,23.221,6.486C130.128,166.765,129.626,160.763,129.626,154.593z"></path>
</g>
<g class="cristal-once">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M107.826,143.128
 c-6.008,2.494-11.534,5.506-16.43,8.968c-0.035,0.829-0.063,1.66-0.063,2.497c0,0.837,0.028,1.668,0.063,2.496
 c4.896,3.462,10.423,6.474,16.43,8.968c-0.616-3.721-0.954-7.548-0.954-11.464C106.872,150.676,107.211,146.849,107.826,143.128z"
 ></path>
</g>
<g class="cristal-diez">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M182.47,121.121
 c3.733,6.622,6.384,14.056,7.7,22.007c6.009,2.495,11.537,5.508,16.434,8.971c-0.115-2.711-0.425-5.371-0.902-7.973
 C200.42,134.659,192.354,126.693,182.47,121.121z"></path>
</g>
<g class="cristal-nueve">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M190.17,143.128
 c-1.316-7.951-3.967-15.385-7.7-22.007c-6.622-3.733-14.056-6.384-22.007-7.7c2.957,7.121,5.167,14.931,6.486,23.221
 C175.239,137.961,183.048,140.171,190.17,143.128z"></path>
</g>
<g class="cristal-ocho">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M148.998,135.221
 c6.171,0,12.173,0.501,17.951,1.421c-1.319-8.29-3.529-16.1-6.486-23.221c-3.721-0.616-7.548-0.954-11.465-0.954
 c-3.916,0-7.744,0.339-11.464,0.954c-2.957,7.121-5.167,14.931-6.486,23.221C136.826,135.722,142.827,135.221,148.998,135.221z"></path>
</g>
<g class="cristal-siete">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M137.533,113.421
 c-7.951,1.316-15.385,3.966-22.007,7.7c-3.733,6.622-6.384,14.056-7.7,22.007c7.121-2.957,14.931-5.167,23.221-6.486
 C132.367,128.351,134.577,120.542,137.533,113.421z"></path>
</g>
<g class="cristal-seis">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M107.826,143.128
 c1.316-7.951,3.967-15.385,7.7-22.007c-9.881,5.57-17.944,13.532-23.227,22.995c-0.478,2.604-0.788,5.266-0.904,7.98
 C96.292,148.634,101.819,145.622,107.826,143.128z"></path>
</g>
<g class="cristal-cinco">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M182.47,121.121
 c9.884,5.572,17.95,13.538,23.232,23.005c-4.303-23.452-22.781-41.932-46.233-46.235
 C168.934,103.173,176.898,111.238,182.47,121.121z"></path>
</g>
<g class="cristal-cuatro">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M160.463,113.421
 c7.951,1.316,15.385,3.967,22.007,7.7c-5.571-9.883-13.536-17.948-23.001-23.23c-2.603-0.478-5.263-0.787-7.975-0.903
 C154.956,101.885,157.968,107.413,160.463,113.421z"></path>
</g>
<g class="cristal-tres">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M160.463,113.421
 c-2.495-6.008-5.507-11.536-8.97-16.432c-0.828-0.035-1.657-0.063-2.493-0.063c-0.838,0-1.668,0.028-2.497,0.063
 c-3.463,4.897-6.475,10.424-8.969,16.432c3.721-0.616,7.548-0.954,11.464-0.954C152.914,112.466,156.742,112.805,160.463,113.421z"
 ></path>
</g>
<g class="cristal-dos">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M115.527,121.12
 c6.622-3.733,14.056-6.384,22.007-7.7c2.495-6.008,5.507-11.535,8.969-16.432c-2.713,0.116-5.374,0.426-7.977,0.904
 C129.061,103.174,121.098,111.239,115.527,121.12z"></path>
</g>
<g class="cristal-uno">
 <path fill="" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M115.527,121.12
 c5.571-9.882,13.534-17.946,22.999-23.228c-23.445,4.305-41.92,22.778-46.226,46.223
 C97.582,134.652,105.646,126.691,115.527,121.12z"></path>
</g>
</svg>
 </div>
</div>
</a>
<a href="http://www.lasdoceen.com/">
<div class="contenedoriconos">
 <div class="calendario">
 <svg version="1.1" id="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
<g id="fondo">
 <path fill="#FFFFFF" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M25.869,239.005
 c0,6.791,4.665,12.296,10.421,12.296H170.56c5.755,0,10.421-5.505,10.421-12.296v-89.57H25.869V239.005z"></path>
 <path fill="#754b99" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M170.56,104.908H36.29
 c-5.755,0-10.421,4.666-10.421,10.421v34.107h155.112v-34.107C180.981,109.573,176.316,104.908,170.56,104.908z"></path>
 <g>
 <circle fill="#1D1D1B" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" cx="51.022" cy="118.383" r="5.689"></circle>
 <circle fill="#1D1D1B" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" cx="71.983" cy="118.383" r="5.689"></circle>
 <circle fill="#1D1D1B" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" cx="92.944" cy="118.383" r="5.689"></circle>
 <circle fill="#1D1D1B" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" cx="113.906" cy="118.383" r="5.689"></circle>
 <circle fill="#1D1D1B" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" cx="134.867" cy="118.383" r="5.689"></circle>
 <circle fill="#1D1D1B" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" cx="155.828" cy="118.383" r="5.689"></circle>
 </g>
 <path fill="#FFFFFF" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M53.627,119.044
 c0,1.752-1.274,3.172-2.845,3.172l0,0c-1.571,0-2.845-1.42-2.845-3.172V94.005c0-1.752,1.274-3.172,2.845-3.172l0,0
 c1.571,0,2.845,1.42,2.845,3.172V119.044z"></path>
 <path fill="#FFFFFF" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M74.828,119.044
 c0,1.752-1.274,3.172-2.845,3.172l0,0c-1.571,0-2.845-1.42-2.845-3.172V94.005c0-1.752,1.274-3.172,2.845-3.172l0,0
 c1.571,0,2.845,1.42,2.845,3.172V119.044z"></path>
 <path fill="#FFFFFF" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M95.789,119.044
 c0,1.752-1.274,3.172-2.845,3.172l0,0c-1.571,0-2.845-1.42-2.845-3.172V94.005c0-1.752,1.274-3.172,2.845-3.172l0,0
 c1.571,0,2.845,1.42,2.845,3.172V119.044z"></path>
 <path fill="#FFFFFF" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M116.75,119.044
 c0,1.752-1.274,3.172-2.845,3.172l0,0c-1.571,0-2.845-1.42-2.845-3.172V94.005c0-1.752,1.274-3.172,2.845-3.172l0,0
 c1.571,0,2.845,1.42,2.845,3.172V119.044z"></path>
 <path fill="#FFFFFF" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M137.711,119.044
 c0,1.752-1.274,3.172-2.845,3.172l0,0c-1.571,0-2.845-1.42-2.845-3.172V94.005c0-1.752,1.274-3.172,2.845-3.172l0,0
 c1.571,0,2.845,1.42,2.845,3.172V119.044z"></path>
 <path fill="#FFFFFF" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M158.672,119.044
 c0,1.752-1.274,3.172-2.845,3.172l0,0c-1.571,0-2.845-1.42-2.845-3.172V94.005c0-1.752,1.274-3.172,2.845-3.172l0,0
 c1.571,0,2.845,1.42,2.845,3.172V119.044z"></path>
 <text transform="matrix(1 0 0 1 63.5958 141.0504)" fill="#FFFFFF" font-family="'ArialMT'" font-size="15.631">2018 - SEP</text>
 <rect x="134.567" y="158.508" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="154.45" y="158.508" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="35.152" y="172.63" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="55.035" y="172.63" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="74.918" y="172.63" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="94.801" y="172.63" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="114.684" y="172.63" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="134.567" y="172.63" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="154.45" y="172.63" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="35.152" y="186.752" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="55.035" y="186.752" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="74.918" y="186.752" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="94.801" y="186.752" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="114.684" y="186.752" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="134.567" y="186.752" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="154.45" y="186.752" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="35.152" y="200.874" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="55.035" y="200.874" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="74.918" y="200.874" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="94.801" y="200.874" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="114.684" y="200.874" fill="#734C98" width="18.146" height="12.385"></rect>
 <rect x="134.567" y="200.874" fill="#734C98" width="18.146" height="12.385"></rect>
 <rect x="154.45" y="200.874" fill="#734C98" width="18.146" height="12.385"></rect>
 <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="35.0523" y1="214.9507" x2="53.1438" y2="227.2529">
 <stop offset="0" style="stop-color:#734C98"></stop>
 <stop offset="1" style="stop-color:#D64890"></stop>
 </linearGradient>
 <rect x="35.152" y="214.995" fill="url(#SVGID_1_)" width="18.146" height="12.385"></rect>
 <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="55.0347" y1="221.188" x2="73.1811" y2="221.188">
 <stop offset="0" style="stop-color:#734C98"></stop>
 <stop offset="1" style="stop-color:#D64890"></stop>
 </linearGradient>
 <rect x="55.035" y="214.995" fill="url(#SVGID_2_)" width="18.146" height="12.385"></rect>
 <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="74.9178" y1="221.188" x2="93.0642" y2="221.188">
 <stop offset="0" style="stop-color:#734C98"></stop>
 <stop offset="1" style="stop-color:#D64890"></stop>
 </linearGradient>
 <rect x="74.918" y="214.995" fill="url(#SVGID_3_)" width="18.146" height="12.385"></rect>
 <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="94.8009" y1="221.188" x2="112.9473" y2="221.188">
 <stop offset="0" style="stop-color:#734C98"></stop>
 <stop offset="1" style="stop-color:#D64890"></stop>
 </linearGradient>
 <rect x="94.801" y="214.995" fill="url(#SVGID_4_)" width="18.146" height="12.385"></rect>
 <rect x="114.684" y="214.995" fill="#D64890" width="18.146" height="12.385"></rect>
 <rect x="134.567" y="214.995" fill="#D64890" width="18.146" height="12.385"></rect>
 <rect x="154.45" y="214.995" fill="#D64890" width="18.146" height="12.385"></rect>
 <rect x="35.152" y="229.179" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="55.035" y="229.179" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="74.918" y="229.179" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="94.801" y="229.179" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="114.684" y="229.179" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="134.567" y="229.179" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <rect x="154.45" y="229.179" fill="#C4C4C4" width="18.146" height="12.385"></rect>
 <text transform="matrix(1 0 0 1 118.6066 209.8776)" fill="#FFFFFF" font-family="'ArialMT'" font-size="8.6839">14</text>
 <text transform="matrix(1 0 0 1 138.2902 209.8776)" fill="#FFFFFF" font-family="'ArialMT'" font-size="8.6839">15</text>
 <text transform="matrix(1 0 0 1 158.6974 209.8766)" fill="#FFFFFF" font-family="'ArialMT'" font-size="8.6839">16</text>
 <text transform="matrix(1 0 0 1 39.0006 224.6403)" fill="#FFFFFF" font-family="'ArialMT'" font-size="8.6839">17</text>
 <text transform="matrix(1 0 0 1 58.6842 224.6403)" fill="#FFFFFF" font-family="'ArialMT'" font-size="8.6839">18</text>
 <text transform="matrix(1 0 0 1 78.8019 224.6412)" fill="#FFFFFF" font-family="'ArialMT'" font-size="8.6839">19</text>
 <text transform="matrix(1 0 0 1 99.2091 224.6412)" fill="#FFFFFF" font-family="'ArialMT'" font-size="8.6839">20</text>
 <text transform="matrix(1 0 0 1 119.3263 224.6403)" fill="#FFFFFF" font-family="'ArialMT'" font-size="8.6839">21</text>
 <text transform="matrix(1 0 0 1 139.0099 224.6403)" fill="#FFFFFF" font-family="'ArialMT'" font-size="8.6839">22</text>
 <text transform="matrix(1 0 0 1 158.9835 224.6413)" fill="#FFFFFF" font-family="'ArialMT'" font-size="8.6839">23</text>
 <circle fill="#c8b6d9" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" cx="210.163" cy="114.586" r="63.137"></circle>
 <path fill="#FFFFFF" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M265.42,114.71c0,13.61-4.92,26.07-13.08,35.7
 c-10.14,11.96-25.27,19.56-42.18,19.56c-30.52,0-55.26-24.74-55.26-55.26c0-12.75,4.32-24.48,11.57-33.83
 c10.11-13.04,25.92-21.43,43.69-21.43C240.68,59.45,265.42,84.19,265.42,114.71z"></path>
 <path fill="none" d="M265.42,114.71c0,13.61-4.92,26.07-13.08,35.7c-10.14,11.96-25.27,19.56-42.18,19.56
 c-30.52,0-55.26-24.74-55.26-55.26c0-12.75,4.32-24.48,11.57-33.83c10.11-13.04,25.92-21.43,43.69-21.43
 C240.68,59.45,265.42,84.19,265.42,114.71z"></path>
 <path fill="#FFFFFF" stroke="#31313D" stroke-width="2" stroke-miterlimit="10" d="M265.42,114.71c0,13.61-4.92,26.07-13.08,35.7
 c-10.14,11.96-25.27,19.56-42.18,19.56c-30.52,0-55.26-24.74-55.26-55.26c0-12.75,4.32-24.48,11.57-33.83
 c10.11-13.04,25.92-21.43,43.69-21.43C240.68,59.45,265.42,84.19,265.42,114.71z"></path>
 <text transform="matrix(1 0 0 1 201.1623 73.3776)" fill="#734C98" font-family="'Arial-BoldMT'" font-size="14">12</text>
 <text transform="matrix(1 0 0 1 208.1628 163.8776)" fill="#734C98" font-family="'Arial-BoldMT'" font-size="12">6</text>
 <text transform="matrix(1 0 0 1 253.1628 119.7497)" fill="#734C98" font-family="'Arial-BoldMT'" font-size="12">3</text>
 <text transform="matrix(1 0 0 1 158.9833 118.3829)" fill="#734C98" font-family="'Arial-BoldMT'" font-size="12">9</text>
</g>
<g class="minutos">
 <path fill="#D64890" d="M188.323,147.407l18.603-30.832c-0.192-0.46-0.299-0.964-0.299-1.494v-0.265
 c0-2.155,1.747-3.902,3.904-3.902c2.154,0,3.903,1.747,3.903,3.902v0.265c0,2.155-1.749,3.903-3.903,3.903
 c-0.253,0-0.495-0.026-0.734-0.072l-18.327,30.371c-0.517,0.869-1.643,1.154-2.51,0.636
 C188.09,149.4,187.805,148.276,188.323,147.407z"></path>
 <path fill="none" d="M265.423,114.71c0,13.61-4.92,26.07-13.08,35.7c-10.14,11.96-25.27,19.56-42.18,19.56
 c-30.52,0-55.26-24.74-55.26-55.26c0-12.75,4.32-24.48,11.57-33.83c10.11-13.04,25.92-21.43,43.69-21.43
 C240.683,59.45,265.423,84.19,265.423,114.71z"></path>
</g>
<g class="horas">
 <path fill="#734C98" d="M204.163,114.796c0,3.289,2.665,5.954,5.954,5.954c3.287,0,5.954-2.665,5.954-5.954
 c0-2.537-1.591-4.697-3.827-5.555c0.001-0.033,0.009-0.062,0.009-0.094V85.753c0-1.18-0.955-2.136-2.136-2.136
 c-1.181,0-2.138,0.956-2.138,2.136v23.395c0,0.032,0.008,0.061,0.009,0.093C205.751,110.098,204.163,112.259,204.163,114.796z
 M207.063,114.796c0-1.685,1.368-3.053,3.054-3.053c1.687,0,3.051,1.367,3.051,3.053c0,1.686-1.365,3.053-3.051,3.053
 C208.431,117.849,207.063,116.482,207.063,114.796z"></path>
 <path fill="none" d="M265.423,114.71c0,13.61-4.92,26.07-13.08,35.7c-10.14,11.96-25.27,19.56-42.18,19.56
 c-30.52,0-55.26-24.74-55.26-55.26c0-12.75,4.32-24.48,11.57-33.83c10.11-13.04,25.92-21.43,43.69-21.43
 C240.683,59.45,265.423,84.19,265.423,114.71z"></path>
</g>
</svg>
</div>
</div>
</a>

<div class="contenedoriconos">
  <div class="">

<svg version="1.1" class="sobre" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px"
	 height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
<g id="Capa_1">
</g>
<g id="Capa_2">
	<g>
		
			<rect x="43.05" y="91.48" fill="#FFFFFF" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" width="213.929" height="117.04"></rect>
		<g>
			<polygon fill="#734C98" points="51.956,107.249 44.034,103.493 44.034,120.63 51.956,115.829 			"></polygon>
			<polygon fill="#c8b6d9" points="51.956,123.231 44.034,128.032 44.034,137.984 51.956,133.184 			"></polygon>
			<polygon fill="#734C98" points="51.956,139.758 44.034,144.559 44.034,154.51 51.956,149.709 			"></polygon>
			<polygon fill="#c8b6d9" points="51.956,156.594 44.034,161.395 44.034,171.347 51.956,166.546 			"></polygon>
			<polygon fill="#734C98" points="51.956,173.365 44.034,178.166 44.034,188.117 51.956,183.316 			"></polygon>
		</g>
		<polygon fill="#c8b6d9" points="255.98,103.145 248.058,106.9 248.058,115.48 255.98,120.281 		"></polygon>
		<polygon fill="#734C98" points="248.058,132.918 255.98,137.719 255.98,127.766 248.058,122.966 		"></polygon>
		<polygon fill="#c8b6d9" points="248.058,149.444 255.98,154.244 255.98,144.293 248.058,139.492 		"></polygon>
		<polygon fill="#734C98" points="248.058,166.281 255.98,171.081 255.98,161.129 248.058,156.329 		"></polygon>
		<polygon fill="#c8b6d9" points="248.058,183.051 255.98,187.852 255.98,177.9 248.058,173.099 		"></polygon>
		<g>
			<polygon fill="#734C98" points="65.67,199.946 52.05,199.946 43.84,207.026 43.84,207.541 56.859,207.541 			"></polygon>
			<polygon fill="#c8b6d9" points="87.33,199.946 73.71,199.946 69.68,203.416 64.907,207.541 78.528,207.541 			"></polygon>
			<polygon fill="#734C98" points="104.63,205.316 110.85,199.946 97.23,199.946 88.428,207.541 102.039,207.541 			"></polygon>
			<polygon fill="#c8b6d9" points="132.51,199.946 118.9,199.946 110.089,207.541 123.708,207.541 			"></polygon>
			<polygon fill="#734C98" points="151.15,204.156 156.03,199.946 142.41,199.946 133.608,207.541 147.228,207.541 			"></polygon>
			<polygon fill="#c8b6d9" points="170.651,206.016 174.661,202.566 177.701,199.946 164.081,199.946 162.661,201.166 
				155.881,207.016 155.901,207.026 155.302,207.541 168.888,207.541 			"></polygon>
			<polygon fill="#734C98" points="195.25,205.086 200.18,200.836 201.21,199.946 187.6,199.946 187.25,200.246 180.47,206.086 
				178.787,207.541 192.407,207.541 			"></polygon>
			<polygon fill="#c8b6d9" points="219.68,203.128 222.88,200.368 209.26,200.368 204.9,204.128 200.94,207.541 214.558,207.541 			
				"></polygon>
			<polygon fill="#734C98" points="244.27,202.198 246.39,200.368 232.78,200.368 229.49,203.198 225.49,206.648 224.456,207.541 
				238.077,207.541 			"></polygon>
			<polygon fill="#c8b6d9" points="255.526,199.718 254.748,200.368 249.106,205.068 246.129,207.541 256.035,207.541 
				256.035,199.718 			"></polygon>
		</g>
		<path fill="none" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" d="M43.007,208.52h213.985v-8.166
			c0,0-0.596-4.64-5.31-7l-101.558-50.67l-101.807,50.67c0,0-5.31,3.09-5.31,7C43.007,204.265,43.007,208.52,43.007,208.52z"></path>
		<polygon fill="#FFFFFF" stroke="#1D1D1B" stroke-width="2" stroke-miterlimit="10" points="149.946,152.032 256.95,101.617 
			256.95,91.48 43.05,91.48 43.05,101.999 		"></polygon>
	</g>
</g>
</svg>
</div>
</div>
            
          
!
            
              
.disc{
  transform-origin:50% 50%;  
}
  
#records-player:hover .disc{
  animation: rotateDisc 300ms 400ms infinite linear;
}

.tonearm{
    transform: rotate(0deg);
    transform-origin:50% 0%;
    transition: all 500ms ease-out;
}

#records-player:hover .tonearm{
  transform: rotate(38deg);
}

@keyframes rotateDisc{
 from {
    transform: rotate(0deg);
  }
  to {
     transform: rotate(359deg);
  }
}

.contenedoriconos{
  width:320px;
  margin: auto;
  display: inline-block;
}

svg{
  display: block;
  float:left;
  margin-right: 10px;
  margin-top: 10px;
}

.manecilla{
 transform-origin:50% 50%;
}

.brujula:hover .manecilla {
  animation: wheelTurning 1000ms infinite linear;
}

@keyframes wheelTurning{
 from {
    transform: rotate(0deg);
  }
  to {
     transform: rotate(359deg);
  }
}

.alojamiento:hover .cloud-2{
 animation: cloudTranslation 8000ms infinite linear;
}

.alojamiento:hover .cloud-1{
 animation: cloudTranslation 9000ms infinite linear;
}
.alojamiento:hover .cloud-3{
 animation: cloudTranslation 7000ms linear;
}
@keyframes cloudTranslation{
 from {
    transform: translateX(0px);
  }
  to {
     transform: translateX(320px);
  }
}

.alojamiento:hover .cloud-2{
 animation: cloudTranslation 8000ms infinite linear;
}

.alojamiento:hover .cloud-1{
 animation: cloudTranslation 12000ms infinite linear;
}
.alojamiento:hover .cloud-3{
 animation: cloudTranslation 6000ms linear;
}
@keyframes cloudTranslation{
 from {
    transform: translateX(0px);
  }
  to {
     transform: translateX(600px);
  }
}

.ventana-cinco{
  fill:#B2E4F9;
}

.alojamiento:hover .ventana-cinco{
 animation: ventanas 12000ms linear;
   animation-iteration-count:2;
}
.ventana-uno{
  fill:#B2E4F9;
}

.alojamiento:hover .ventana-uno{
 animation: ventanas 1000ms linear;
   animation-iteration-count:3;
}

  @-webkit-keyframes ventanas {
  0%   { fill:#B2E4F9; }
  49%   { fill:#B2E4F9; }
  50% { fill:#f4e192; }
  100% { fill: #f4e192; }
}


.ventana-cuatro{
  fill:#B2E4F9;
}
.alojamiento:hover .ventana-cuatro{
 animation: ventanas2 10000ms linear;
   animation-iteration-count:4;
}



.ventana-siete{
  fill:#B2E4F9;
}
.alojamiento:hover .ventana-siete{
 animation: ventanas2 5000ms linear;
   animation-iteration-count:2;
}

  @-webkit-keyframes ventanas2 {
  0% { fill: #B2E4F9; }
  1%   { fill:#f4e192; }
  49% { fill:#f4e192; }
  50% { fill:#B2E4F9; }
  100% { fill: #B2E4F9; }
}

.cristal-veiticinco{
  fill:#e2d9ed;
}

.cristal-veitnticuatro{
  fill:#c8b6d9;
}
.cristal-veintitres{
  fill:#c8b6d9;
}
.cristal-veintidos{
  fill:#754b99;
}
.cristal-veintiuno{
  fill:#e2d9ed;
}
.cristal-veinte{
  fill:#e2d9ed;
}
.cristal-diceinueve{
  fill:#bca7d1;
}
.cristal-dieciocho{
  fill:#beafce;
}
.cristal-diecisiete{
  fill:#e2d9ed;
}
.cristal-dieciseis{
  fill:#c8b6d9;
}
.cristal-quince{
  fill:#e2d9ed;
}
.cristal-catorce{
  fill:#e2d9ed;
}
.cristal-trece{
  fill:#beafce;
}
.cristal-doce{
  fill:#beafce;
}
.cristal-once{
  fill:#754b99;
}
.cristal-diez{
  fill:#e2d9ed;
}
.cristal-nueve{
  fill:#beafce;
}
.cristal-ocho{
  fill:#e2d9ed;
}
.cristal-siete{
  fill:#beafce;
}
.cristal-seis{
  fill:#e2d9ed;
}
.cristal-cinco{
  fill:#bca7d1;
}
.cristal-cuatro{
  fill:#e9e2f2;
}
.cristal-tres{
  fill:#beafce;
}
.cristal-dos{
  fill:#754b99;
}
.cristal-uno{
  fill:#8c67ac;
}

.festival:hover .cristal-uno {
 animation: cristalesa 1000ms linear infinite;
}

.festival:hover .cristal-once {
 animation: cristalesb 1000ms linear infinite;  
}

.festival:hover .cristal-diecisiete {
 animation: cristalesc 1000ms linear infinite;  
}

.festival:hover .cristal-veintidos {
 animation: cristalesd 1000ms linear infinite;  
}

.festival:hover .cristal-trece {
 animation: cristalese 1000ms linear infinite; 
}

.festival:hover .cristal-tres {
 animation: cristalesf 1000ms linear infinite; 
}

.festival:hover .cristal-nueve{
 animation: cristalesg 1000ms linear infinite;
}

.festival:hover .cristal-veinticuatro{
 animation: cristalesh 1000ms linear infinite;
}

.festival:hover .cristal-veinticinco{
 animation: cristalesi 1000ms linear infinite;  
}

.festival:hover .cristal-veinte{
 animation: cristalesj 1000ms linear infinite;  
}

 @-webkit-keyframes cristalesj {
 0% { opacity: 1; }
 1% { opacity: 1; }
 2%   { opacity:0.1; }
 3% { opacity:0.1; }
 4% { opacity:1; }
 100% { opacity:1; }
}

 @-webkit-keyframes cristalesd {
 0% { opacity: 1; }
 4% { opacity: 1; }
 5% { opacity:0.1; }
 6% { opacity:0.1; }
 7% { opacity:1; }
 100% { opacity:1; }
}

  @-webkit-keyframes cristalesc {
 0% { opacity: 1; }
 20% { opacity: 1; }
 21%   { opacity:0.1; }
 22% { opacity:0.1; }
 23% { opacity:1; }
 100% { opacity:1; }
}

 @-webkit-keyframes cristalesb {
 0% { opacity: 1; }
 22% { opacity: 1; }
 23%   { opacity:0.1; }
 24% { opacity:0.1; }
 25% { opacity:1; }
 100% { opacity:1; }
}

 @-webkit-keyframes cristalese {
 0% { opacity: 1; }
 40% { opacity: 1; }
 41%   { opacity:0.1; }
 42% { opacity:0.1; }
 43% { opacity:1; }
 100% { opacity:1; }
}

 @-webkit-keyframes cristalesi {
 0% { opacity: 1; }
 42% { opacity: 1; }
 43%   { opacity:0.1; }
 44% { opacity:0.1; }
 45% { opacity:1; }
 100% { opacity:1; }
}

@-webkit-keyframes cristalesg {
 0% { opacity: 1; }
 60% { opacity: 1; }
 61%   { opacity:0.1; }
 62% { opacity:0.1; }
 63% { opacity:1; }
 100% { opacity:1; }
}

 @-webkit-keyframes cristalesh {
 0% { opacity: 1; }
 62% { opacity: 1; }
 63%   { opacity:0.1; }
 64% { opacity:0.1; }
 65% { opacity:1; }
 100% { opacity:1; }
}

@-webkit-keyframes cristalesf {
 0% { opacity: 1; }
 80% { opacity: 1; }
 81%   { opacity:0.1; }
 82% { opacity:0.1; }
 83% { opacity:1; }
 100% { opacity:1; }
}

 @-webkit-keyframes cristalesa {
 0% { opacity: 1; }
 82% { opacity: 1; }
 83%   { opacity:0.1; }
 84% { opacity:0.1; }
 85% { opacity:1; }
 100% { opacity:1; }
}

.minutos{
     transform-origin:50% 50%;
}

.calendario:hover .minutos{
animation: wheelTurning 1000ms infinite linear;
}

.horas{
     transform-origin:50% 50%;
}

.calendario:hover .horas{
animation: wheelTurning 12000ms infinite linear;
}

.sobre{
  transform-origin:50% 50%;
  transform: rotate(0deg);
}

.sobre:hover{
  animation: vibrate 200ms infinite alternate;
}

@keyframes vibrate{
 from {
    transform: rotate(-5deg);
  }
  to {
     transform: rotate(5deg);
  }
}

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console