@font-face {
    font-family: HelveticaNeue;
    src: url("../fonts/HelveticaNeueLTStd-Th.otf") format("opentype");
}
@font-face {
    font-family: HelveticaNeueBold;
    src: url("../fonts/HelveticaNeueLTStd-Bd.otf") format("opentype");
}
@font-face {
    font-family: 'slick';
    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'),
    url('../fonts/slick.woff') format('woff'),
    url('../fonts/slick.ttf') format('truetype'),
    url('../fonts/slick.svg#Pacifico') format('svg');
}
@font-face {
    font-family: 'FontAwesome.otf';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff') format('woff'),
    url('../fonts/fontawesome-webfont.ttf') format('truetype'),
    url('../fonts/fontawesome-webfont.svg#Pacifico') format('svg');
}
body {
    background: #FDFDFD;
    color: #000;
    font: 14px/20px Arial, Verdana, Tahoma, Trebuchet MS;
}
a:link, a:visited {
    color: #ffffff;
    text-decoration: none;
}
.slick-slide img {
    display: inline-block !important;
}
.top-nav-gen {
    width: 100%;
   	height: 40px;
    background: #555555;
}
.top-nav-gen ul  {
    float: right;
    display: block;
    padding-left: 5px;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    width: auto;
    height: auto;
}
.yellow.int .lightlogo {
    background: url(images/bck-light.png) 0 -15px no-repeat;
    height: 98px;
    position: absolute;
    width: 638px;
    left: 35px;
}
.yellow.int .logo {
    background: url(images/Aladinuus-logo.png) no-repeat;
    height: 108px;
    width: 245px;
    background-size: 245px 108px;
    display: inline-block;
    position: relative;
    top: -15px;
    left: -69px;
}
.yellow.int h2{
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
    line-height: normal;
    margin-bottom: 0px;
    margin-top: 33px;
    width: 100%;
    letter-spacing: -1px;
}
.yellow.int h1{
    font-size: 16px;
    margin: 0;
}
.top-nav-gen ul li {
    float: left;
    list-style: none;
    margin-top: 4px;
}
.top-nav-gen ul.menu-top li {
}
.top-nav-gen ul li a {
    display: block;
   	padding: 6px 6px;
   	
   	border-radius: 5px;
    font-size: 10px;
    font-weight: lighter;
    color: #ffffff;
    text-transform: uppercase;
}
.top-nav-gen ul li a:hover, input:hover, footer li a:hover {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}
.top-nav-gen ul li a.login {
    position: relative;
    padding-left: 20px;
    color: #f3ce11;
    background: url(images/ico-nos.png) -23px -16px no-repeat;
}
.top-nav-gen ul.menu-top li:last-child {
    padding-right: 0;
}
.top-nav-gen ul.menu-top ul li {
    background: none;
    padding: 0 5px 0 0;
}
.top-nav-gen ul li a.flag-usa {
    background: url(images/ico-nos.png) -21px -76px no-repeat;
    width: 19px;
}


.top-nav-gen ul li a.flag-br {
    background: url(images/ico-nos.png) -21px -136px no-repeat;
    width: 19px;
}
.top-nav-gen ul li a.flag-es {
    background: url(images/ico-nos.png) -21px -196px no-repeat;
    width: 19px;
}
.yellow {
    background: #f0b72a url(images/bck-yellow.png) 0 0;
    box-shadow: inset 0 -2px 7px -5px #000000;
    -webkit-box-shadow: inset 0 -2px 7px -5px #000000;
}
.yellow.int {
    height: 100px;
}
footer {
    width: 100%;
    background: #232323;
    border-top: 6px solid #f3ce11;
    padding-bottom: 20px;
}
footer .hand .row > div{
    margin-top: 20px;
}
footer div.hand {
    background: url(images/bkc-Aladinuus.png) center center no-repeat;
}
footer div.hand-small {
    background: url(images/bkc-Aladinuus.png) center center no-repeat;
    background-size: 120px 150px;
    position: relative;
    top: 10px;
    min-height: 160px !important;
}
footer li{
    list-style: none;
}
footer .icono-aladinus{
    background: url(images/ico-Aladinuus.png);
    width: 51px;
    height: 51px;
    display: inline-block;
}
footer .icono-ayuda{
    background: url(images/ico-help.png);
    width: 51px;
    height: 51px;
    display: inline-block;
}
footer .icono-blog{
    background: url(images/ico-blog.png);
    width: 51px;
    height: 51px;
    display: inline-block;
}
footer .icono-priv{
    background: url(images/ico-privacidad.png);
    width: 51px;
    height: 51px;
    display: inline-block;
}
footer .icono-face{
    background: url(images/media_facebook.png);
    width: 51px;
    height: 51px;
    display: inline-block;
}
footer .icono-twitter{
    background: url(images/media_twitter.png);
    width: 51px;
    height: 51px;
    display: inline-block;
}
footer .icono-in{
    background: url(images/media_linkedin.png);
    width: 51px;
    height: 51px;
    display: inline-block;
}
footer .icono-photo{
    background: url(images/media_instagram.png);
    width: 51px;
    height: 51px;
    display: inline-block;
}
footer .icono-google{
    background: url(images/media_google.png);
    width: 51px;
    height: 51px;
    display: inline-block;
}
footer h1{
    font-size: 16px;
    color: #f3ce11;
    padding: 15px 0;
    text-transform: uppercase;
    margin: 6px 0;
}
footer li a{
    text-transform: uppercase;
    font-size: 12px;
}
footer li a.login {
    display: block;
    margin: 10px 0;
    padding: 5px 0 5px 25px;
    width: 70%;
    color: #f3ce11;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background: url(images/ico-nos.png) -23px -16px no-repeat;
}
footer ul{
    padding-left: 0;
}
footer .nets {
    margin-top: 20px;
}
footer .nets li{
    float: left;
}
footer .img-mobile{
    background: url(images/app-Aladinuus.png);
    width: 301px;
    height: 136px;
    display: inline-block;
}
footer a:hover {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}
.form-wizard  {
    margin: 30px 0;
}
.form-wizard  .col-md-12{
    clear: both;;
}
.form-wizard  .control label{
    font-size: 12px;
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
}
.form-wizard  .control input, .form-wizard  .control select, .form-wizard  .control button{
    background-color: #f3ce11;
    border: 0;
    height: 38px;
    border-radius: 5px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}
.form-wizard  .control input[type="radio"] {
    height: 14px;
    vertical-align: text-bottom;
}
.form-wizard  .control input[type="checkbox"] {
    height: auto;
}
.form-wizard  .control textarea{
    background-color: #f3ce11;
    border: 0;
    height: 120px;
    border-radius: 5px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}
.form-wizard  .control input:hover, .form-wizard  .control select:hover, .form-wizard  .control textarea:hover, .form-wizard  .control button:hover {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.form-wizard  .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-wizard  .actions {
    padding-right: 15px;
    margin-top: 00px;
}
.hover-title{
    background: url(images/ico-helpSM.png);
    width: 18px;
    height: 18px;
    display: inline-block;
    right: -7px;
    top: 34px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
}
.form-wizard  .validation-summary {
    margin: 30px auto;
    padding: 20px;
    font-size: 17px;
    color: #000;
    background: #fff;
    border: 1px solid #efefef;
}
.form-wizard  .validation-summary ul li {
    color: #d9534f;
    list-style: disc;
    font-size: 14px;
}
.form-wizard  .validation-summary ul  {
    margin-top: 12px;
    padding-left: 17px;
}
.form-wizard  .free-text  {
    margin: 30px 0;
    padding: 20px;
    font-size: 12px;
    line-height: 15px;
    color: #000;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.form-wizard ul {
    padding-left: 0;
    margin-bottom: 0;
}
.form-wizard li {
    list-style: none;
}
.form-wizard .form-control {
    display: inline;
}
.form-wizard .row.control > div {
    margin-bottom: 15px;
}
.form-wizard .legales {
    font-size: 12px;
    padding: 15px 0;
    text-transform: uppercase;
    color: #000;
    line-height: 18px;
    padding-right: 10px;
}
.form-wizard .legales input {
	padding: 0 0 1px !important;
    height: 15px;
}
.form-wizard .legales label {
    position: relative;
    top: -3px;
    left: 5px;
    font-weight: normal;
}
.form-wizard .legales a {
    color: #ce5c26;
    text-decoration: underline;
}
.form-wizard .captcha  {
    padding: 20px 17px 0 0;
}
.form-wizard .captcha  img {
    position: relative;
    left: 22px;
}
.form-wizard label  {
    font-weight: normal;
}
.form-wizard .reloadCaptcha {
    background: url(images/btn-actualizar.png);
    width: 35px;
    height: 36px;
    border: 0;
}
.steps-info{
    background: url(images/bck-bisel.png) center center repeat-x;
    height: 40px;
}
.steps-info .iconStepSelected span{
    background: url(images/circulo.png)  no-repeat;
    display: inline-block;
    width: 76px;
    height: 76px;
    position: relative;
    top: -21px;
    line-height: 76px;
    text-align: center;
    font-family: "HelveticaNeueBold";
    font-size: 40px;
}
.steps-info .iconStepDisabled span{
    background: url(images/ico-step-disabled.png)  no-repeat;
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-family: "HelveticaNeueBold";
    font-size: 14px;
    color: #ffffff;
}
.steps-info .iconStepDisabled.text-right span{
   position: relative;
   left: 7px;
}
.steps-info .iconStepDisabled.text-left span{
    position: relative;
    left: -4px;
}
.OneColumn {
    display: block;
}
.TwoColumns {
    display: inline-block;
    width: 49%;
}
.threeColumns {
    display: inline-block;
    width: 33%;
}
.inLine {
    display: inline-block;
    margin-right: 4px;
}
.container.header-contador{
    margin-top: 16px;
    min-height: 62px;
}
.header-contador h1{
    font-size: 15px;
    line-height: normal;
    margin-bottom: 15px;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-top: 11px;
}
.header-contador label{
    margin: 0 !important;
    padding: 12px 10px 12px 130px;
    font-size: 11px;
    text-shadow: 1px 1px 1px #fff;
    text-transform: uppercase;
    position: relative;
}
.header-contador ul{
    padding: 0;
    padding: 0;
    left: -14px;
    top: 3px;
    position: relative;
}
.header-contador ul li{
    float: left;
    list-style: none;
    width: 33px;
    height: 41px;
    padding: 5px 0px;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    line-height: 34px;
    background: url(images/bck-counter.png) center center no-repeat;
}
.header-contador .contador{
    position: relative;
}
.yellow.int.big {
    height: 135px;
}
.yellow.int.big .lightlogo {
    width: 100%;
    height: 165px;
    background: #FFBA00 url(images/bck-light.png)  0 0 no-repeat;
    left: 168px;
    background-size: auto 165px; 
}
.yellow.int.big .bigsearch h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: #000000;
    margin: 11px 0 11px 0;
    position: relative;
    left: 0px;
   
}
.yellow.int.big .bigsearch input {
    border-radius: 5px;
    line-height: 36px;
    padding: 10px;
    height: 48px;
    font: 18px Arial, Verdana, Tahoma, Trebuchet MS;
    border-color: rgb(169, 169, 169);
    opacity: 1 !important;
}
.yellow.int.big .bigsearch button {
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    height: 46px;
    display: inline-block;
    border: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #e85b1c;
    border-radius: 2px;
    text-shadow: 1px 2px 0px #c31c01;
    font-size: 25px;
    
}
.yellow.int.big .bigsearch button:hover {
    transition: opacity 0.2s ease;
    opacity: 0.8;
}

.categorias-header{
    margin-top: 14px;
}
.categorias-header hr{
    border: 0;
    border-top: 1px solid #000;
    margin-top: 26px;
}
.categorias-header h1{
    font-size: 18px;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
}
.categorias-footer {margin-bottom: 5px}
.categorias-footer hr{
    border: 0;
    border-top: 1px solid #ccc;
}
.jcarousel {
    margin: 20px 0;
}
.jcarousel .item{
    background: url('images/bck-table.png') center 0 no-repeat;
    height: 221px;
    padding: 0;
    background-size: 98% 100%;
}
.jcarousel .item.prod{
    background: url('images/bck-table.png') 0px -38px no-repeat;
}
.jcarousel .item div{
    text-align: left;
    height: 36px;
}
.jcarousel .item div.producto{
    text-align: center;
    height: 36px;
    position: relative;
}
.jcarousel .item div a{
    color: #696969;
    text-decoration: none;
    padding-top: 12px;		padding-left:12px;
    display: inline-block;
    text-transform: uppercase;
}
.jcarousel .item div input{
    padding-top: 9px;
}

.empresasCarousel {
	margin: 20px 0  35px !important 
}
.empresas{
    margin: 30px  0 0 0;
}
.empresas h1 {
    font-size: 10px !important;
    font-weight: lighter;
    color: #848484;
    text-transform: uppercase;
    text-align: center;
    display: none
}
.empresas .col-md-2{
    width: 19.666667% ;
}
.orange{
    background: #FFC800;
    padding: 17px 0;
}
.clients h1 {
    color: #f3ce11;
    font-size: 18px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -1px;
}
.clients h2 {
    color: #f8e685;
    font-size: 14px;
    text-align: left;
    text-transform: none;
}
.clients h2 span {
    font-style: italic;
    color: #f3ce11;
    display: block;
    font-size: 12px;
    margin: 5px 0 0 0;
}
.clients img {
    position: relative;
}
.container-small{
    width: 800px;
    margin: 45px auto;
}
.container-small >  h1, .title, .step{
    font-family: "HelveticaNeue";
    font-size: 40px;
    margin: 50px 0;
    font-weight: 300;
    text-transform: uppercase;
}
.step{
    font-size: 30px;
}
.quienes-somos .title{
    background: url('images/Aladinuus-quienes-somos.png')  no-repeat;
    height: 32px;
    width: 313px;
    margin-bottom: 40px;
}
.nav {
    background: #fee773;
    border-radius: 5px;
}
 .nav li {
    background: #fadd49;
    color: #000000;
    font-size: 14px;
    cursor: pointer;
    padding: 12px 15px;
    margin: 0 2px 0 0;
    text-align: center;
    list-style: none;
    outline: none;
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: 1px 0 1px 0 #ffffff;
}
 .nav li.active {
    background: #f3cb01;
    text-shadow: none;
    color: #000000;
    padding: 12px 15px;
}
 .nav li a {
    color: #000000 !important;
    background: none !important;;
    border: 0 !important;
    padding: 0;
}
 .nav li.active a {
    text-shadow: none;
    color: #000000;
}
.nav li a:hover, .nav li a:focus {
    background: none;
    border: 0;
}
.nav li a:hover,  .nav li a:hover {
    text-shadow: none;
    color: #ffffff;
}
.tab-pane{
    background-color: #ffffff;
    padding: 20px;
    border-radius: 5px;
}
.tab-pane h4,  .panel-body h4{
    margin:0;
    font-size: 14px !important;
    color: #000;
    font-weight: bold;
    padding: 0 0 10px 0;
}
 .tab-pane h3,  .panel-body h3{
    color: #000;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 5px 0;
    font-size: 16px;
}
 .tab-pane a,  .panel-body a{
    color: #0f3ff0;
}
 .tab-pane p ,  .panel-body p{
   margin-bottom: 20px;
}
 .panel-heading{
    background-color: #fadd49 !important;
    color: #000000;
    font-size: 14px;
    cursor: pointer;
    padding: 12px 15px;
    margin: 0 0px 0 0;
    text-align: center;
    list-style: none;
    outline: none;
}
 .panel-heading a{
    color: #000000;
}
 .panel-heading a:hover{
    color: #ffffff;
}
.mapa-sitio{
    margin-top: 40px;
}
.mapa-sitio .brdc1 {
    padding: 12px;
    color: #000000;
    font-size: 14px;
    background: url('images/bck-brdc1.png') no-repeat center left;
    margin: 10px 0;
}
.mapa-sitio span {
    display: inline-block;
    width: 300px;
    font-size: 14px;
    padding: 5px 0;
}
.mapa-sitio span a {
    color: #3276b1;
}
.mapa-sitio span a:hover {
    transition: opacity 0.2s ease;
    opacity: 0.8;
}
.trabaja{
    margin: 40px 0 4% 0;
    padding: 20px;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    color: #000000;
    background: #fff;
    border-radius: 5px;
}
.contacto h2{
    margin: 10px 0 25px 0;
    font-size: 18px;
}
.contacto .form-wizard .captcha {
    position: relative;
    padding: 0;
}
.contacto .form-wizard .reloadCaptcha {
    position: relative;
    left: 18px;
}
.contacto input[type="image"]{
    position: relative;
    top: 25px;
}
.novedades .share {
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #000;
    margin: 0 0 20px 0;
}
.flR {
    float: right !important;
}
.terminos  {
    margin: 0px 0 4% 0;
    padding: 20px;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    color: #000000;
    background: #fff;
    border-radius: 5px;
}
.terminos a {
    color: #ce5c26;
    text-decoration: underline;
}
.terminos-container .bredcmb {
    background: #fee773;
    border-radius: 5px;
    margin-top: 40px;
}
.terminos-container .bredcmb .brdc1 {
    padding: 12px;
    color: #000000;
    font-size: 14px;
    background: url('images/bck-brdc1.png') no-repeat center left;
}
.modal-body .close{
    color: #333333;
    opacity: 1;
}
.modal-body .form-wizard  input[type="checkbox"]{
    height: auto;
}
.modal-body .form-wizard  .inp{
    height: auto;
}
.modal-body .form-wizard  a{
    color: #264fe6;
    font-size: 12px;
}
.modal-body .bckYw{
    margin: 20px 0px 15px 0;
    padding: 15px;
    color: #000;
    font-size: 14px;
    line-height: 16px;
    background-color: #f3ce11;
    border-radius: 5px;
    padding-bottom: 23px;
}
.modal-body .signup {
    position: relative;
    float: right;
    height: 285px;
    padding: 0 25px;
}
.modal-body .datos{
    margin-top: 20px;
}
.modal-body .datos label {
   font-weight: normal;
}
.modal-body .datos a {
    color: #000000;
}
.recordar-clave p{
    margin: 40px 0 20px 0;
}
.recordar-clave form{
    margin-bottom: 140px;
}
.paises{
    margin: 0  auto 50px auto;
    width: 1200px;
}
.paises > div{
    text-align: center;
    margin-bottom: 10px;
}
.paises-text{
    margin: 50px auto;
}
.paises-text h1{
    text-transform: uppercase;
    font-family: "HelveticaNeue";
    font-size: 21px;
    text-align: center;
}

#datos h2 {margin-bottom: 15px;}
#datos .mail {margin-top: 5px;}


#panel, #seguimiento {margin-top: 20px}
#panel #filter .control, #seguimiento #filter .control {
	margin-top:22px;
}

 #panelProveedor #filter .control {
	margin-bottom: 22px;
	}
	
#panelProveedor h2 {
 	font-family: "HelveticaNeue";
    font-size: 24px;
    margin: 16px 0 8px ;
    font-weight: 300;
   
 }
#panelProveedor  .form-wizard .element > label {z-index:0}
 
#panel h1,
#seguimiento h1 {
	font-family: "HelveticaNeue";
    font-size: 30px;
    line-height: 30px;
    margin: 6px 0 0;
    font-weight: 300;
    text-transform: uppercase;
}
#seguimiento h1 {font-size: 18px;margin: 10px 0 0;}

#panel .green-button,
#seguimiento .green-button#filtrar {width: 100%;}

#panel tr td button, 
button.action {
	width: auto !important; color: #fff !important; padding: 0 7px !important; vertical-align: top; height: 31px !important;
	}
	
.detalle.left {margin-bottom: 20px;}
.detalle.left h1 {border: 0; margin-bottom: 0 !important;}
.detalle.left > .row {border-bottom: 1px solid #ddd; margin-bottom: 10px}

.detalle h1 {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px !important;
}
.detalle h3 {
	
    font-size: 14px;
    margin: 5px 0;
    color: #666;
}	

.detalle p { color: #666}
	
.listado h1 {
	cursor: pointer;
}
.listado h1:HOVER {
	text-decoration: underline;
}

.grid-panel-control{
    width: 100%;
    margin: 0 0 30px 0;
    border: 0 !important;
}
.grid-panel-control thead tr{
    border-top: 1px solid #CCC;
     border-bottom: 1px solid #CCC;
    
}
.grid-panel-control thead tr th{
    padding: 5px 5px  !important;
    color: #2e3436;
    font-weight: normal;
    border: 0;
}

table.table.grid-panel-control tbody tr td {
    padding: 10px 5px !important;
    border-top: 0;
    color: #757575;
    cursor: default;
}

.grid-panel-control div.calificacion {
    cursor: pointer;
}

table.table.grid-panel-control.small tbody td { padding: 4px 3px !important;}

span.pagado {color: #548758}

table.table.grid-panel-control tbody td {
	padding: 4px 0px;
	vertical-align: middle;
	
}
#seguimiento table.table.grid-panel-control td:FIRST-CHILD,
#seguimiento table.table.grid-panel-control th:FIRST-CHILD {
    text-align: left;
   padding-left: 5px;
}




table.table.grid-panel-control tbody > tr.active td:FIRST-CHILD { 
	-webkit-box-shadow: -1px 1px 4px rgba(0,0,0,0.2);
	box-shadow: -1px 1px 4px rgba(0,0,0,0.2)
}
table.table.grid-panel-control tbody > tr.active td:LAST-CHILD { 
	box-shadow: 2px 1px 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 2px 1px 4px rgba(0,0,0,0.15);
	}
table.table.grid-panel-control tbody > tr:HOVER td,
table.table.grid-panel-control tbody > tr.active td {
    background: #eeeeec;
    color: #555 !important;
}
table.table.grid-panel-control tbody > tr:HOVER td a,
table.table.grid-panel-control tbody > tr.active td a { color: #555 !important;}

table.table.grid-panel-control tbody tr td a:HOVER {
	color: #c0392b !important;
}
.grid-panel-control tbody tr td a {
    color: #757575;
}

.grid-panel-control tbody tr.new td {
	font-weight: bold !important;
	color: #666;
    background: #fafafa;
}

.grid-panel-control tbody tr.active td.acciones  {
	position: relative;
}
.grid-panel-control tbody td.proveedores a {
    width: 45px;
    display: inline-block;
    text-align: left;
}

#panel .grid-panel-control tr.info .acciones {
	font-size: 16px;
	margin: 10px 0;
}

#panel .grid-panel-control tr.info,
table.table.grid-panel-control tbody > tr.active {
	-moz-transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-o-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	
	
	background: #eeeeec;
}

#panel .grid-panel-control tr.info td {
	background: #fbfbfb !important;
	color: #333;
	padding: 5px 15px;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    padding-left: 10px !important;
}
    #panel .grid-panel-control tr.info td label {
        text-transform: uppercase;
        font-size: 10px;
        color: #666666;
    }
     #panel .grid-panel-control tr.info td p {

        color: #333;
    }

.grid-panel-control tbody tr td.more {text-align: right; padding-right: 5px !important;}
.grid-panel-control tbody tr.active td.more i {
	 -webkit-transform:  rotate(90deg);
	 -moz-transform:  rotate(90deg);
	 -o-transform:  rotate(90deg);
	 -ms-transform:  rotate(90deg);
	 transform:  rotate(90deg);
}

#panel .grid-panel-control tbody tr.loading td.more i,
.rouletteAnim  {
  animation: roulette linear 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: roulette linear 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: roulette linear 1s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: roulette linear 1s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: roulette linear 1s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes roulette{
  0% {
    transform:  rotate(0deg) ;
  }
  100% {
    transform:  rotate(360deg) ;
  }
}

@-moz-keyframes roulette{
  0% {
    -moz-transform:  rotate(0deg) ;
  }
  100% {
    -moz-transform:  rotate(360deg) ;
  }
}

@-webkit-keyframes roulette {
  0% {
    -webkit-transform:  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  rotate(360deg) ;
  }
}

@-o-keyframes roulette {
  0% {
    -o-transform:  rotate(0deg) ;
  }
  100% {
    -o-transform:  rotate(360deg) ;
  }
}

@-ms-keyframes roulette {
  0% {
    -ms-transform:  rotate(0deg) ;
  }
  100% {
    -ms-transform:  rotate(360deg) ;
  }
}
    

#panel .grid-panel-control .comment{
   background: none;
}     
	#panel .grid-panel-control .comment i {
	   top: 2px;
	}

.calificar-proveedor{
    width: 90px;
    height: 25px;
    background: url(images/calificar.png) 0 0 no-repeat;
    display: inline-block;
    background-size: 90px 25px;
    position: relative;
    top: 2px;
}
.slick-prev:before,  .slick-next:before {
    font-size: 28px !important;
    color: #cccccc !important;
    position: relative !important;
}
.jcarousel .slick-prev:before  {
    left: -16px;
}
.jcarousel .slick-next:before  {
    left: 16px;
}
.cat-title h1{
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 37px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.cat-title img{
    width: 31px;
    height: 30px;
    position: relative;
    top: 4px;
}

.cat-title {
    width: 98%;
}
.cat-title-0{
    margin: 0 auto;
    height: 39px;
    background-color: #999999;
}
.cat-title-1{
    margin: 0 auto;
    height: 39px;
    background-color: #999999;
}
.cat-title-2{
    margin: 0 auto;
    height: 39px;
    background-color: #999999;
}
.cat-title-3{
    margin: 0 auto;
    height: 39px;
    background-color: #999999;
}
.result-operation{
    width: 70%;
    margin: 30px auto;
    padding: 20px;
    font-size: 14px;
    color: #000;
    background: #fff;
    border: 1px solid #efefef;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
.green-button{
    width: 150px;
    height: 39px;
    border: 0;
    font-weight: bold;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border-radius: 4px;
    opacity: 1 !important;
}
.green-button.small, .red-button.small{
    width: 120px;
    height: 30px;
}
.green-button:hover{
    background-color: #449d44;
    border-color: #398439;
    opacity: 1 !important;
}
.red-button{
    width: 150px;
    height: 39px;
    border: 0;
    font-weight: bold;
    color: #000000;
    background-color: #FA5757;
    border-color: #FA5757;
    border-radius: 4px;
    opacity: 1 !important;
}
.red-button:hover{
    background-color: #FA2525;
    border-color: #FA2525;
    opacity: 1 !important;
}

.orange-button{
    width: 150px;
    height: 39px;
    border: 0;
    font-weight: bold;
    color: #000000;
    background-color: #f3d046;
    border-color: #FA5757;
    border-radius: 4px;
    opacity: 1 !important;
}
.orange-button:hover{
    background-color: #f1c40f;
    border-color: #FA2525;
    opacity: 1 !important;
}

.white-button{
    width: 150px;
    height: 39px;
    border: 0;
    font-weight: bold;
    color: #000000;
    background-color: #bbbbbb;
    border-color: #666666;
    border-radius: 4px;
    opacity: 1 !important;
}
.white-button:hover{
    background-color: #888888;
    border-color: #888888;
    opacity: 1 !important;
}

.transparent-button{
 
    height: 39px;
    border: 0;
    color: #333;
    font-weight: bold;
    background-color: transparent;
    border-color: #666666;
    border-radius: 4px;
    opacity: 1 !important;
}
.transparent-button i {margin-top: 1px;}

.blue-button{
    width: 150px;
    height: 39px;
    border: 0;
    font-weight: bold;
    color: #000000;
    background-color: #5492bb;
    border-color: #2980b9;
    border-radius: 4px;
    opacity: 1 !important;
}
.blue-button:hover{
    background-color: #2980b9;
    border-color: #2980b9;
    opacity: 1 !important;
}

.c-mensajes {
	font-size: 10px;
	line-height: 10px;
}
.categorias-tree > li  span{
    position: relative;
    text-transform: uppercase;
}
.categorias-tree > li > div >  span{
    font-weight: bold;
}
.categorias-tree li ul{
    margin-left: 50px;
}
.categorias-tree li ul li{
    float: left;
    padding-right: 20px;
}
.rechazar-solicitud{
    width: 76px;
    height: 26px;
    background: url(images/rechazar.png) 0 0 no-repeat;
    display: inline-block;
}
.ver-solicitud {
    width: 18px;
    height: 17px;

}
.ver-solicitud.prov{
    left: 7px;
}
.comment{
    width: 20px;
    height: 16px;
    background: url(images/comments-icon.png) 0 0 no-repeat;
    display: inline-block;
    position: relative;
 
}

.comment span{
    position: relative;
    font-weight: bold;
    font-size: 10px;
    top: -5px;
}

ul.menu-top .comment span {
    color: red;
    top: -4px;
    left: -1px;
}

.comment.header{
    left: 10px;
    top: 2px;
}
.new-solicitud{
    width: 16px;
    height: 16px;
    background: url(images/new.png) 0 0 no-repeat;
    display: inline-block;
    position: relative;
}
.calificar-provedor ul li{
    display: inline;
    position: relative;
    top: -11px;
}
.calificar-provedor ul label{
    position: relative;
    top: -14px;
    padding-right: 10px;
}
.calificacion-servicio{
    background-color: #f3ce11;
    width: 270px;
    padding: 10px 12px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 38px;
}
.categorias-button:hover{
    transition: opacity 0.2s ease;
    opacity: 0.8;
}
.index{
    padding-top: 100px;
}
.categorias-tree  li ul{
    border-left: 1px dotted #cccccc;
}
.categorias-tree  li {
    padding-left: 10px;
}
.item-closed > i{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(images/close.png) 0 0 no-repeat;
    position: relative;
    left: -20px;
    top: 32px;
}
.item-closed ul{
    display: none;
}
.item-open > i{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(images/open.png) 0 0 no-repeat;
    position: relative;
    left: -20px;
    top: 32px;
}
.item-open ul{
    visibility:visible;
    opacity:1;
    transition-delay:0s;
}
.control-with-errors{
   background-color: #FFCCBA !important;
    border: 1px solid #FF0000 !important;
}
#mobileModal h1{
    text-align: center;
    margin: 100px 0;
}
.message-panel{
    margin-top: 20px;
    margin-bottom: 20px;
}
.message-panel .message{
    margin-left: 0;
    margin-right: 0;
    padding: 5px 0;
}
.message-panel .message:nth-child(odd){
    background-color: #eeeeee;
}
.message-panel .message:nth-child(even){
    background-color: #ffffff;
}
.productos h1{
    background-color: #999999;
    color: #ffffff;
    line-height: 39px;
    padding-left: 10px;
}
.productos .producto{
    line-height: 37px;
    padding-left: 1px;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 3px; 
   

    -webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

.productos .producto:HOVER {
   background: rgba(255, 191, 0, 0.65);
}

.productos .producto a {
    color: #696969;
    text-decoration: none;
    padding-top: 4px;
    display: block;
    text-transform: uppercase;
 
}
.icono-loading{
    background: url(images/manogifaladinuus.gif) 0 0 no-repeat;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    margin-top: 150px;
}

#counter , #counter .marker{
    width: 182px !important;
}

#counter .inner, #counter .left{
 margin-right: 4px !important
}

#counter .wrapper{

}

.add-file:hover{
   cursor: pointer;
}

.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dropzone {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
    padding: 1em;
}
.dropzone.dz-clickable {
    cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
    cursor: pointer;
}
.dropzone.dz-clickable * {
    cursor: default;
}
.dropzone .dz-message {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
.dropzone.dz-drag-hover {
    border-color: rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.04);
}
.dropzone.dz-started .dz-message {
    display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    display: inline-block;
    margin: 17px;
    vertical-align: top;
    border: 1px solid #acacac;
    padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
    display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
    width: 100px;
    height: 100px;
    position: relative;
    background: #ebebeb;
    padding: 5px;
    margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
    position: absolute;
    bottom: -28px;
    left: 3px;
    height: 28px;
    line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
    display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
    display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
    display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 30px;
    text-align: center;
    right: -10px;
    top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
    color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
    position: absolute;
    top: 100px;
    left: 6px;
    right: 6px;
    height: 6px;
    background: #d7d7d7;
    display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
    display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
    display: none;
    position: absolute;
    top: -5px;
    left: -20px;
    background: rgba(245, 245, 245, 0.8);
    padding: 8px 10px;
    color: #800;
    min-width: 140px;
    max-width: 500px;
    z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
    display: block;
}
/* The MIT License */
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dropzone {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
    padding: 1em;
}
.dropzone.dz-clickable {
    cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
    cursor: pointer;
}
.dropzone.dz-clickable * {
    cursor: default;
}
.dropzone .dz-message {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
.dropzone.dz-drag-hover {
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-color: #fafafa;
    background-size: 22px 22px;
    border: 5px dashed #ccc;
}
.dropzone.dz-started .dz-message {
    display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    border: 1px solid #acacac;
    padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
    display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
    width: 100px;
    height: 100px;
    position: relative;
    background: #ebebeb;
    padding: 5px;
    margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
    position: absolute;
    bottom: -28px;
    left: 3px;
    height: 28px;
    line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
    display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
    display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
    display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 30px;
    text-align: center;
    right: -10px;
    top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
    color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
    position: absolute;
    top: 100px;
    left: 6px;
    right: 6px;
    height: 6px;
    background: #d7d7d7;
    display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
    display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
    display: none;
    position: absolute;
    top: -5px;
    left: -20px;
    background: rgba(245, 245, 245, 0.8);
    padding: 8px 10px;
    color: #800;
    min-width: 140px;
    max-width: 500px;
    z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
    display: block;
}
.dropzone {
    border: 1px solid rgba(0, 0, 0, 0.03);
    min-height: 360px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.03);
}
.dropzone .dz-default.dz-message {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background-image: url("images/spritemap.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    width: 428px;
    height: 123px;
    margin-left: -214px;
    margin-top: -61.5px;
    top: 50%;
    left: 50%;
}
.dropzone .dz-default.dz-message span {
    display: none;
}
.dropzone.dz-square .dz-default.dz-message {
    background-position: 0 -123px;
    width: 268px;
    margin-left: -134px;
    height: 174px;
    margin-top: -87px;
}
.dropzone.dz-drag-hover .dz-message {
    opacity: 0.15;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15);
}
.dropzone.dz-started .dz-message {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 280px){
    .container {
        min-height: 100px;
    }
    
    .bigsearch {
       margin-top: -35px;
    }

    .top-nav-gen ul  {
        display: block;
        width: auto;
        height: auto;
        float: right;

    }
    .top-nav-gen ul li {
        float: left;
        padding: 0 9px;
        list-style: none;
    }
    .yellow.int .logo {
        height: 40px;
        width: 100px;
        background-size: 100px 40px;
        position: relative;
        left: -6px;
        top: 18px;
    }
    .yellow.int h2, .yellow.int h1{
        position: relative;
        left: 60px;
    }
    .yellow.int .lightlogo {
        width: 100%;
        background: url(images/bck-light.png) -344px -15px no-repeat;
        left: 0px;
    }
    footer .img-mobile{
        width: 200px;
        height: 100px;
        background-size: 200px 100px;
        cursor: pointer;
    }
    footer .nets a{
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
    }
    footer .nets .icons {
        position: relative;
        margin-left: 29px;
        top: -10px;
    }
    footer .nets .col-md-6.text-right{
        text-align: center;
        padding-top: 20px;
    }
    footer .hand .row >  .col-xs-6 {
        height: 270px;
    }
    .header-contador .contador {
        left: 0;
        border-top: 1px solid #eaeaea;
        padding-top: 12px ;
    }
    .header-contador h1 {
       text-align: center;
        font-family: Open Sans, Arial, Helvetica, Sans-Serif;
        font-weight: 500;
        font-size: 20px;
    }
    .header-contador .col-xs-4 {
        padding: 8px 0 0 0;
    }
    .header-contador .col-xs-8 {
        padding-left: 26px;
    }
    .header-contador label {
        margin: 0 !important;
        padding: 0;
        display: block;
        font-size: 10px;
        font-weight: normal;
        text-align: right;
        line-height: 12px;
        padding-top: 8px;
    }
    .yellow.int.big  {
        background: none;
        height: auto;
        box-shadow: none;
    }
    .yellow.int.big .logo-home {
        position: relative;
        width: 200px;
	    top: -15px;
	    margin-bottom: 20px;
    }
    .yellow.int.big .lightlogo {
        left: 0px;
        height: 135px;
    }
    .yellow.int.big .bigsearch h2 {
       text-align: center;
       padding-top: 10px;
    }

    .yellow.int.big .bigsearch select {
        margin-bottom: 10px
    }
    .yellow.int.big .bigsearch .col-xs-12, .yellow.int.big .bigsearch .col-sm-12  {
        text-align: center;
    }
    
    .yellow.int.big .bigsearch .col-xs-8 {
        padding-left: 7px;
        padding-right: 0;
    }
    .yellow.int.big .bigsearch .col-xs-4 {
        padding-left: 3px;
    }
    
    .yellow.int.big .bigsearch button {
      font-size: 22px;
    }
    .categorias-header hr {
       margin: 0;
    }
    .categorias-header {
        margin: 30px 0;
    }
    .categorias-header h1 {
        margin: 16px 0;
    }
    
    .contador h1 {
        height: 30px;
        line-height: 30px;
        padding-left: 17px;
     }
     .contador hr {margin-top: 31px !important;}
            .contador h1 span {vertical-align: middle;font-size: 16px; line-height: 13px;}
            .contador h1 span.number {
			        font-weight: bold;
			        letter-spacing: 2px;
			        font-size: 26px;
			        padding: 0 0 0 5px;
			        text-align: center;
			        margin: 0 5px;
			     }
    
    .jcarousel .item {
       margin-bottom: 5px;
    }
    .categorias .jcarousel .item {
        margin-top: 20px;
    }
    .empresas h1 {
        font-size: 10px;
    }
    .empresas .col-md-2 {
        width: 100%;
        text-align: center;
    }
    .testimonial {
        background: url(images/como-funciona-Aladinuus-paso1m.png) 0 0;
        width: 320px;
        height: 1776px;
        margin: 0 auto;
        background-size: 320px 1776px;
    }
    .container.clients {
        min-height: 0px;
        height: auto;
        width: 100%;
    }
    .clients .row {
        background: #000000;
        top: 0;
        height: auto;
        padding-bottom: 10px;
    }
    .clients .col-md-5 {
         width: 30%;
         padding-top: 10px;
    }
    .clients .col-md-7 {
        width:70%;
        padding-top: 10px;
    }
    .container-small{
        width: 250px;
    }
    .quienes-somos .title{
        height: 25px;
        width: 220px;
        margin-bottom: 20px;
        background-size: 220px 25px;
    }
    .quienes-somos img{
    }
    .form-wizard .captcha img{
        width: 85px;
        height: 36px;
    }
    .modal-body .signup {
        border-top: 1px solid #000;
        float: none;
        display: block;
    }
    .paises{
        width: 240px;
    }
    .index .lightlogo{
        left: 0px;
    }
    .slick-next {
        right: 24px !important;
    }
    .slick-prev {
        left: 24px !important;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){
	
	.bigsearch {
       padding-top: 0px;
    }

    .slick-next {
        right: 14px !important;
    }
    .slick-prev {
        left: 14px !important;
    }
    .yellow.int .logo {
        height: 62px;
        width: 160px;
        background-size: 160px 62px;
        position: relative;
        left: -6px;
        top: 11px;
    }
    .yellow.int h2, .yellow.int h1{
        position: relative;
        left: 90px;
    }
    footer .img-mobile{
        width: 200px;
        height: 100px;
        background-size: 200px 100px;
    }
    .yellow.int.big .logo-home {
        width: 330px;
        margin-top: -30px;
        margin-bottom: 30px;
    }
    .empresas .col-md-2 {
        width: 50%;
    }
    .empresas h1 {
        font-size: 14px;
    }
    .testimonial {
        width: 320px;
        height: 1776px;
        background-size: 320px 1776px;
    }
    .header-contador label {
        padding-top: 17px;
    }
    .container-small{
        width: 480px;
    }
    .quienes-somos .title{
        height: 32px;
        width: 313px;
        margin-bottom: 40px;
        background-size: 313px 32px;
    }
    .quienes-somos img{
    }
    .form-wizard .captcha img{
        width: 120px;
        height: 40px;
    }
    .paises{
        width: 480px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
    .container {
        min-height: 200px;
    }
        
    .bigsearch {
       padding-top: 0;
    }
    
    .slick-next {
        right: -18px !important;
    }
    .slick-prev {
        left: -18px !important;
    }
    .top-nav-gen ul li {
        float: left;
        padding: 0 10px;
        list-style: none;
    }
    .yellow.int .lightlogo {
        background: url(images/bck-light.png) -259px -15px no-repeat;
    }
    footer .nets a{
        background-size: 51px 51px;
        width: 51px;
        height: 51px;
    }
    footer .nets .icons{
        margin-left: 100px;
        top: -27px;
    }
    .container-small{
        width: 768px;
    }
    .nav{
        margin-top: 40px;
    }
    .paises{
        width: 768px;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
	
    .bigsearch {
       margin-top: auto;
        }
    
    .container {
        min-height: 250px;
    }

    .top-nav-gen ul  {
        display: block;
        width: auto;
        height: auto;
        margin-left: 57px;
    }
    .yellow.int .lightlogo {
        width: 100%;
        background: url(images/bck-light.png) 0 0 no-repeat;
    }
    .yellow.int .logo {
        height: 108px;
        width: 245px;
        background-size: 245px 108px;
        top: -15px;
    }
    footer .nets .col-md-6.text-right {
        text-align: right;
        padding-top: 0px;
    }
    .testimonial{
        background: url(images/como-funciona-Aladinuus-paso1.png) 0 0;
        width: 976px;
        height: 480px;
        margin:  0 auto;
    }
    .empresas .col-md-2 {
        width: 20%;
    }
    .container.clients {
        margin-bottom: 0;
        padding-bottom: 0;
        height: 144px;
        width: 960px ;
        margin: 0 auto;
    }
    .clients .row {
        background: url(images/bck-testimonios.png) center center no-repeat;
        height: 192px;
        position: relative;
        top: -74px;
    }
    .clients .col-md-5 {
        width: 36.666667%;
        padding-top: 60px;
    }
    .clients .col-md-7 {
        width: 48.333333%;
        padding-top: 44px;
    }
    .header-contador h1 {
        text-align: left;
    }
    .header-contador .contador{
        left: 33px;
        border-top: 0;
        padding-top: 0;
    }
    .header-contador label {
        font-size: 11px;
    }
    .yellow.int.big {
        background: #f0b72a url(images/bck-yellow.png) 0 0;
        box-shadow: inset 0 -2px 7px -5px #000000;
        -webkit-box-shadow: inset 0 -2px 7px -5px #000000;
        margin-top: 0;
        height: 107px;
    }
    .yellow.int.big .logo-home {
        left: -31px;
        top: 0;
    }
    .yellow.int.big .lightlogo {
        width: 100%;
        height: 107px;
        background:  url(images/bck-light.png) 0 0 no-repeat;
    }
    .yellow.int.big .bigsearch h2 {
        text-align: left;
        padding-top: 0;
    }
    .yellow.int.big .bigsearch .col-md-* {
        padding-left: 4px;
        padding-right: 4px;
        width: 35.333%;
    }
    .yellow.int.big .bigsearch a {
        margin-top: 0px;
    }
    .categorias-header {
        margin-top: 40px;
    }
    .categorias-header hr {
        margin-top: 26px;
    }
    footer .nets .icons {
         margin-left: 0;
         top: 0;
    }
    .container-small{
        width: 800px;
    }
    .modal-body .signup {
        border-top: 0;
        border-left: 1px solid #000;
        padding: 0 30px;
        float: left;
        display: inline-block;
    }
    .paises{
        width: 992px;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){
    .container {
        width: 1000px;
    }
    .paises{
        width: 1200px;
    }
    .index .yellow.int.big .lightlogo{
        left: 121px;
    }
}

.selectable-row{
    cursor: pointer;
}

.configuracionPagoModal-value-detail{
    position: relative;
    top: 7px;
}

span.highlighted {
	background-color:#fce94f;
}

span.foundIn {
    color:#555753;
}

div.encontrado {
	background: rgba(255, 191, 0, 0.35);
}

#loginForm input#remember {
	opacity: 0;
}
/* FIRST LOGIN */

#firstLoginModal .img-tutorial {
	position: relative;
	overflow: hidden;
    width: 220px;
    height: 370px; 
	margin: 30px auto 10px;
}
    #firstLoginModal .img-tutorial #wrapper-img {
        top: 0;
        left: -10px;
        height: 370px; 
        width: 1000px;       
        position: absolute;
        background: url(images/como-funciona-Aladinuus-paso-base-shrink.png) left top no-repeat;
        
        -webkit-transition: left 500ms ease;
        -moz-transition: left 500ms ease;
        -ms-transition: left 500ms ease;
        -o-transition: left 500ms ease;
        transition: left 500ms ease;
    }

	#firstLoginModal .img-tutorial #wrapper-img.paso1 {left: -10px;}
	#firstLoginModal .img-tutorial #wrapper-img.paso2 {left: -233px;}
	#firstLoginModal .img-tutorial #wrapper-img.paso3 {left: -456px;}
	#firstLoginModal .img-tutorial #wrapper-img.paso4 {left: -679px;}
	
	#firstLoginModal .img-tutorial #wrapper-img .texto {
	   position: absolute;
	   width: 160px;
	   height: 65px;
	   top: 286px;
	   left: 0;
	   text-align: center;
	   display: table;
	   
	   text-transform: uppercase;
	   font-size: 13px;
	   line-height: 17px;
	
	}
	   #firstLoginModal .img-tutorial #wrapper-img .texto span {
			display: table-cell;
		    vertical-align: middle;
		}
	
	#firstLoginModal .img-tutorial #wrapper-img .texto#paso1 {left: 40px;font-size: 12px;}	
	#firstLoginModal .img-tutorial #wrapper-img .texto#paso2 {left: 263px;}
    #firstLoginModal .img-tutorial #wrapper-img .texto#paso3 {left: 486px; height: 73px}
    #firstLoginModal .img-tutorial #wrapper-img .texto#paso4 {left: 709px; font-size: 14px; line-height: 19px;}
    
#firstLoginModal .modal-header,
#firstLoginModal .modal-body,
#firstLoginModal .modal-footer {border: 0; margin:0; padding: 0 15px;}
#firstLoginModal .modal-header {
	padding: 5px 0 15px;
	margin: 0;
    background: #FFCF00;
    border-radius: 0;
    border-bottom: 10px dotted #ffcf00;
    padding: 30px 0 20px;
    background: #e85b1c;
}

#firstLoginModal .modal-footer {
	padding: 0 15px 10px;
}
    #firstLoginModal .modal-footer a {
        font-weight: bold;
        font-size: 14px;
        color: #e85b1c;
        font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    }

#firstLoginModal .modal-content {
	padding: 0;
}

#firstLoginModal .modal-header h1, 
#firstLoginModal .modal-header h3 {

	padding: 0; 
	margin: 0;
	text-transform: uppercase;
	font-size: 20px;
	
	text-shadow: 1px 2px 0px #c31c01;
    text-align: center;
    color: #FFFFFF;
    font-family: "HelveticaNeueBold";

}
#firstLoginModal .modal-header h1 {font-size: 28px;color: #FFCF00;}

#firstLoginModal ul.navigation {margin:0; padding: 0;text-align: center;}
#firstLoginModal ul.navigation li {
	   display: inline-block;
	   margin: 0 1px;
	   width: 10px;
	   height: 10px;
	   border-radius: 50%;
	   background: #FFEB3B;
	   cursor: pointer;
}
#firstLoginModal ul.navigation li.active { 
	background: #F44336 !important;
}
#firstLoginModal ul.navigation li:HOVER {
	background: #e85b1c;
}

#firstLoginModal .wrapper-arrow {
	   height: 425px;
	   line-height: 425px;
}
#firstLoginModal .navigation-arrow {

    text-align: right;
    color: #e85b1c;
    font-size: 60px;
    cursor: pointer;
}


#firstLoginModal .navigation-arrow:HOVER {color: #F44336}

#firstLoginModal .navigation-arrow.disabled {
	cursor: default;
	color: #F49410;
}

/* CALIFIACION */

#calificarModal textarea {
	margin: 10px 0;
}


#calificarModal .calificacion {
	margin: 15px 0px 5px;
}

.starRating:not(old){
  display        : inline-block;
  width          : 200px;
  height         : 38px;
  overflow       : hidden;
  vertical-align : bottom;
}

.starRating:not(old) > input{
 
  opacity      : 0;
  height: 0;
  width: 0;
  
}

.starRating:not(old) > label{
  display         : block;
  float           : right;
  position        : relative;
  background      : url('images/off.svg') no-repeat;
  background-size : contain;
  width           : 2.5em;
  height          : 2.5em;
  cursor		  : pointer;
}

.starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 2.5em;
  height          : 2.5em;
  background      : url('images/on.svg') no-repeat;
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before {
  opacity : 1;
}

.filtro {margin-bottom: 25px;}

.modal button {margin-bottom: 10px;}

#sliderProductos {
    visibility: hidden;
}