@charset "utf-8";
/* CSS Document */
/* Mobile Layout: 480px and below. */
/* Responsive basico*/ 
.gridContainer {
	margin-left: auto;
	margin-right: auto;
 width: 100%/*89.0217%;*/;
	/*padding-left: 0.9891%;
	padding-right: 0.9891%;*/
	clear: none;
	float: none;
}

/* Fin Responsive basico*/
/* Limpiar caracteristicas float */

.clear {
 clear: both;
}
/* clearfix */
.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
* html .clearfix {
 zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
 zoom: 1;
} /* IE7 */
/* floats */

.fl {
 float: left
}
.fr {
 float: right
}
/* position*/
.posa {
 position:absolute;
}
.posr {
 position:relative;
}
.posf {
 position:fixed;
}
/* width */
.w25 {
 width:25%
}
.w50 {
 width:50%
}
.w100 {
 width:100%
}
/* paddings, margins, font, color*/

.pas {
 padding: 5px
}
.pam {
 padding: 10px
}
.pal {
 padding: 20px
}
.pts {
 padding-top: 5px
}
.ptm {
 padding-top: 10px
}
.ptl {
 padding-top: 20px
}
.prs {
 padding-right: 5px
}
.prm {
 padding-right: 10px
}
.prl {
 padding-right: 20px
}
.pbs {
 padding-bottom: 5px
}
.pbm {
 padding-bottom: 10px
}
.pbl {
 padding-bottom: 20px
}
.pls {
 padding-left: 5px
}
.plm {
 padding-left: 10px
}
.pll {
 padding-left: 20px
}
.ph0 {
 padding-left: 0px !important;
 padding-right: 0px !important
}
.phs {
 padding-left: 5px;
 padding-right: 5px
}
.phm {
 padding-left: 10px;
 padding-right: 10px
}
.phl {
 padding-left: 20px;
 padding-right: 20px
}
.pvs {
 padding-top: 5px;
 padding-bottom: 5px
}
.pvm {
 padding-top: 10px;
 padding-bottom: 10px
}
.pvl {
 padding-top: 20px;
 padding-bottom: 20px
}
.mauto {
margin:0 auto
}
.mas {
 margin: 5px
}
.mam {
 margin: 10px
}
.mal {
 margin: 20px
}
.mts {
 margin-top: 5px
}
.mtm {
 margin-top: 10px
}
.mtl {
 margin-top: 20px
}
.mrs {
 margin-right: 5px;
}
.mrm {
 margin-right: 10px
}
.mrl {
 margin-right: 20px
}
.mbs {
 margin-bottom: 5px
}
.mbm {
 margin-bottom: 10px
}
.mbl {
 margin-bottom: 20px
}
.mls {
 margin-left: 5px
}
.mlm {
 margin-left: 10px
}
.mll {
 margin-left: 20px
}
.mh0 {
 margin-left: 0px;
 margin-right: 0px
}
.mhs {
 margin-left: 5px;
 margin-right: 5px
}
.mhm {
 margin-left: 10px;
 margin-right: 10px
}
.mhl {
 margin-left: 20px;
 margin-right: 20px
}
.mv0 {
  margin-top: 0px;
 margin-bottom: 0px
}
.mvs {
 margin-top: 5px;
 margin-bottom: 5px
}
.mvm {
 margin-top: 10px;
 margin-bottom: 10px
}
.mvl {
 margin-top: 20px;
 margin-bottom: 20px
}
.fss {
 font-size: 9px
}
.fsm {
 font-size: 11px
}
.fsl {
 font-size: 13px
}
.fsxl {
 font-size: 16px
}
.fsxxl {
 font-size: 18px
}
.fs20{
 font-size:20px;	
}
.fs50{
 font-size:50px;	
}
.fwn {
 font-weight: normal
}
.fwb {
 font-weight: bold
}
.fcb {
 color: #000
}
.fcg {
 color: #333
}
.fcw {
 color: #fff
}
/* Cursor y bordes */

.cursorPointer {
 cursor: pointer
}
.bgg1 {
 border: 1px solid #ccc
}
.btg1 {
 border-top: 1px solid #ccc
}
.brg1 {
 border-right: 1px solid #ccc
}
.bbg1 {
 border-bottom: 1px solid #ccc
}
.blg1 {
 border-left: 1px solid #ccc
}
.bgw1 {
 border: 1px solid #fff
}
.btw1 {
 border-top: 1px solid #fff
}
.brw1 {
 border-right: 1px solid #fff
}
.bbw1 {
 border-bottom: 1px solid #fff
}
.blw1 {
 border-left: 1px solid #fff
}
/* Background de colores */
.bgcwhite {
 background-color:#FFF;
}


/* Degradado de gris a blanco */

.degradado {
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb(239,239,239), endColorstr=rgb(255,255,255))";
    background-color: rgb(255,255,255);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(255,255,255)), color-stop(0.56, rgb(239,239,239)));/* For Internet Explorer 5.5 - 7 */
    /* For Internet Explorer 8 */
}
/* Esquinas redondeadas */

.redondeaall {
 -webkit-border-top-right-radius: 8px;
 -webkit-border-top-left-radius: 8px;
 -moz-border-radius-topright: 8px;
 -moz-border-radius-topleft: 8px;
 border-top-right-radius: 8px;
 border-top-left-radius: 8px;
}
.rtl5 {
 -webkit-border-top-left-radius: 5px;
 -moz-border-radius-topleft: 5px;
 border-top-left-radius: 5px;
}
.rtr5 {
 -webkit-border-top-right-radius: 5px;
 -moz-border-radius-topright: 5px;
 border-top-right-radius: 5px;
}
.rbr5 {
 -webkit-border-bottom-right-radius: 5px;
 -moz-border-radius-bottomright: 5px;
 border-bottom-right-radius: 5px;
}
.rbl5 {
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-radius-bottomleft: 5px;
 border-bottom-left-radius: 5px;
}
.rtl10 {
 -webkit-border-top-left-radius: 10px;
 -moz-border-radius-topleft: 10px;
 border-top-left-radius: 10px;
}
.rtr10 {
 -webkit-border-top-right-radius: 10px;
 -moz-border-radius-topright: 10px;
 border-top-right-radius: 10px;
}
.rbr10 {
 -webkit-border-bottom-right-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 border-bottom-right-radius: 10px;
}
.rbl10 {
 -webkit-border-bottom-left-radius: 10px;
 -moz-border-radius-bottomleft: 10px;
 border-bottom-left-radius: 10px;
}
/* Sombra */

.sombra {
 -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
 -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
 box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
/* Transparencia */

.trans25 {
 filter: alpha(opacity=25);
 -khtml-opacity: 0.25;
 -moz-opacity: 0.25;
 opacity: 0.25;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}
.trans50 {
 filter: alpha(opacity=50);
 -khtml-opacity: 0.5;
 -moz-opacity: 0.5;
 opacity: 0.5;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.trans75 {
 filter: alpha(opacity=75);
 -khtml-opacity: 0.75;
 -moz-opacity: 0.75;
 opacity: 0.75;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
/* Velocidd de transicion entre imagenes */

.transicion {
 transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
}
/* Rotaciones */

.rotar {
 -ms-transform: rotate(120deg);
 -webkit-transform: rotate(120deg);
 -moz-transform: rotate(120deg);
 -o-transform: rotate(120deg);
	/* For Internet Explorer 5.5 - 7 */	
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
/* rotation, 0 = 0º, 1 = 90º, 2 = 180º, 3 = 270º*/
}
/* Esquinas Rizadas*/

.curled {
 border: 1px solid #efefef;
 -moz-border-radius: 0 0 120px 120px / 0 0 6px 6px;
 border-radius: 0 0 120px 120px / 0 0 6px 6px;
}
.curled:before, .curled:after {
 bottom: 12px;
 left: 10px;
 width: 50%;
 height: 55%;
 max-width: 200px;
 -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
 box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
 -webkit-transform: skew(-8deg) rotate(-3deg);
 -moz-transform: skew(-8deg) rotate(-3deg);
 -ms-transform: skew(-8deg) rotate(-3deg);
 -o-transform: skew(-8deg) rotate(-3deg);
 transform: skew(-8deg) rotate(-3deg);
}
.curled:after {
 right: 10px;
 left: auto;
 -webkit-transform: skew(8deg) rotate(3deg);
 -moz-transform: skew(8deg) rotate(3deg);
 -ms-transform: skew(8deg) rotate(3deg);
 -o-transform: skew(8deg) rotate(3deg);
 transform: skew(8deg) rotate(3deg);
}
/* Converir una imagen a escala de grises */

.grises img:hover {
 filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
 filter: Gray(); /* IE4-8 and 9 */
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
.grises img {
 -webkit-filter: grayscale(0%);
 -moz-filter: grayscale(0%);
 -ms-filter: grayscale(0%);
 -o-filter: grayscale(0%);
 filter: none;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}


@media only screen and (min-width: 481px) {
.gridContainer {
 width: 100%/*91.9891%;*/
	/*padding-left: 0.5054%;
	padding-right: 0.5054%;*/;
	clear: none;
	float: none;
	margin-left: auto;
}
}
@media only screen and (min-width: 768px) {
.gridContainer {
 width: /*89.5108%;*/100%;
 max-width: 960px;
 padding-left: 0.2445%;
 padding-right: 0.2445%;
 margin: auto;
 clear: none;
 float: none;
 margin-left: auto;
}
}