@charset "utf-8";
/* weibergmedia.com // Hudson Template */

/*------------------------------------------------------------------
[Table of contents]
0. Fonts
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav
6. Main Content
7. Column Grid
8. Content Elements
9. Icons
10. Image Hover
11. Lists
12. Google Maps
-------------------------------------------------------------------*/


/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:right; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
.hidden { display: none; visibility: hidden; }
/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after { -webkit-font-smoothing: antialiased; }
.flexslider { -webkit-transform: translateZ(0px); }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background:#242423; z-index:9999; }
#status { z-index:28; position:absolute; color:#ccc !important; top:50%; height:280px; width:100%; margin-top:-140px; }
/* horizontal centering */
.parent { width:300px; margin:0px auto; position:relative; height:280px; z-index:11;  }
.element .parent { position:absolute; left:0; top:0; background:rgba(51,51,51,0.4); -webkit-text-shadow: 0px 0 35px rgba(0, 0, 0, 0.2); text-shadow: 0px 0 35px rgba(0, 0, 0, 0.2); }
.col2-3 .parent { width:620px; height:580px; }
#status .child { text-align:center; }
/* vertical centering */
.parent { display: table }
.child { display: table-cell; vertical-align: middle; padding:0; padding:0 35px; }
.col2-3 .child { padding:120px; }
.child.vertical-top { vertical-align:top; }
.child span { text-transform:uppercase; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; height:100%; overflow-x:hidden; }
body { font-size: 15px; font-family:'PT Sans', sans-serif; color:#000; background:#fff; /*height:100%;*/ -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing: antialiased; min-width: 100%;}
strong { font-weight:600; color:#fff }
a, a > * { -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
a, a:hover, a:focus { color:#fff; text-decoration:none; outline: 0; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; text-rendering: optimizeLegibility; outline: 0; }
*:focus, *:after:focus, *:before:focus { outline: 0; }
*:after, *:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
p { line-height:1.5; padding:0; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; z-index:1; position:relative; opacity:0.7}
p a, dl a { color:#fff; text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.25); }
p a:hover { color:#fff; opacity:1; }
p.small { font-size:13px !important; font-style:italic; color:#fff; opacity:0.7; border-bottom:solid 1px rgba(255, 255, 255, 0.4); margin-bottom:0; display:inline-block; padding-bottom:2px; }
p.heading { margin-top:12px; }
#preloader p.small { color:#fff !important; padding:0px !important }
.child p.small { margin:10px 0; }
i { font-family:'PT Serif', serif; }
span.arrow { position:relative; padding-left:2px; line-height:1; text-align:center; background:url(../images/arrow-right-white.png) center no-repeat; background-size:12px 8px; }
span.arrow.rounded { border:solid 1px rgba(255, 255, 255, 1);  display:inline-block; width:38px; height:38px; }

.header-bottom p { font-size:13px; }

p.price, p.large { font-size:17px; }

blockquote { padding:8px 0px 8px 0px; font-style:italic; border:0; }
.testimonials blockquote { padding:0; }
blockquote p { font-family:'PT Serif', serif; color:#fff; font-size:17px; font-style:normal }
blockquote p.small { font-family:'PT Sans', sans-serif; border:0; border-top:solid 1px rgba(255, 255, 255, 0.4); padding-top:3px; margin-top:10px; }
blockquote .small::before, blockquote footer::before, blockquote small::before { content:""; }
.child blockquote { margin:0; }

em { font-style:italic;  }

.button, .button:focus { display: block; color: #fff; border:solid 1px rgba(255, 255, 255, 1); padding: 12px 30px 13px; margin: 5px 0 10px 0; font-size:11px; font-weight:600; text-transform:uppercase; line-height:1; letter-spacing:1px; display: inline-block; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; z-index:1; position:relative; font-family: 'PT Sans', sans-serif; -webkit-text-shadow:none !important; text-shadow:none !important; font-style:normal; }
.col2-3 .button { margin-top:25px; }
.button i { margin-right:3px; }
.btn-group-lg > .btn, .btn-lg, .btn { border-radius:51%; }


.padding { padding:0 2px; }

.signature { display:block; background:url(../images/signature.png) center center no-repeat; background-size:185px 50px; width:185px; height:50px; opacity:0.7}
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { display:block; position:relative; margin:0; width:125px; height:94px; margin-bottom: 15px; }
h1#logo a { display:block; background:url(../images/iconos/pigma-header.png) center center no-repeat; background-size:148px 80px; width:148px; height:80px; text-indent:-9999px; }
.tagline { float:right; font-size:13px; font-weight:400; position:relative; display:table;  height:52px; margin-top:-1px; color:#000; border-top: 1px white solid; border-bottom: 1px solid; border-color: rgba(255,255,255,0.5); padding: 15px 20px 15px 0px; margin-top: 15px; width: 100%;}
.tagline span { margin-top: 500px; vertical-align:middle; display:table-cell }
.hentry h1, h2, h3, h4, h5 { line-height:1.3; color:#fff	; display:block; position:relative; font-family:'PT Sans', sans-serif; font-weight:400; z-index:1 }
h2 a, h3 a, h4 a, h5 a, h2 .small, h3 .small, h4 .small, h5 .small {color:#fff }
h2 { font-size:40px; line-height:1.25; letter-spacing:-1px; margin-top:0px; }
h3 { font-size:26px; margin-top:10px; }
h4 { font-size:16px; line-height:1.4: font-family: 'PT Sans', sans-serif;}
h5 { font-size:17px; line-height:1.5 }
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color:#fff }
.post h2 { margin-top:10px; margin-bottom:20px;}
blockquote h3 { font-size:34px }
.caja.form > h3 {
	color: #000;
}

.textoContacto > h3 {
	color: #000;
}
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/


.pushed-left #nav-button span:nth-child(1), .pushed-left-alt #nav-button span:nth-child(1) {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
 position: relative;
 top: 5px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.pushed-left #nav-button span:nth-child(2), .pushed-left-alt #nav-button span:nth-child(2) {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 position: relative;
 top: 0px;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
.pushed-left #nav-button span:nth-child(3), .pushed-left-alt #nav-button span:nth-child(3) {
 display: none;
}

a.splink.selected::before{
	content: url(images/triangulonegro.png);
}

a.splink.selected::after{
	content: url(images/triangulonegro.png);
}
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/

.pushed-left #content, .pushed-left #background-color { -webkit-transform: translate3d(200px, 0px, 0px); transform: translate3d(200px, 0px, 0px); }
.pushed-left-alt #content, .no-csstransforms3d .pushed-left #content, .pushed-left-alt #background-color, .no-csstransforms3d .pushed-left #background-color { -webkit-transform: translateX(200px); -ms-transform: translateX(200px); transform: translateX(200px); }
#content, #background-color { -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; transition: transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/

.form {padding:1em;}
/*.col1-3.auto, .col2-3.auto { height:auto !important; }
.col1-3.double {height:580px; }

.col1-3.grey { padding:17px 35px; background-color: #333; }
.col1-3.pigma { padding:17px 35px; background:#ac1735; }
.col2-3.grey, .col3-3.grey, .col4-3.grey { background:#333; }*/
.element .col1-3, .element .col2-3, .element .col3-3 { margin:0 }
.bloque .col1-3, .bloque .col2-3, .bloque .col3-3 { margin:0 }
.violeta {background-color: #7B2655;}

.pres {background-color: transparent; border:1px white solid;}
.pres h2 {font-size: 1.3em;
padding-top: 30px;
font-weight: 100;
letter-spacing: 1px;}

.bottom { position:absolute; bottom:0px; left:0; width:100%; z-index:2; padding:25px 35px; -webkit-text-shadow: 0px 0 30px rgba(0, 0, 0, 0.4); text-shadow: 0px 0 30px rgba(0, 0, 0, 0.4); }
.bottom.no-text-shadow { -webkit-text-shadow: 0px 0 30px rgba(0, 0, 0, 0); text-shadow: 0px 0 30px rgba(0, 0, 0, 0); }
.bottom h2 { -webkit-text-shadow: 0px 0 30px rgba(0, 0, 0, 0.4); text-shadow: 0px 0 30px rgba(0, 0, 0, 0.4); }
.bottom.on-right { padding:17px 35px; text-align:right; color:#fff; opacity:1 }
.col2-3 .bottom.on-left { padding:65px 80px; text-align:left; color:#fff; opacity:1}
.bottom p { opacity:1 }
a:hover .bottom { background:#393939; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
a:hover .bottom p {color:#fff; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}

.top { position:absolute; top:0; right:0; padding:17px 35px; }

.white01 { background:url(../images/white03.png) no-repeat #94ad49; background-size:300px 280px; }
.white01:hover { background:url(../images/white03.png) no-repeat #889f43 !important; background-size:300px 280px !important; }
.white02 { background:url(../images/white02.png) no-repeat #c7944b; background-size:300px 280px; }
.white02:hover { background:url(../images/white02.png) no-repeat #b98945 !important; background-size:300px 280px !important; }
.white03 { background:url(../images/white04.png) no-repeat #499a9c; background-size:300px 280px; }
.white03:hover { background:url(../images/white04.png) no-repeat #438d8f !important; background-size:300px 280px !important; }
.white04 { background:url(../images/white02.png) no-repeat #94ad49; background-size:300px 280px; }
.white04:hover { background:url(../images/white02.png) no-repeat #889f43 !important; background-size:300px 280px !important; }
.white01.no-hover { background:url(../images/white03.png) no-repeat #94ad49; background-size:300px 280px; }
.white01.no-hover:hover { background:url(../images/white03.png) no-repeat #94ad49 !important; background-size:300px 280px !important; }

.dark-shadow { background:url(../images/dark-shadow.png) no-repeat #333; background-size:300px 280px; }
.with-link.dark-shadow:hover { background:url(../images/dark-shadow.png) no-repeat #3c3c3c !important; background-size:300px 280px !important; }
.col1-3.double.dark-shadow { background:url(../images/dark-shadow02.png) no-repeat #333; background-size:300px 580px; }
.col2-3.dark-shadow  { background:url(../images/dark-shadow-col2-3.png) no-repeat #333; background-size:620px 580px; }

.col2-3.bg-image01  { background:url(../images/restaurant10.jpg) no-repeat #333; background-size:620px 580px; }

.chalk01 { background:url(../images/chalk01.png) no-repeat #131417; background-size:300px 280px; }
.chalk01.with-link:hover { background:url(../images/chalk01.png) no-repeat #1b1d21 !important; background-size:300px 280px !important; }
.chalk02 { background:url(../images/chalk02.png) no-repeat #131417; background-size:300px 280px; }
.col2-3.chalk03 { background:url(../images/chalk03.png) no-repeat #292a2c; background-size:620px 580px; }
.col1-3.double.chalk03 { background:url(../images/chalk03.png) no-repeat #292a2c; background-size:620px 580px; }

.colored { background:#d74340; }
.colored:hover { background:#be3e3c !important; }


.textoHome img {display: block; margin-bottom: 1em; width: 15%}

.textoNosotros{
	background: white;
    color: black;
    font-size: 1em;
    padding: 1.5em .9em 3em;

}

.textoContacto {
	color: #000;
	font-size: 1em;
	margin-left: 1.6em;
	margin-top: 1.3em;
}

ul#datosContacto > li:before {
	background-image: url(../images/iconos/triangulonegro.png);
    background-size: 10px 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
    margin-right: 8px;
    margin-top: 5px;
}
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.description { opacity:1; position:absolute; left:0; bottom:0; /*width:240px; */ padding:15px 35px 20px;  -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;  }

.description i {font-size: 26px; position: absolute; left: 125px; bottom: 115px; border: solid 1px #fff; padding: 10px 18px 10px 20px;}
.doble i {font-size: 26px; position: absolute; left: 280px; bottom: 115px; border: solid 1px #fff; padding: 10px 18px 10px 20px;   }
.casos .description, .about .description, .menu .description { -webkit-text-shadow: 0px 0 30px rgba(0, 0, 0, 0.4); text-shadow: 0px 0 30px rgba(0, 0, 0, 0.4); }
.casos .description h4, .about .description h4, .menu .description h4 { font-size:28px; font-family: 'PT Sans', sans-serif; line-height: 34px; letter-spacing: 2px;}
.casos {background-color: #242423;}
.hidden-below { opacity:0; position:absolute; bottom:-40px; left:35px; -webkit-transition: all 0.2s ease 0.1s; transition: all 0.2s ease 0.1s;}
.element:hover .hidden-below { opacity:1; bottom:30px; -webkit-transition: all 0.2s ease 0.1s; transition: all 0.2s ease 0.1s;}
.with-hidden-below:hover .description { bottom:60px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.description2 {position: absolute; opacity: 1; left: 0; bottom: 0; font-weight: bold;}
.description2 h4 {font-size: 85px; text-align: center; margin: auto; padding:0px 0px 235px 115px;}


.cambioColor:hover{ background-color: #2ea788 !important; visibility: hidden; transition: all 0.2s ease-in-out 0.1s;}

.overflow, .element, .bloque { overflow:hidden; }
.overflow-visible {overflow:visible !important }
.break { display:block; position:relative; height:20px; width:100%; }
.whole-tile { position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:55; padding:17px 35px; }
.with-link { -webkit-transition: background 0.2s ease 0s; transition: background 0.2s ease 0s; }
.with-link:hover { background:#3c3c3c; -webkit-transition: background 0.2s ease 0s; transition: background 0.2s ease 0s; }

.dots-wrapper { position:absolute; left:0; top:0; padding:20px; width:100%; height:100%; z-index:10; opacity:0.3; }
.dots { border:1px solid #fff; width:100%; height:100%; }

@media screen and (max-width: 767px){

		.description2 {position: absolute; opacity: 1; left: 0; bottom: 0; font-weight: bold;}
	.description2 h4 {font-size: 40px; text-align: center; margin: auto; padding:0px 0px 105px 50px;}
}


.etiquetasHome { opacity:1; position:absolute; left:0; bottom:0; max-width:300px;padding:35px 30px 20px 46px;  -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;  }
.etiquetasHome p {border: 1px solid white; display: block; font-family: 'PT Sans'; font-size: 18px; font-weight: bold; padding: 5px 10px; color: #fff;}

.textoNosotros .nombreNosotros {font-weight: bold;}
.textoNosotros .cargoNosotros {font-style: italic; line-height: 1.2em !important;}
.textoNosotros .bioNosotros {font-size: .7em;}
.textoNosotros .bioNosotros:after {content: url('../images/iconos/triangulos3-blanco.png'); display: block; margin-top: 30px; float: right;}

.img-zoom {

    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    opacity: 1 !important;
}

.transition {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
}

.textoCaso {
	width: 80%;
	margin-left: 10%;
	font-size: .9em;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 40px;
}

.negro, .negro h5 {
	color: #000 ;
}

.blanco {
	color: #fff;
}

.textoCaso h5 {
	text-decoration: underline;
	font-style: italic;
	font-size: 1em;
}

/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/


/* =9. Icons & Footer
--------------------------------------------------------------------------------------------------------*/

.social {display: flex; justify-content: space-around;}
.social li {padding: .6em;}
.social-list li { display:inline; margin:2px 2px 0 0px; }
.social-list li a { width:30px; height:10px; display:table; float:right;}
.social-list li a i { color:#fff; font-size:16px; display:table-cell; vertical-align:middle; padding-left: 25px; }
.fa .fa-facebook i {margin-left: 50px;}

.description .social-list { margin-bottom:15px; margin-top:15px; }

dl .fa-map-marker { margin-left:2px; }
dl .fa-phone { margin-left:1px; }

.icon-placer { position:absolute; bottom:-30px; right:35px; text-align:right; z-index:0 }
.icon-placer i {font-size:170px; color:#fff; opacity:0.05; display:inline-block; width:300px; }

.over-image i.fa { color:#fff; font-size:30px; margin-right:10px; top:5px; position:relative }
.over-image i.fa.fa-camera { font-size:26px; top:4px; }
i.fa.inactive { opacity:0.4 }
li#txtFooter1 {font-style: italic; font-size: 16px;}
li#txtFooter2 {border: solid 1px black; padding: 10px;}

/* End Icons
--------------------------------------------------------------------------------------------------------*/


/* =10. Image Hover
--------------------------------------------------------------------------------------------------------*/
.images { display:block; position:relative; }
.images img { width:100%; display: block; max-width: 100% !important; z-index:9 }
img { box-shadow: #000 0 0 0 }
.videos { width:902px; height:508px; }
.images img { opacity:1; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.element:hover .images img { opacity:0.6; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.element.no-hover:hover .images img, img.fancybox-image, .flexslider img { opacity:0.8; }

.image-above { z-index:2; position: relative; background:#333; display:block; width:300px; height:280px; }
.image-below { position:absolute; left:0; top:0; z-index:1 }
/*.element:hover .image-above { opacity:0; }*/
.element.hybrid:hover .images img { opacity:0.8; }

.element.hybrid .image-above { -webkit-transition: opacity ease-in-out 0.3s; transition: opacity ease-in-out 0.3s; }
.element.hybrid:hover .image-above { opacity:0; -webkit-transition: opacity ease-in-out 0.3s; transition: opacity ease-in-out 0.3s; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =11. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul { padding:0px 0px 13px 15px; }
ul.unordered-list li, .hentry ul li { list-style:circle; line-height:1.5; font-size: 15px; font-family:'PT Sans', sans-serif; opacity:0.7}
ol {  padding:0px 0px 13px 17px; }
ol li { list-style: decimal; line-height:1.5; font-size: 15px; font-family:'PT Sans', sans-serif; opacity:0.7}
ul.price-list { padding-top:8px; border-top:1px solid rgba(255,255,255,0.25); }
ul.price-list li { list-style:none; line-height:1.5; font-size: 15px; font-family:'PT Sans', sans-serif; opacity:0.7; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.25); margin-bottom:8px; }
ul.price-list li.last { border-bottom:0px solid rgba(255,255,255,0.25); }
ul.price-list li span.small { padding-top:2px; }

ul.unordered-list li a, .hentry ul li a, ol li a { color:#c3c3c3; text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.25); }
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#fff; text-decoration:none; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =12. Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map { width:620px; height:580px; margin:0; border:0 }
#map:before, #map:after { background: none; content: ''; left: 0; position: absolute; top: 0; width: 100%; }
#map:after { bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =13. Footer
--------------------------------------------------------------------------------------------------------*/

footer .social-list { padding-bottom:10px; display:block }
footer p { font-size:12px; }
footer li {font-size: 12px;display: inline-block; padding-left: 15px; padding-right: 15px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/

@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.swing:hover
{
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
}


/*.        COLORES CASOS         */

.bloque {
  background-color: #fff !important;
  background: #fff !important;
}

#odema {
	background-color: #fa6656 !important;
}

#oiga, #oiga h5 {
	background-color: #fff !important;
	color: #30317e !important;
}

#mamaemprende {
	background-color: #e9cdd5 !important;
}

#stem {
	background-color: #10b3a8 !important;
}

#anadorado {
	background-color: #db0061 !important;
}

#ahk {
	background-color: #78d2b6 !important;
}

#diadelamadre {
	background-color: #2bb092 !important;
}

#ecomicro {
	background-color: #ddca71 !important;
}

#foromic {
	background-color: #444757 !important;
}

#fecobajoven {
	background-color: #046db5;
}

#fuerzajoven {
	background-color: #0579bd !important;
}

#fundacionlanacion, #officecook, #samsung, #ausa {
	background-color: #fff !important;
}

#grido {
	background-color: #f6d080 !important;
}

#laperrera {
	background-color: #fbb49e !important;
}

#makenoise {
	background-color: #e4bac9 !important;
}

#maltizz {
	background-color: #f3ec8b !important;
}

#mariaelenarock {
	background-color: #34a486 !important;
}

#mod {
	background-color: #0184ae !important;
}

#natura {
	background-color: #8086bf !important;
}

#noblezaobliga {
	background-color: #c3c674 !important;
}

#pakapaka {
	background-color: #f4e482 !important;
}

#konex1 {
	background-color: #fced83 !important;
}

#konex2 {
	background-color: #f8e7a4 !important;
}

#redlactrans {
  background-color: #a5e0f2 !important;
}

#esi {
  background-color: #2de38c !important;
}

#litio {
  background-color: #ffe655 !important;
}

#cuentacon {
  background-color: #4b316b !important;
}

#lgbt {
  background-color: #ffec7d !important;
}

#cuba {
  background-color: #ff5f60 !important;
}

#catalogo {
  background-color: #9de0d3 !important;
}

#indus {
  background-color: #323079 !important;
}

#portadas-OEA {
  background-color: #ffaf00 !important;
}

.negro a,
.negro a:hover,
.negro a:visited {
  color: #000;
  text-decoration: underline;
}

.textoCaso p {
  opacity: 1;
}