/*---------=[BASE]=-----------*/

.tablaPrecios tr:nth-child(even) {
    background-color: #f2f2f2;

    
  }

  .tablaPrecios{
      width: 100%;
      margin: 2px;
  }

  .tablaPrecios tr th{

    background-color: #000;
    padding: 10px;
    color: white;
  }

  .tablaPrecios tr td{

    padding: 10px;

  }

body{
   font-family: 'Roboto';
   background-color: #efefef;
}
header{
	/*color: #efefef;*/
}
.logo-wraper{
	margin: -15px 0 10px;
}
.titulo-num{
	letter-spacing: -5px;
}
.naranja{
	/*color: #FF2D05;*/
	color: #F4812A;
}
.verde{
	color: #27790B;
}
.violeta{
	color: #4F0069;
}
.azul{
	color: #0B5AA5;
}
.rosa{
	color: #F80D52;
}
.bg-naranja{
	/*background-color: #FF2D05;*/
	background-color: #F4812A;
}
.bg-verde{
	background-color: #27790B;
}
.bg-violeta{
	background-color: #4F0069;
}
.bg-azul{
	background-color: #0B5AA5;
}
.bg-rosa{
	background-color: #F80D52;
}

.color-main{
	color: #585858;
}
.bg-main{
	background-color: #585858;
}
body.body-importador .bg-main{
	background-color: #4F0069;
}
body.body-fabricante .bg-main{
	background-color: #27790B;
}
body.body-mayorista .bg-main{
	background-color: #F80D52;
}
body.body-representante .bg-main{
	/*background-color: #FF2D05;*/
	background-color: #F4812A;
}

.columna table:not(:last-of-type){
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

span.titila {
    display: block;
    width: 25px;
    height: 25px;
    background: #fff;
    animation: titila 1s infinite;
    -moz-animation: titila 1s infinite;
    -webkit-animation: titila 1s infinite;
    border-radius: 50%;
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 1.5em;
    padding-left: 0.02em;
}
@keyframes titila {
    0%  {transform: scale(1); }
    50% {transform: scale(0.5); }
    100% {transform: scale(1); }
}
@-moz-keyframes titila {
    0%  {-moz-transform: scale(1); }
    50% {-moz-transform: scale(0.5); }
    100% {-moz-transform: scale(1); }
}
@-webkit-keyframes titila {
    0%  {-webkit-transform: scale(1); }
    50% {-webkit-transform: scale(0.5); }
    100% {-webkit-transform: scale(1); }
}

.menu a:hover{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.menu a:active{
	box-shadow: inset 0 0 15px #333;
}
.btn-radio-wrapper button:not(.active){
	background-color: #999 !important;
}
.lista-alternada .row:nth-of-type(odd){
	background-color: #E3E1E1;
}
.lista-alternada .row .col-2{
	padding: 5px 10px;
}
.participantes-desc{
	padding-left: 95px;
	padding-right: 50px;
	height: 55px;
}
.participantes-row{
	background: #dfdfdf;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 0 2px #999;
}
.participantes-row:hover{
	color: #0B5AA5;
}
.button.bg-azul:hover,
button.bg-azul:hover{
	background-color: #1E77CD;
	cursor: pointer;
}
.button.bg-azul:active,
button.bg-azul:active{
	box-shadow: inset 1px 1px 5px #000;
	background-color: #0B5AA5;
}
.button.bg-verde:not(.active):hover,
button.bg-verde:not(.active):hover{
	background-color: #359a12;
	cursor: pointer;
}
.button.bg-verde:active,
button.bg-verde:active{
	box-shadow: inset 1px 1px 5px #000;
	background-color: #2c7d10;
}
.button.bg-alert:not(.active):hover,
button.bg-alert:not(.active):hover{
	background-color: #D30500;
	cursor: pointer;
}
.button.bg-alert:active,
button.bg-alert:active{
	box-shadow: inset 1px 1px 5px #000;
	background-color: #D30500;
}

.button-wrapper-sm {
    max-width: 200px;
}
.button-wrapper-lg {
    max-width: 320px;
}

td.active-radio{
	background: #efefef;
    border: 2px solid #4c4242
}

/* customizador banner */

#editor-wrapper {
    background: #e2e2e2;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ccc;
    margin-top: 2em;
}

#banner-container {
	-webkit-perspective: 80px;
	-moz-perspective: 80px;
	-o-perspective: 80px;
	-ms-perspective: 80px;
	perspective: 80px;
}

#banner-wrapper:after {
	content: '';
    display: block;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 40px;
    right: 0;
    z-index: -1;
    background: rgba(0,0,0,0.1);
    transform: rotateY(4deg) rotateX(-15deg) translate(-3%,0%);
     -webkit-transform: rotateY(4deg) rotateX(-15deg) translate(-3%,0%);
    -moz-transform: rotateY(4deg) rotateX(-15deg) translate(-3%,0%);
    -o-transform: rotateY(4deg) rotateX(-15deg) translate(-3%,0%);
    -ms-transform: rotateY(4deg) rotateX(-15deg) translate(-3%,0%);
    box-shadow: 0 0 9px 5px rgba(0,0,0,0.1);
}

#banner-wrapper {
    padding-top: 175%;
    position: relative;
    transform: rotateY(-1.2deg) scale(0.85);
    -moz-transform: rotateY(-1.2deg) scale(0.85);
    -webkit-transform: rotateY(-1.2deg) scale(0.85);
    transform-origin: top;
    -moz-transform-origin: top;
    -webkit-transform-origin: top;
}
#banner-fondo:after {
	content: '';
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../img/fondo.png) no-repeat center;
    background-size: cover;
}

#banner-fondo,
#banner-mask {
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
}
#banner-fondo{
    box-shadow: 0 0 5px #000;
	z-index: 1;
}
#banner-mask {
	z-index: 0;
    background: red;
}
#banner-header {
    background: url(../img/header-banner.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    z-index: 2;
    top: 3%;
    height: 5%;
    color: #fff;
    right: 15px;
    left: 15px;

    top: 2%;
    height: 7%;
    background-color: #ff0015;
}
#banner-logo {
    background-color: #fff;
    position: absolute;
    z-index: 1;
    top: 9%;
    padding: 3%;
    height: 21%;
    right: 15px;
    left: 15px;
}
#foto_e_bannerLogo {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    z-index: 1;
    top: 11%;
    height: 16%;
    right: 6%;
    left: 6%;
}
#banner-descripcion {
    position: absolute;
	z-index: 1;
    top: 30%;
    padding: 5%;
    height: 20%;
    right: 15px;
    left: 15px;
}
#banner-zonas {
    background: url(../img/zonas-banner.png) no-repeat top center;
    background-size: 100%;
    position: absolute;
	z-index: 1;
    top: 32%;
    padding: 5%;
    padding-top: 15%;
    height: 25%;
    right: 15px;
    left: 15px;
}
#banner-marcas {
    background: url(../img/marcas-banner.png) no-repeat top center;
    background-size: 100%;
    position: absolute;
	z-index: 1;
    top: 55%;
    padding: 5%;
    padding-top: 15%;
    height: 35%;
    right: 15px;
    left: 15px;

}
#banner-sitio {
    background: rgba(0,0,0,0.3);
    position: absolute;
    z-index: 1;
    top: 89%;
    padding: 3%;
    height: 6%;
    right: 15px;
    left: 15px;
}
#banner-footer {
    background: url(../img/banner-footer.png) no-repeat center;
    background-size: 100%;
    position: absolute;
	z-index: 1;
    top: 88%;
    padding: 5%;
    height: 10%;
    right: 15px;
    left: 15px;
}

/* notificacion */

.notificacion-wrapper{

    /*position: fixed;*/
}
.notificacion:not(.off):before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 0;
}
.notificacion:not(.off){
	/*position: fixed;*/
}
.notificacion.fixed{
	max-width: 500px;
}
.notificacion.off{
	position: absolute;
	box-shadow: 0 0 1px #666;
	left: auto;
	border: 0;
	height: 0;
	right: 0;
	top: 0;
	width: 0;
	padding: 0;
}
.notificacion.off .notificacion-wrapper{
	background: transparent;
	border: 0;
	padding: 0;
	box-shadow: 0 0 0;
}
.notificacion.off .contenido{
	display: none;
}
.notificacion.off .glyphicon-info-sign{
	color: #d30500;
	text-shadow: 0 1px 1px #c5c5c5;
	cursor: pointer;
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
}
.notificacion.off .glyphicon-info-sign:hover{
	font-size: 1.7em;
	margin-top: -2px;
	margin-right: -2px;
}


@media (min-width: 320px){
	.entrevista-botones{
		height: 3.5em;
	}
}
@media(max-width:768px){
    #banner-wrapper {
        transform: rotateY(-1.2deg) scale(1);
        -moz-transform: rotateY(-1.2deg) scale(1);
        -webkit-transform: rotateY(-1.2deg) scale(1);
    }

 	/*table, tbody, tr, td {
 	    display: block;
 	}*/

}
@media (max-width: 480px){
    .tabla-acreditaciones, .tabla-acreditaciones tbody, .tabla-acreditaciones tr, .tabla-acreditaciones td {
        display: block;
        clear: left;
    }
    .tabla-acreditaciones tr {
        padding: 1em 0;
        border-bottom: 1px solid #ccc;
    }
    .tabla-acreditaciones tr td:nth-of-type(1),
    .tabla-acreditaciones tr td:nth-of-type(2) {
        clear: none;
        float: left;
        /*width: 50%;*/
    }

}
@media (max-width: 360px){

	.participantes-row figure{
		display: none;
	}
	.participantes-desc{
		padding-left: 10px;
	}
}