/*
		# Site: I Do Wedding Team
		# Date: Ago 22, 2016
		# Author: Oscar Zavala / Gabriel Rivera

*/

/*
    COLOR PALETTE
    Primary #ff9199  //  Hover #f47d7d
    Secondary #71c6d6   // hover: #5aabbd


*/

@import 'https://fonts.googleapis.com/css?family=Martel:200,300,400,600,700,800,900';
/*  font-family: 'Martel', serif;  */

@import 'https://fonts.googleapis.com/css?family=Raleway:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&subset=latin-ext';
/*  font-family: 'Raleway', sans-serif;   */

@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&subset=latin-ext';



@font-face {
  font-family: 'FontAwesome';
  src: url('/font-awesome/fonts/fontawesome-webfont.eot');
  src: url('/font-awesome/fonts/fontawesome-webfont.eot') format('embedded-opentype'), local('fontawesome-webfont.ttf'),  url('./css/fontawesome-webfont.woff') format('woff'), url('/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('/font-awesome/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}




/***********************************************************************************************************************
                         BASIC
 ***********************************************************************************************************************/

html, body {  }
body {
    background: #fff;
    color: #191919;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
}
*, html { margin: 0; padding: 0; }
html {
  overflow-x: hidden !important;
}
/*
.contain-to-grid {  background: #fff;  }
*/

.clear { clear:both; }
.mrgn1 { margin:30px 0; }
.mrgn2 { margin:20px 0 !important; }
.mrgn3 { margin:15px 0; }
.mrgn4 { margin:15px 0 0; }
.mrgn5 { margin:5px 0 0; }


.upper { text-transform:uppercase !important; }
.txtrght { text-align:right !important; }
.txtcntr { text-align:center !important; }
.txtleft { text-align:left !important; }
.tachado { text-decoration:line-through !important; }
.bloque { display:block; }



.altBckgrnd { background: #dadada; }
.blackBckgrnd { background: #0a0a0a; }
.whiteBckgrnd { background: #fff; }
.turquesaBckgrnd { background: #8fbbbc; }
.liteGrayBckgrnd { background: #f6f6f6; }




h1 {
    color: #fff;
    font: 700 1.750rem/1.5 'Martel', serif;
    text-transform: none;
}


h2 {
    color: #fff;
    font: 500 1.313em/1.5 'Raleway', sans-serif;
    text-transform: uppercase;
    margin-bottom: 0.4em;
    padding-top: 10px !important;
}


.heading {
    font: 500 1.313em/1.5 'Raleway', sans-serif !important;
    color: #4f4f4f !important;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0em;
    padding-bottom: 0.2em !important;
	padding-top: 1em !important;
}

.heading.Martel {
    font-family:  'Martel', serif !important;
    text-transform: none !important;
}


.subheading {
    font: 600 1em/1.5 'Raleway', sans-serif !important;
    color: #4f4f4f ;
    text-transform: uppercase;
    display: block;
    padding-bottom: 0.1em !important;
	padding-top: 0.2em !important;
}
.subheading.openSans {
    font-family: 'Open Sans', sans-serif !important;
}

p {
    font: 400 1em/1.5 'Open Sans', sans-serif !important;
    margin-bottom: 1.0rem;
    text-rendering: optimizeLegibility;
}

blockquote { color: #2f2f2f; font-size: 1.313em;}

.bigNumbers {
    font: 600 1.750em/1.5 'Open Sans', sans-serif;
    color: #5f5f5f;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0em;
    padding-bottom: 0 !important;
	padding-top: 0 !important;
}
.bigNumbers.inline { display: inline; font: 600 1.125em/1.5 'Open Sans', sans-serif !important; }
.bigNumbers strong { font-size: 1.125em !important; font-weight: 800 !important; }

i.mrgnBttm { margin-bottom: 6px; }

.has-tip {
  color: #71c6d6;
    border-bottom: none !important;
    font-weight: normal;;
}
.tooltip {
    background-color: #71c6d6;
    color: #fff;
  }
  .tooltip::before {
    border-color: transparent transparent #71c6d6;
  }


.strong { font-weight: bold !important; }
.smallTxt   { font-size: 0.750em !important; line-height: 1.5 !important;  }
.mediumTxt { font-size: 0.875em !important; }
.whiteTxt { color: #fff !important; }
.blackTxt { color: #1f1f1f !important; }
.secondaryTxt { color: #71c6d6  !important; }
.grayTxt { color: #dfdfdf;}
.darkGrayTxt { color: #6f6f6f;}
.pinkTxt { color: #f47d7d !important; }
.redTxt { color: #ec5840 !important; }

.error-message { color: #ec5840 !important; margin-top: 10px; text-transform: uppercase; }

.inlineBlock { display:  inline-block !important; }



.inspiracionGrid img { margin: 1%; }

@media only screen and (max-width: 40em)     {
    p { font-size: 0.875em; }
    h1 { font-size: 1.313rem !important;  }
    h2 { font-size: 1em;  }
    .heading { font-size: 1.188em !important; }
    .small-centered { float: none!important; }  /*  Fix last child (column) @ small devices  */
    .bigNumbers { font-size: 1.313em; }
}

@media only screen and (min-width: 40.063em) {
    h1 { font-size: 1.750rem !important; }
    h1.big { font-size: 3.813rem !important; }
    h2 { font-size: 1.313em; }
    .heading { font-size: 1.313em !important;  }
    .bigNumbers { font-size: 1.750em; }
} /* IPAD */

@media only screen and (min-width: 64.063em) {
    h1 { font-size: 1.750rem !important; }
    h1.big { font-size: 3.813rem !important; }
    h2 { font-size: 1.313em; }
    .heading { font-size: 1.5em !important; }
    .bigNumbers { font-size: 1.750em; }
}






img.centerMe {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.fullWidth {
    width: 100% !important;
}
img.brdr {
    border: 1px solid #dfdfdf;
    margin: 3px;
}





.circular {
    background-position: center center !important;
    /*border: 2px solid #71c6d6;*/
    margin-bottom: 9px;
	width: auto;
	height: auto;
    border-radius: 150px;
}

/*
.circularImg {
    background-position: center center !important;
    margin-bottom: 9px;
	width: 260px;
	height: 260px;
    border-radius: 150px;
}*/

.hidden {
    display: none;
}


.circularMini { float: right; margin: -14px 0 0 14px;
    background-position: center center !important;
    /*border: 2px solid #71c6d6;*/
    margin-bottom: 9px;
	width: 48px !important;
	height: 48px !important;
    border-radius: 150px;
}


.circularMiniTable {
    background-position: center center !important;
    margin-bottom: 0px;
	width: 36px;
	height: 36px;
    border-radius: 150px;
        display: inline;
    margin-left: auto;
    margin-right: auto;
}


/*  Usado en imágenes circulares de comentarios y evaluaciones @proveedores  */
.image-cropper {
    width: 72px;
    height: 72px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.image-cropper img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}



/*  fix imagenes verticales @ clients/edit y proveedores perfil */
.image-cropperBig {
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}
.image-cropperBigVendorProfile {
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}


.image-cropperBox img {
    object-fit: cover; height: 260px !important; background-color: #ddd;
}
.image-cropperBox img[class] { width: 260px; }

.image-cropperBox img.fixM { margin-bottom: 0.5em;  }


.image-cropperBoxVendor img {
    object-fit: cover; height: 260px !important; background-color: #ddd;
}

.image-cropper.i2x {
    width: 96px;
    height: 96px;
}

.image-cropper.i3x {
      width: 150px;
      height: 150px;
}


  .image-cropper.budgetCircle {
    background: #f2f2f2;
      width: 180px;
      height: 180px;
      padding: 40px 20px 0;
      border: 4px solid #fff;
      text-align: center;
    }
    .image-cropper.budgetCircle.pagar { background: #ffd8d8/*ffc8c8*/;  }
    .image-cropper.budgetCircle.actual { background: #dbe9ea/*cce0e1*/;  }


    .image-cropper.dashboardCircle {
      background: #f2f2f2;
        width: 180px;
        height: 180px;
        padding: 20px 20px 0;
        margin: 0 20px 4px 0;
        border: 3px solid #71c6d6;
        text-align: center;
      }
      .image-cropper.dashboardCircle2 {
        background: #f2f2f2;
          width: 170px;
          height: 170px;
          padding: 20px 20px 0;
          margin: 0 10px 10px 0;
          border: 3px solid #71c6d6;
          text-align: center;
        }
/**/





.dashboardBox { background: #f7f7f7; border:1px solid #f1f1f1; padding: 20px 20px 10px; }


.ConsejosGrid {  margin: 0; }
.ConsejosGrid img { 
    width: 100% !important; 
    height: 30vh;
    object-fit: cover;
}
.ConsejosGrid:hover img { opacity: 0.9; }

.ConsejosGrid p { padding: 10px 20px;  }

.ConsejosGrid a {  color:#F37173; cursor: pointer;  font-family: 'Raleway', sans-serif; font-size: 1em; }
.ConsejosGrid:hover { background: #F37173; color:#fff !important; cursor: pointer;  }
.ConsejosGrid:hover a { color:#fff !important; }
.ConsejosGrid a:hover {  color:#fff;
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear; }



.ConsejosGrid.image-cropperBox {  border-left: 4px solid #fff;   border-right: 4px solid #fff; }
.ConsejosGrid:hover .subheading { color: #fff !important; }


.shadowBttn {
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.2s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

#home iframe{
    pointer-events: none;
}



.fa-1x2 { font-size: 1.313em !important; }  /*  fontAwesome Icons */



@media only screen and (max-width: 40em) {
  .image-cropper.dashboardCircle {
      width: 180px;
      height: 180px;
      margin: 0 5px 10px 5px;
    }
    .image-cropperBoxVendor img {
        object-fit: cover; height: 160px !important; background-color: #ddd;
    }
}
@media only screen and (min-width: 40.063em) {
  .image-cropper.dashboardCircle {
      width: 220px;
      height: 220px;
    }
}
@media only screen and (min-width: 64.063em) {
  .image-cropper.dashboardCircle {
      width: 180px;
      height: 180px;
      margin: 0 20px 4px 0;
    }
    .image-cropperBoxVendor img {
        object-fit: cover; height: 260px !important; background-color: #ddd;
    }
} /* min-width 1441px, xlarge screens */




/********************************************************************************************************************
                         NAVIGATION
 ********************************************************************************************************************/

.menu > li > a {
    font: 700 1em/1.125 'Raleway', sans-serif !important;
    text-transform: uppercase;
    color: #333;
}

.menu > li.box > a { border: 1px solid #333; padding: 6px;}
.menu > li.box:hover > a { border: 1px solid #ff9199; }

.top-bar ul > li:hover a {
    background: none !important;
    color: #ff9199;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    text-decoration: none;
}


.top-bar ul > li.active a,
.top-bar ul > li.current,
.top-bar ul > li.current a {
    color: #8fbbbc !important;
}


.title-bar { background-color: none; color:#dfdfdf; }
.top-bar, .top-bar ul {  background-color: transparent;  }

/*.top-bar, .top-bar ul {  background-color: #fff;  } */



@media only screen and (max-width: 40em) {
    .top-bar-title {
    width: 60%;
}
    .top-bar ul {
        background-color: #3f3f3f;
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .title-bar {
        background: transparent;
        color: #3f3f3f/*ff9199*/;
        margin-top: 0;
        text-align: right;
    }
    .menu-icon {
       /* margin-top: 14px; */
    margin-top: 12px;
    padding-right: 30px;
    margin-right: 24px !important;
    }
    .title-bar-title {
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        font-size: 0.688em;
        margin-top: 6px !important;
        margin-right: 23px !important;
        display: block;
    }
    .menu-icon::after {
        background: #ff9199;
        box-shadow: 0 7px 0 #ff9199, 0 14px 0 #ff9199;
    }
    .menu-icon:hover::after {
        background: #ff9199/*f47d7d*/;
        box-shadow: 0 7px 0 #f47d7d, 0 14px 0 #f47d7d;
    }
    img.cntrLogo {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .imgBrdrGrid {
        margin-bottom: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .top-bar ul > li a { font: 700 1em 'Raleway', sans-serif !important;  text-align: center; }

    .menu.vertical > li {
    width: 60%;
    margin: 0 auto;
    }

    .menu > li > a {
        color: #efefef;
    }

    .menu > li.box > a { border: 1px solid #efefef; }
    .menu > li.box:hover > a { border: 1px solid #ff9199; }

}


@media only screen and (min-width: 40.063em) {
        .top-bar ul > li a { font: 700 0.750em/1.5 'Raleway', sans-serif !important;     padding: 1rem 0.4rem;  }
}
@media only screen and (min-width: 40.063em) and (orientation: landscape) { .top-bar ul > li a { padding: 1.2rem 0.3rem; } }
@media only screen and (min-width: 40.063em) and (orientation: portrait) { .top-bar ul > li a { padding: 1rem 0.2rem 0.2rem; } }



@media only screen and (min-width: 64.063em) {

    .top-bar ul { margin: 12px 0 0 !important; }
    .top-bar ul > li a { font: 700 .813em/1.5 'Raleway', sans-serif !important;      padding: 1.2rem 1rem;  }
}


/*
    .button { font-size: 1em; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 800; }*/


/***********************************************************************************************************************
                         SANDWICH ELEMENTS
 ***********************************************************************************************************************/

header {
    background: #f6f6f6 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 6px !important;
    padding-top: 12px !important;
}

header p { font-size: 0.875em !important; }
/*header .sidebar { margin:20px 0 0 0 !important;  }*/









footer {
    background: #8fbbbc;
    color: #fff;
    padding: 0 !important;
    margin: 0 !important;
}

footer .paddingTopBottom1 { padding-top: 15px; padding-bottom: 30px; }
footer .paddingTopBottom2 { padding-top: 0px; padding-bottom: 20px; }


footer p {
    font: 300 0.875em/1.5 'Open Sans', sans-serif !important;
}


footer ul { /*margin-top: 30px !important;*/ }
footer ul li {
    font: 700 0.813em 'Raleway', sans-serif !important;
    display: inline-block;
    margin-left: 18px;
    margin-right: 18px;
    text-transform: uppercase;
}

footer a, footer ul li a       { color: #fff; }
footer a:hover, footer ul li a:hover { color: #e1e1e1; }
footer ul li.active a { color: #729596 !important; }

.footrSocial { margin-top: 8px; }

.footer.bloqueS { padding-bottom: 0; }


@media only screen and (max-width: 40em) {
    nav { min-height: 40px !important; }
    footer ul li { margin-left: 6px;  margin-right: 6px;}
    header img { height:100% !important; }
     .fixR { text-align: center !important; }
     .fixL { text-align: center !important; }
     .smallL-LargeR { text-align: left!important; }
     .footrSocial { margin-top: 0; }

}
@media only screen and (min-width: 40.063em) {
  .fixR { text-align: center !important; }
  .fixL { text-align: center !important; }
  .footrSocial { margin-top: 8px; }
}
@media only screen and (min-width: 64.063em) {
  .fixR { text-align: right !important; }
  .fixL { text-align: left !important; }
  .smallL-LargeR { text-align: right!important; }
} /* min-width 1441px, xlarge screens */











section {
    min-height:50px;
    padding:0; margin-top:0;

}
nav section,
footer section { min-height:0; padding:0; margin-top:0; padding-bottom:0; }



article.paddingTopBottom   { padding-top: 50px; padding-bottom: 50px !important; }












@media only screen and (max-width: 40em)     {
    .bloqueM   { padding-top: 24px; padding-bottom: 24px;  }
    .bloqueS { padding-top: 15px; padding-bottom: 15px; }
    .bloqueL  { padding-top: 45px !important; padding-bottom: 45px !important; }
    #welcome {  /* homepage */
        padding-top: 180px;
        padding-bottom: 0px;
    }
    #featured {  /* single pages */
    padding-top: 2px;
    padding-bottom: 0;
    }

    #proveedor {
        padding-top: 15%;
        height: 260px;
        padding-bottom: 0;
        bottom:0;
    }
    #proveedor img.bg { min-height: 260px; /*height: 100%; width: auto; */  }
}

@media only screen and (min-width: 40.063em) {
     #featured {  /* single pages */
    padding-top: 10px;
    padding-bottom: 10px;
    }
    .bloqueM   { padding-top: 45px; padding-bottom: 65px !important; }
    .bloqueS { padding-top: 15px; padding-bottom: 15px; }
    .bloqueL  { padding-top: 70px !important; padding-bottom: 70px !important; }

    #proveedor {
        padding-top: 15%;
        height: 300px;
        padding-bottom: 0;
    }
    #proveedor img.bg { min-height: 300px; /*height: 100%; width: auto; */  }
}

@media only screen and (min-width: 64.063em) {
    #featured {  /* single pages */
    padding-top: 10px;
    padding-bottom: 10px;
    }
    .bloqueM   { padding-top: 50px; padding-bottom: 60px !important; }
    .bloqueS { padding-top: 15px; padding-bottom: 15px; }
    .bloqueL  { padding-top: 90px !important; padding-bottom: 90px !important; }

    #proveedor {
        padding-top: 15%;
        height: 340px;
        padding-bottom: 0;
    }
 #proveedor img.bg { min-height: 500px; /*height: 100%; width: auto; */  }
}






/*
@media only screen and (max-width: 40em)     {  }
@media only screen and (min-width: 40.063em) { }
@media only screen and (min-width: 64.063em) { } */




ul.leftMenu {
    margin-left: 0;
    margin-top: 20px;
}

ul.leftMenu.mobile {
    margin-bottom: 0 !important;
    margin-top: 0;
}

ul.leftMenu li {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    list-style: none;
    margin-bottom: 1.313em;
}
ul.leftMenu li a {
    font-size: 0.938em;
    color: #ff9199;
    display: block;
    -webkit-transition: all 0.10s linear;
    -moz-transition: all 0.10s linear;
    -o-transition: all 0.10s linear;
    transition: all 0.10s linear;
}
ul.leftMenu li a:hover {
    color: #e91e63;
    -webkit-transition: all 0.10s linear;
    -moz-transition: all 0.10s linear;
    -o-transition: all 0.10s linear;
    transition: all 0.10s linear;
}
ul.leftMenu li.active a { color: #8fbbbc;  }



ul.esMovil.vertical.menu { margin-bottom: 40px; border:1px solid #ff9199; }
ul.menu.vertical.nested {
    margin-left: 0;
    margin-top: 20px;
}

ul.esMovil.menu.vertical.nested li {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    list-style: none;
    margin-bottom: 1.313em;
    text-transform: capitalize !important;
}
ul.menu.vertical.nested li a {
    font-size: 0.938em;
    color: #ff9199;
    display: block;
    -webkit-transition: all 0.10s linear;
    -moz-transition: all 0.10s linear;
    -o-transition: all 0.10s linear;
    transition: all 0.10s linear;
}
ul.menu.vertical.nested li a:hover {
    color: #e91e63;
    -webkit-transition: all 0.10s linear;
    -moz-transition: all 0.10s linear;
    -o-transition: all 0.10s linear;
    transition: all 0.10s linear;
}
ul.menu.vertical.nested li.active a { color: #8fbbbc; }

@media only screen and (max-width: 40em) {
  .menu.vertical.nested > li {
    width: 100%;
    margin: 0 ;
  }
  .menu.vertical > li {
    width: 90%;
    margin: 0 auto;
  }
}


    ul.basic li {
        font: 500 0.938em 'Open Sans', sans-serif !important;
        list-style: outside;
        margin-left: 14px !important;
        padding-left: 2px !important;
        padding-top: 6px !important;
        padding-bottom: 0 !important;
    }





table {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
table.lessMrgnTop {
    margin-top: 0.5rem;
}
table tbody { font-size: 0.875em; }

table thead, table tbody, table tfoot {
    border: 1px solid #fff;
    background-color: #fefefe;
}
table  tr th {
    border-bottom: 1px solid #dfdfdf;
    text-align: left;
}
table  tr.smallTxt { font-size: 0.875em !important; }


table tbody tr td a { font-weight: bold;}
table tbody tr td a { color: #ff788c; }

table tbody tr:nth-child(even) {
    background-color: #f3f3f3;  border-top: 1px solid #f3f3f3; border-bottom: 1px solid #bfbfbf;
}

table tbody th, table tbody td {
    padding: 1rem 0.625rem 1.313rem;
}

table tbody tr td { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
table tbody tr:hover td { background:#fef5f3; border-top: 1px solid #f8baac !important; border-bottom: 1px solid #f8baac; }


table.noMrgnTop {
    margin-top: 0;
}


table tbody tr.endRow { background: #e1e1e1; }


dl {
    margin-left: 0;
    margin-top: 40px;
}

dl dt {
    margin-top: 16px;
    margin-bottom: 2px;
}
dl dd {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    list-style: none;
    margin-bottom: 10px;
}





.breadcrumbs li {
    font-family:  'Raleway', sans-serif;
    font-weight: 600;
    text-transform: uppercase !important;
    font-size: 0.813em;
    margin-bottom: 0;
    margin-top: 0px;
}
.breadcrumbs li {
    float: left;
    color: #6f6f6f;
}








#wysihtml5-toolbar {
    display: block;
    width: 400px !important;
  }
#wysihtml5-toolbar a { padding-top: 10px;
}




#notaModal, #notaCopiado, #exitModal {
        top: 10px !important;
    }



/*
.item img { width: 200px !important; }
*/
.grid-sizer,
.grid-item { width: 15%; }
/* 2 columns */
.grid-item--width2 { width: 40%; }



@media only screen and (max-width: 40em) {
.grid-sizer,
.grid-item {
  width: 100%;
}
}
@media only screen and (min-width: 40.063em) {
.grid-sizer,
.grid-item {
  width: 50%;
}
} /* min-width 641px, medium screens */
@media only screen and (min-width: 64.063em) {
.grid-sizer,
.grid-item {
  width: 33.3333333333% !important;
}
} /* min-width 1025px, large screens */




.grid a img {
    opacity: 0.8;
  -webkit-filter: grayscale(30%);
  -moz-filter: grayscale(30%);
  -ms-filter: grayscale(30%);
  -o-filter: grayscale(30%);
  filter: grayscale(30%);
 /* filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.grid a:hover img {
    opacity: 1;
    background: #F63;
  -webkit-filter: grayscale(90%);
  -moz-filter: grayscale(90%);
  -ms-filter: grayscale(90%);
  -o-filter: grayscale(90%);
  filter: grayscale(90%);
/*  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.imgBrdrGrid { padding: 6px !important;  }



.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}




















/*************************************************************************************************************************
                         FORM
 *************************************************************************************************************************/

input[type="text"], input[type="password"], input[type="price"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="file"], textarea {

    background-color: #fff !important;
    border: 0;
    border: 1px solid #bfbfbf;
    font-family: 'Open Sans', sans-serif;
    color: rgba(0,0,0,0.99)  !important;
    display: block;
    font-size: 16px;
    margin: 0 0 24px 0;
    padding: 8px 12px;
   /* width: 100%;
*/    height: auto !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.0);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.0);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.0);
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
        -moz-border-radius: 0; /* Firefox */
    -webkit-border-radius: 0 !important; /* Safari, Chrome */
    -khtml-border-radius: 0; /* KHTML */
    border-radius: 0; /* CSS3 */
}

input.noEdit { border: 1px solid #fff !important; }


input[type="text"]:hover, input[type="password"]:hover, input[type="price"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, textarea:hover {

    background-color: #fff !important;
	border: 1px solid #ff9199;
    -webkit-box-shadow: inset 0 1px 2px rgba(183,115,29,0.5);
    -moz-box-shadow: inset 0 1px 2px rgba(183,115,29,0.5);
    box-shadow: inset 0 1px 2px rgba(255,183,29,0.5);
}




textarea { height: auto; }



input[type="search"]#tags { margin-top: 0 !important; padding: 0.688em 1em !important;
        -moz-border-radius: 0; /* Firefox */
    -webkit-border-radius: 0 !important; /* Safari, Chrome */
    -khtml-border-radius: 0; /* KHTML */
    border-radius: 0; /* CSS3 */
}


  select {
     width: auto !important;
}


/*

input[type="checkbox"]{
    display: none;
    border: none !important;
    box-shadow: none !important;
}

.checkbox > label { padding-left: 40px; padding-top: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type="checkbox"] + label  {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background: url(../img/uncheck.png) no-repeat;
}

input[type="checkbox"]:checked + label  {
    background: url(../img/check.png) no-repeat;
    content: '\f14a';
    color: #333;
    vertical-align: middle;
    width: 36px;
    height: 36px;
}

*/


#vendorFilter { padding-top: 20px;}
#vendorFilter .label { padding: 8px 12px !important; }
#vendorFilter select {
     width: 100% !important;
     font-size: 15px;
     margin: 0 0 0 0;
     padding: 4px 12px !important;
}



.form form  label {
  color: #4f4f4f;
  font: 600 0.8750em 'Raleway', sans-serif !important;
  text-transform: none !important;
  margin-bottom: 8px !important;
  }
.form form label span {
  font-style: normal;
  font-weight: 500;
  font-family: 'Open Sans', sans-serif;
  text-transform: none !important;
}
.form form input[type="text"],
.form form input[type="password"],
.form form input[type="price"],
.form form input[type="date"],
.form form input[type="datetime"],
.form form input[type="email"],
.form form input[type="number"],
.form form input[type="search"],
.form form input[type="tel"],
.form form input[type="time"],
.form form input[type="url"],
.form form input[type="file"],
.form form textarea,
.form form select  {
  background: #f1f1f1 !important;
  border: 1px solid #afafaf;
  font-weight: 600;
  -moz-border-radius: 4px !important; /* Firefox */
   -webkit-border-radius: 4px !important; /* Safari, Chrome */
   -khtml-border-radius: 4px !important; /* KHTML */
   border-radius: 4px !important; /* CSS3 */
}

.form form textarea.normalFontWeight  {
  font-weight: 400 !important;
}

.form form input[type="text"]:valid,
.form form input[type="password"]:valid,
.form form input[type="price"]:valid,
.form form input[type="date"]:valid,
.form form input[type="datetime"]:valid,
.form form input[type="email"]:valid,
.form form input[type="number"]:valid,
.form form input[type="search"]:valid,
.form form input[type="tel"]:valid,
.form form input[type="time"]:valid,
.form form input[type="url"]:valid,
.form form input[type="file"]:valid,
.form form textarea,
.form form select
 {
    background-color: #e8f1f1 !important;
      border: 1px solid #a5c8c9/*afafaf*/;
}


.form form input[type="text"]:hover, .form form input[type="text"]:focus,
.form form input[type="password"]:hover,
.form form input[type="price"]:hover,
.form form input[type="date"]:hover,
.form form input[type="datetime"]:hover,
.form form input[type="email"]:hover,
.form form input[type="number"]:hover,
.form form input[type="search"]:hover,
.form form input[type="tel"]:hover,
.form form input[type="time"]:hover,
.form form input[type="url"]:hover,
.form form input[type="file"]:hover,
.form form textarea:hover,
.form form select:hover  {
  background: #fff !important;
  border: 1px solid #ff9199;
}



.form form select,
.form form select:hover { width:100% !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="18" height="12" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2851, 51, 51%29"></polygon></svg>') !important;
  background-size: 9px 6px;
  background-size:auto !important;
  background-position: right center !important;
  background-origin: content-box !important;
  background-repeat: no-repeat !important;
 }


.form form legend {
  color: #4f4f4f;
  font: 600 1.125em 'Raleway', sans-serif !important;
  text-transform: uppercase !important;
  padding-bottom: 12px;
  display: block;
}

.switch { font-family: 'Raleway', sans-serif;  }
.switch-active { color: #fff; font-size:1.125em; font-weight: 900 !important; }
.switch-inactive { color: #fff; font-size:1.125em; font-weight: 900 !important; }

.switch { margin-bottom: 0 !important; } /* en foundation.css tiene valor 1rem;*/

.form .clear { clear:both; margin:20px 0; }
.form .clear2 { clear:both; margin:15px 0; }





input[type="checkbox"].pinkChecked {
    display: none;
    border: none !important;
    box-shadow: none !important;
}

.checkbox > label { padding-left: 40px; padding-top: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type="checkbox"].pinkChecked + label  {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background: url(../img/uncheck.png) no-repeat;
}

input[type="checkbox"].pinkChecked:checked + label  {
    background: url(../img/check.png) no-repeat;
    content: '\f14a';
    color: #333;
    vertical-align: middle;
    width: 36px;
    height: 36px;
}


video {  -webkit-filter: brightness(0.8);
  filter: brightness(0.8); }

/*********************************************************************************************************************
                         LINKS
 *********************************************************************************************************************/




body { padding-top:0 !important; }


ul.contactos { margin-left: 0; }

ul.contactos li {
    list-style: none;
    border-bottom: 1px solid #cccccc;
}
ul.contactos li a {
    display: block;
    padding: 15px 8px;
    color: #F37173 !important;
    -webkit-transition: all 0.10s linear;
    -moz-transition: all 0.10s linear;
    -o-transition: all 0.10s linear;
    transition: all 0.10s linear;
}
ul.contactos li a:hover {
    color: #ffffff !important;
    background: #fbacac !important;
    -webkit-transition: all 0.10s linear;
    -moz-transition: all 0.10s linear;
    -o-transition: all 0.10s linear;
    transition: all 0.10s linear;
}

/********************************************************************************************************************
                         FOUNDATION ICON FONTS
 *********************************************************************************************************************/

@font-face {
  font-family: '[set]Foundicons';
  src: url('fonts/[set]_foundicons.eot');
  src: url('fonts/[set]_foundicons.eot?#iefix') format('embedded-opentype'),
       url('fonts/[set]_foundicons.woff') format('woff'),
       url('fonts/[set]_foundicons.ttf') format('truetype'),
       url('fonts/[set]_foundicons.svg#[set]Foundicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class*="foundicon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}

[class*="foundicon-"]:before {
  font-family: "[set]Foundicons";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}





.datepicker {
  display: none;
  position: absolute;
  padding: 4px;
  margin-top: 1px;
  direction: ltr; }
  .datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    font-size: 13px;
    line-height: 18px; }
    .datepicker.dropdown-menu th {
      padding: 4px 5px; }
    .datepicker.dropdown-menu td {
      padding: 4px 5px; }
  .datepicker table {
    border: 0;
    margin: 0;
    width: auto; }
    .datepicker table tr td span {
      display: block;
      width: 23%;
      height: 54px;
      line-height: 54px;
      float: left;
      margin: 1%;
      cursor: pointer; }
  .datepicker td {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer; }
    .datepicker td.active.day, .datepicker td.active.year {
      background: #2ba6cb; }
    .datepicker td.old, .datepicker td.new {
      color: #999; }
    .datepicker td span.active {
      background: #2ba6cb; }
    .datepicker td.day.disabled {
      color: #eee; }
    .datepicker td span.month.disabled, .datepicker td span.year.disabled {
      color: #eee; }
  .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 12px;
    padding: 4px 8px;
    background: #fff;
    cursor: pointer; }
    .datepicker th.active.day, .datepicker th.active.year {
      background: #2ba6cb; }
    .datepicker th.date-switch {
      width: 145px; }
    .datepicker th span.active {
      background: #2ba6cb; }
  .datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle; }
  .datepicker.days div.datepicker-days {
    display: block; }
  .datepicker.months div.datepicker-months {
    display: block; }
  .datepicker.years div.datepicker-years {
    display: block; }
  .datepicker thead tr:first-child th {
    cursor: pointer; }
    .datepicker thead tr:first-child th.cw {
      cursor: default;
      background-color: transparent; }
  .datepicker tfoot tr:first-child th {
    cursor: pointer; }

.datepicker-inline {
  width: 220px; }

.datepicker-rtl {
  direction: rtl; }
  .datepicker-rtl table tr td span {
    float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }
  .datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: 1px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px; }
  .datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px; }

.datepicker > div,
.datepicker-dropdown::before,
.datepicker-dropdown::after {
  display: none; }

.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none; }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent; }







/*******************************************************************************************************************
                         EOF
 ********************************************************************************************************************/