/* CSS Document */
.searchbar, #contact-web { text-transform:lowercase;}

#PageRefresh .button { margin:5px;}
.hide { display: none }
@media screen and (max-width: 980px) {
	.break:before{ display: block; content: "\A";
  white-space: pre; }
		}
		
.spinner {
  width: 40px;
  height: 40px;
  background-color: #333;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}


@keyframes typing {
    from { 
        width: 0% 
    }
    to { 
        width: 100% 
    }
}

@keyframes blink {
    from, to { 
        border-color: transparent 
    }
    50% { 
        border-color: orange; 
    }
}
 
.curved{-moz-border-radius:5px;  -webkit-border-radius:5px;  -khtml-border-radius:5px;  border-radius:5px; padding: 25px;    margin-bottom: 20px;    border: 1px solid transparent;}
.curved p { margin:0; font-size:1.2em;}
.success{    color: #3c763d;    background-color: #dff0d8; border-color: #d6e9c6;}
.success a{color:#3c763d; text-decoration:underline}
.warning {    color: #8a6d3b;    background-color: #fcf8e3;    border-color: #faebcc;}
.error {color: #a94442;    background-color: #f2dede;    border-color: #ebccd1;
}
.error b, .error strong, .responsive-tabs-wrapper a, .responsive-tabs-wrapper strong {color:#333; font-weight:500}
.success, .error, .warning {font-size:0.8em}
.info {color: #1e1e1e;background-color: #ccebf9;border-color: #80cff3;}

#nota {padding:5px; clear:both}
.recaptchatable { width:27em;}
.bigger { font-size:4em; color:#0C0; font-weight:bold; line-height:0.8em;}
#avisolegal { margin:0 auto; line-height:0.9em }
small {font-size:0.8em;text-transform:none;font-family: inherit;}

	/* recaptcha
-------------------------------------------------------------- */

@media screen and (max-width: 575px){
#rc-imageselect, .recaptchatable .recaptcha_image_cell,.g-recaptcha, .recaptchatable #recaptcha_image #recaptcha_challenge_image {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

/* Table */

.clearfix:after {
	content: '';
	display: block;
	height: 0;
	width: 0;
	clear: both;
}