/* CSS Document */

.border-box{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 	
}
.oculto{
	display:none;	
}

input.errorBg,
textarea.errorBg,
select.errorBg{
	border:2px solid #c00 !important;
}

.transition-all{
	-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.transition-out{
	webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.transition-1{
	-webkit-transition: all 0.1s ease;
     -moz-transition: all 0.1s ease;
       -o-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
          transition: all 0.1s ease;
}

.transition-2{
	-webkit-transition: all 0.1s ease;
     -moz-transition: all 0.1s ease;
       -o-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
          transition: all 0.1s ease;
}


.transition-3{
	-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.transition-5{
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}



.rotate{
 -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}


.scaled{
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transform:scale(1, 1);	
}

/*Mellor en php cun bucle*/

.scaled-1:hover{
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1);
	transform:scale(1.1, 1.1);	
}

.scaled-2:hover{
	-webkit-transform:scale(1.2, 1.2);
	-o-transform:scale(1.2, 1.2);
	transform:scale(1.2, 1.2);	
}

.scaled-3:hover{
	-webkit-transform:scale(1.3, 1.3);
	-o-transform:scale(1.3, 1.3);
	transform:scale(1.3, 1.3);	
}

.scaled-5:hover{
	-webkit-transform:scale(1.5, 1.5);
	-o-transform:scale(1.5, 1.5);
	transform:scale(1.5, 1.5);	
}


/*Clase sombra común*/
.shadowed,
.shadowed-no-hover,
.brillo{
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.35);
}

.shadowed:hover {
	-webkit-box-shadow: 3px 4px 10px 0px rgba(50, 50, 50, 0.59);
	-moz-box-shadow: 3px 4px 10px 0px rgba(50, 50, 50, 0.59);
	box-shadow: 3px 4px 10px 0px rgba(50, 50, 50, 0.59);
}

.brillo:hover{
	-webkit-box-shadow: 0px 1px 5px 0px rgba(201, 156, 1, 0.75);
	-moz-box-shadow:    0px 1px 5px 0px rgba(201, 156, 1, 0.75);
	box-shadow:         0px 1px 5px 0px rgba(201, 156, 1, 0.75);
}

/*Clase sombra inferior*/
.shadowed-bottom{
	 box-shadow: 0 5px 4px -4px rgba(35, 35, 35, 0);
    -moz-box-shadow: 0 5px 4px -4px rgba(35, 35, 35, 0);
    -webkit-box-shadow: 0 5px 4px -4px rgba(35, 35, 35, 0);
}
.shadowed-bottom:hover{
	 box-shadow: 0 5px 4px -4px rgba(52, 52, 52, 0.75);
    -moz-box-shadow: 0 5px 4px -4px rgba(52, 52, 52, 0.75);
    -webkit-box-shadow: 0 5px 4px -4px rgba(52, 52, 52, 0.75);
}
	


/*Esquinas redondeadas top-left e bottom-righ*/
.asimetric-rounded{	
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomright: 12px;
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px;

}

/*Esquina redondeadas*/
.rounded3{	
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.rounded-2{	
	-webkit-border-radius: 2px;	
	-moz-border-radius: 2px;
	border-radius: 2px;

}

.buttons-rounded{	
	-webkit-border-radius: 30px;	
	-moz-border-radius: 30px;
	border-radius: 30px;

}