@font-face {
  font-family: 'Oswald';
  font-weight: 300;
  font-style: normal;
  src: url('/fonts/Oswald-300/Oswald-300.eot');
  src: url('/fonts/Oswald-300/Oswald-300.eot?#iefix') format('embedded-opentype'),
       local('Oswald Light'),
       local('Oswald-300'),
       url('/fonts/Oswald-300/Oswald-300.woff2') format('woff2'),
       url('/fonts/Oswald-300/Oswald-300.woff') format('woff'),
       url('/fonts/Oswald-300/Oswald-300.ttf') format('truetype'),
       url('/fonts/Oswald-300/Oswald-300.svg#Oswald') format('svg');
}

@font-face {
  font-family: 'Oswald';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/Oswald-regular/Oswald-regular.eot');
  src: url('/fonts/Oswald-regular/Oswald-regular.eot?#iefix') format('embedded-opentype'),
       local('Oswald Regular'),
       local('Oswald-regular'),
       url('/fonts/Oswald-regular/Oswald-regular.woff2') format('woff2'),
       url('/fonts/Oswald-regular/Oswald-regular.woff') format('woff'),
       url('/fonts/Oswald-regular/Oswald-regular.ttf') format('truetype'),
       url('/fonts/Oswald-regular/Oswald-regular.svg#Oswald') format('svg');
}

@font-face {
  font-family: 'Oswald';
  font-weight: 700;
  font-style: normal;
  src: url('/fonts/Oswald-700/Oswald-700.eot');
  src: url('/fonts/Oswald-700/Oswald-700.eot?#iefix') format('embedded-opentype'),
       local('Oswald Bold'),
       local('Oswald-700'),
       url('/fonts/Oswald-700/Oswald-700.woff2') format('woff2'),
       url('/fonts/Oswald-700/Oswald-700.woff') format('woff'),
       url('/fonts/Oswald-700/Oswald-700.ttf') format('truetype'),
       url('/fonts/Oswald-700/Oswald-700.svg#Oswald') format('svg');
}


#login{
	min-height: 600px;
	padding-top: 200px;
	max-width: 400px;
	margin: 0 auto;
}

.justify{
	text-align: justify-all !important;
}

.justify  h1{
	margin-top: 30px;
}

.grey{
	background-color: grey !important;
}

img {
  image-rendering: auto;
  border-radius: 3px;
}

.textright{
	text-align: right !important;
}

.optAvisos{
	width: 440px;
	padding-top: 10px;
}

.comreserva{
	width: 100%;
	background-color: #ffd51d;
	padding: 	5px;
	border-radius: 3px;
	color: 	black;
	margin-right: 20px;
	padding-left: 20px;
}

.pContent{
	/* padding-left: 20px; */
	/* padding-right: 20px; */
}

.imgMain{
	text-align: center;
	padding-left: 90px;
	padding-top: 86px;
}

#wrapper{
		min-height: 100%;
}

.content{
	padding-bottom: 210px;
	overflow: auto;
}

.pointer{
	cursor: pointer;
}

#formContent{
	overflow-y: auto;
	height: auto;
	max-width: 640px;
	margin: 0 auto;
	width: 640px;
}

html {
  height: 100%;
  box-sizing: border-box;
}


body {
  height: 100%;
  font-family: "Oswald", Arial, sans-serif;
  background-color: #ffffff;
}


.footer {
  position: relative;
  margin-top: -180px;
  clear: both;
  height: 330px;
}

.numMes{
	font-size: 30px;
	line-height: 40px;
	/* margin: 8px; */
	height: 46px;
	/* margin-top: 6px; */
	/* padding-left: 5px; */
	/* padding-right: 5px; */
	width: 49px;
}

.descMes{}

.recTipo {
	
float: left;
	
width: 107px;
	
/* height: 100px; */
	
margin: 2px;
	
border: 1px solid #cccccc;
	
padding: 5px;
	
border-radius: 5px;
	
box-shadow: 0 2px 4px rgba(0, 0, 0, .2),0 3px 0px rgba(0,0,0,0.02);
	
padding-top: 0px;
	
padding-left: 0px;
	
padding-right: 0px;
	
cursor: pointer;
	
text-align: center;
}

.recOrigen {
	
float: left;
	
width: 115px;
	
/* height: 100px; */
	
margin: 2px;
	
border: 1px solid #cccccc;
	
padding: 5px;
	
border-radius: 5px;
	
box-shadow: 0 2px 4px rgba(0, 0, 0, .2),0 3px 0px rgba(0,0,0,0.02);
	
padding-top: 0px;
	
padding-left: 0px;
	
padding-right: 0px;
	
cursor: pointer;
	
text-align: center;

margin-right: 5px;
}

.recTipo:hover {
	background-color: #ececec;
	color: black;
}
.recOrigen:hover{
	background-color: #ececec;
	color: black;
}

.textTipo{
	text-align: left;
	font-size: 13px;
	line-height: 14px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
}

.fechaText{color: #1d4b6e;line-height: 32px;text-align: left;float: left;margin-left: 10px;}
.origenText{color: #1d4b6e;line-height: 32px;text-align: left;float: left;margin-left: 10px;font-size: 19px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 78%;}
.topTipo{
	height: 4px;
	background-color: #2e9842;
	/* margin-bottom: 5px; */
	border-radius: 4px 4px 0px 0px;
}

.contTipo{
	/* padding-top: 8px; */
}

.numDia{
	text-align: center;
	width: 100%;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

.contMes{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.imgTipoRec{
	 width: 70px;
}

.hidden{
	 display:none; 
}

.minHeader{
	
background-color: #1b3b64;
	
color: white;
	
height: 75px;
}

.headerPop{
	background-color: rgb(208, 208, 208);
	border-radius: 3px 3px 0px 0px;
	/* padding: 5px; */
	margin-bottom: 5px;
	height: 3px;
}

.titModal{
	
float: left;
	
line-height: 30px;
	
padding-left: 10px;
	
text-align: center;
	
width: 100%;
	
font-size: 17px;
	
color: #717171;
	
/* font-weight: bold; */
}

#busqueda{color: white;padding-bottom: 70px;}

.backHeader{width: 100%;margin: 0px;color: white;background-size: 
cover !important;background-position: 0px !important;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.38),0 -1px 0px rgba(0,0,0,0.02);/* padding-bottom: 30px; */background-color: #1b3b64;}

.back1{
background: -moz-linear-gradient(top, rgba(0,0,0,.60) 20%, rgba(0,0,0,00) 119%), url(/img/fondo1.jpg) repeat; /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.60) 20%,rgba(0,rl(/img/fondo1.jpg) repeat); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', 0, 0, 00) 119%), url(/img/fondo1.jpg) repeat;
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.87) 20%,u endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.60) 20%,rgba(0, 0, 0, 00) 119%), url(/img/fondo1.jpg) repeat;
}
.back2{
background: -moz-linear-gradient(top, rgba(0,0,0,.60) 20%, rgba(0,0,0,00) 119%), url(/img/fondo2.jpg) repeat; /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.60) 20%,rgba(0, 0, 0, 00) 119%), url(/img/fondo2.jpg) repeat;
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.87) 20%,url(/img/fondo2.jpg) repeat); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.60) 20%,rgba(0, 0, 0, 00) 119%), url(/img/fondo2.jpg) repeat;
}

.back3{
background: -moz-linear-gradient(top, rgba(0,0,0,.60) 20%, rgba(0,0,0,00) 119%), url(/img/fondo3.jpg) repeat; /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.60) 20%,rgba(0, 0, 0, 00) 119%), url(/img/fondo3.jpg) repeat;
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.87) 20%,url(/img/fondo3.jpg) repeat); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.60) 20%,rgba(0, 0, 0, 00) 119%), url(/img/fondo3.jpg) repeat;
}

.back4{
background: -moz-linear-gradient(top, rgba(0,0,0,.60) 20%, rgba(0,0,0,00) 119%), url(/img/fondo4.jpg) repeat; /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.60) 20%,rgba(0, 0, 0, 00) 119%), url(/img/fondo4.jpg) repeat;
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.87) 20%,url(/img/fondo4.jpg) repeat); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.60) 20%,rgba(0, 0, 0, 00) 119%), url(/img/fondo4.jpg) repeat;
}
.back5{background: -moz-linear-gradient(top, rgba(0,0,0,.60) 20%, rgba(0,0,0,00) 119%), url(/img/fondo5.jpg) repeat;
 /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.60) 20%,rgba(0, 0, 0, 00) 119%), url(/img/fondo5.jpg) repeat;
 background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.87) 20%,url(/img/fondo5.jpg) repeat); 
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */background: -webkit-linear-gradient(top, rgba(0, 0, 0, .6) 20%,rgba(0, 0, 0, 00) 119%), url(/img/fondo5.jpg) repeat;}

.controlsCont{
	box-shadow: 3px 2px 2px rgba(0,0,0,0.2);
	/* overflow-y: hidden; */
}

.headerOfertas{
	/* background-color: #efefef; */
	margin-bottom: 20px;
	border-radius: 3px 3px 0px 0px;
	/* padding-top: 10px; */
	padding-left: 20px;
}

h2{
	line-height: 20px;
	color: #1d4b6e;
}

.h2Header{
	float: left;
	font-size: 24px;
	margin-right: 10px;
	color: #0e2940;
}

.label{
	color: #333d4e;
	line-height: 26px;
	font-size: 16px;
	border-radius: 3px 3px 0px 0px;
	font-weight: 300;
	float: left;
	margin-bottom: 2px;
	text-align: center;
	font-weight: 400;
}

.topOverlay{
	width: 100%;
	background-color: #2a6da7;
	/* height: 3px; */
	overflow-y: hidden;
	position: fixed;
}
.rutaCouta{
	color: white;
}

.resTarifario{
		color: 	black;
		margin-bottom: 100px;
}

.menuWarn{
	position: absolute;
	margin-top: -4px;
	background-color: #dc4b4b;
	width: 23px;
	border-radius: 21px;
	font-size: 10px;
	/* float: right; */
	margin-left: 41px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
	color: #fff;
	text-align: center;
	height: auto;
	overflow-y: hidden;
}

.menuWarnMini{
	position: relative;
	/* margin-top: -4px; */
	background-color: #dc4b4b;
	width: 23px;
	border-radius: 3px;
	font-size: 10px;
	float: right;
	margin-left: 3px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
	color: #fff;
	text-align: center;
	height: auto;
	overflow-y: hidden;
	/* height: 17px; */
	line-height: 17px;
	margin-left: -6px;
}


.minitit{
	float: left;
	width: 100%;
	display: -webkit-box;
	font-size: 14px;
	height: auto;
	overflow-y: hidden;
	line-height: 20px;
	padding-top: 7px;
	/* color: #565656; */
}

.miniText{
	
	font-size: 11px;
	color: grey;
}

.minidata{
	float: left;
	width: 100%;
	font-size: 13px;
	color: #000000;
	/* font-weight: bold; */
}

.miniunity{
	float: right;
	width: 100%;
	font-size: 12px;
	/* text-align: right; */
	color: #828282;
}

.subRes{
	
margin-left: 10px;
}

.percUnity{
	color: #1d4b6e;
	font-size: 20px;
	font-weight: bold;
	/* float: right; */
	margin-left: 10px;
	margin-top: -6px;
}

.btAct{
			position: relative;
			padding: 7px 20px;
			/* float: left; */
			border-radius: 3px;
			font-size: 14px;
			color: #FFF;
			text-decoration: none;
			cursor: pointer;
			text-align: center;
			width: auto;
			/* margin-bottom: 10px; */
			font-weight: normal;
			/* background-color: #366aa3; */
}

.btFilter{
			position: relative;
			padding: 3px 20px;
			/* float: left; */
			border-radius: 3px;
			font-size: 14px;
			color: #FFF;
			text-decoration: none;
			cursor: pointer;
			text-align: center;
			width: auto;
			/* margin-bottom: 10px; */
			font-weight: normal;
}


.blue
{
	background-color: #262d37;
	/* border-bottom: 2px solid #256aa2; */
	/* border-right: 2px solid #256aa2; */
	/* color: white !important; */
}

.grey
{
	background-color: #8e8e8e;
	border-bottom: 2px solid #3e3e3e;
	border-right: 2px solid #3e3e3e;
}


.green
{
	background-color: #2e9842;
	/* border-bottom: 2px solid #248035; */
	/* border-right: 2px solid #248035; */
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	border-radius:  3px;
}
.green:hover
{
	background-color: green;
}


.btAct:active
{
	transform: translate(0px,5px);
	-webkit-transform: translate(0px,2px);
	border-bottom: 1px solid;
}

.blue:hover
{
	background-color: #1d4b6e;
}

.animate
{
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}

.btFull{
	width: 100%;
}

.btHalf{
	width: 46%;
	float: left;
	margin-left: 10px;
}

.btAct:hover{
	background-color: #1D4B6E;
	border-radius: 3px;
}

.right{
	float: right !important;
}

.centered{
	text-align: center;
	margin: 0px auto !important;
}

btGen{
	width: 100%;
	line-height: 22px;
	padding: 5px;
	/* background-color: #e8e8e8; */
	/* padding-left: 10px; */
	/* padding-right: 10px; */
	cursor: pointer;
	font-size: 15px;
	color: #fff;
	padding-bottom: 10px;
	border-radius: 5px;
}

btGen:hover{
	background-color: #2f2f2f;
	border-radius: 3px;
	color: #ffffff;
}


.cents {
   font-size: .7em;
   position: relative;
   bottom: .4em;
   /* color: #313131; */
 }

.olvidasteBt{
	cursor: pointer;
	font-size: 12px;
	color: grey;
}
.olvidasteBt:hover{
	color: #484848;
}

.errRuta{
	background-color: #bf3e3e;
	border-radius: 3px;
	padding: 5px;
	color: white;
}


.oferta{
	padding: 10px;
	height: auto;
	background-color: white;
	margin-bottom: 20px;
	border-radius: 3px;
	/* border: 1px solid #e0e0e0; */
	box-shadow: 0 2px 2px rgba(0,0,0,0.15);
}

.oferta::after {
	/*content: ""; */ 
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}


/* Transition to showing the bigger shadow on hover */
.oferta:hover::after {
  opacity: 1;
}

.ofertasBack{
	background-color: #f5f5f5;
	border-radius: 3px;
	/* padding-top: 20px; */
	/* padding-bottom: 15px; */
}

.fechaOferta{
	font-size: 13px;
	color: #403f3f;

}

.infoUnidad{
	font-size: 13px;
	color: #403f3f;
	text-align: left;
	margin-bottom: 10px;
	float: left;
}

.contInfo{
	padding: 10px;
	/* height: 200px; */
	background-color: white;
	margin-bottom: 20px;
	border-radius: 3px;
	/* border: 1px solid #e0e0e0; */
}

.tipo
{
	color: 	black;
}

.contInfo{
	height: auto;
	background-color: white;
	margin-bottom: 20px;
	border-radius: 3px;
	border: 1px solid #e0e0e0;
	overflow-y: auto;
	padding-top: 15px;
	padding-bottom: 10px;
	padding: 15px;
}

.contInfo titSpan{
	 text-align: left;
	 margin-top: 0px;
	 height: 20px;
	 line-height: 20px;
	 font-size: 20px;
	 /* margin-left: 5px; */
	 width: 100%;
	 float: left;
	 margin-bottom: 15px;
	 font-weight: bold;
	 color: #102e44;
}
.contInfo span{
}

.radios{margin-bottom: 20px;margin-left: 20px;}


.logoMain{
	width: 252px;
	margin: 20px auto;
}

.logoSub{
	margin-top: 4px;
	margin-bottom: 10px;
	width: 142px;
}

.loginBox{
	height:400px;
	background-color: black; 
}

.leftCont{
	border-radius: 3px 0px 0px 3px;
	/* border-right: 1px solid #dadada; */
}

.loginCont{}

.miniloginCont{
		position: fixed;
	right: 20px;
}

.totaldata{
	font-size: 30px;
	font-weight: bold;
	color: #960505;
}

.hide{
	display: none !important;
}
.show{
	display: block !important;
}

.gapTop{
	margin-top: 10px !important;
}
.gapTop2{
	margin-top: 20px !important;
}
.gapBot{
	margin-bottom: 10px !important;
}
.gapBot2{
	margin-bottom: 20px !important;
}
.botSeparator{
	margin-bottom: 100px;
}


.separator{
	padding: 10px;
	float: left;
	border-bottom: 1px solid;
	margin-bottom: 10px;
	/* margin-top: 10px; */
	color: #c7c7c7;
}
.titSecc{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.mas{
	cursor: pointer;
	float: right;
	font-size: 14px;
}

.masIco{
	width: 10px;
}

.bInput{
	width: 84%;
	float: left;
	border: 0px solid;
	/* padding: 5px; */
	color: #1d4b6e;
	font-size: 19px;
	padding-left: 10px;
	background-color: transparent;
}

.bInput:focus {
    outline: none !important;
    border:0px solid red;

}

.icoContPub{
	width: 25px;
	float: left;
	margin-top: 4px;
	margin-left: 5px;
}


.pInput{
	width: 84%;
	/* float: left; */
	border: 0px solid;
	/* padding: 5px; */
	color: #1d4b6e;
	font-size: 24px;
	padding-left: 10px;
	background-color: transparent;
}

.pInput:focus {
    outline: none !important;
    border:0px solid red;

}


.buscarBt{
	width: 100%;
	line-height: 43px;
	padding: 5px;
	/* border: 0px solid black; */
	background-color: #1668af;
	border-radius: 0px 3px 3px 0px;
	height: auto;
	overflow-y: hidden;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	height: 53px;
	display: inline-block;
	/* padding-left: 29px; */
}

.buscarBt:hover{
	background-color: #1d4b6e;
}

#opciones{
	
background-color: white;
	
padding: 10px;
	
border-radius: 3px;
	
margin-top: 10px;
	
color: black;
}

.logoCont{
	width: 70px;
	height: 70px;
	/* border: 1px solid #f1f1f1; */
	float: left;
	margin-right: 15px;
}

.midPrev{
	background-color: #f3f3f3;
	height: 40px;
	padding: 10px;
	overflow: hidden;
}

.midPrevSug{
	background-color: #0000004a;
	height: 40px;
	padding: 10px;
	overflow: hidden;
	margin-top: 105px !important;
	margin-bottom: 10px;
	text-align: le !important;
	width: 100%;
	padding-left: 15px !important;
}



.logoInt{
	/* padding: 5px; */
	/* width: 100%; */
	height: 50px;
}

.picInt{
	padding: 5px;
	width: 100%;
	height: 100%;
}


.collapse{
	padding-left: 0px;
	padding-right: 0px;
}

.tipoText{
	
float: left;
	
line-height: 39px;
	
color: #1d4b6e;
}


.tipoTextPrev{
	
float: left;
	
line-height: 23px;
	
color: #1d4b6e;
	
font-size: 17px;
	
font-weight: bold;
}

.tipoTextSug{
/* float: left; */
line-height: 23px;
color: #fff;
font-size: 20px;
font-weight: normal !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.38), 0 -1px 0px rgba(0,0,0,0.02);
padding-right: 15px;
}

.inputCont{
	width: 100%;
	text-align: center;
	float: left;
	padding: 12px;
	background-color: white;
	border-right: 1px solid #dadada;
	min-height: 53px;
	height: 53px;
	cursor: pointer;
	margin-bottom: 10px;
}



.tipoCont{
	width: 100%;
	text-align: center;
	float: left;
	padding: 12px;
	background-color: #ffffff;
	border-right: 1px solid #e8e8e8;
	min-height: 53px;
	height: 53px;
	padding-top: 10px;
	cursor: pointer;
}

.origenCont{
	width: 100%;
	text-align: center;
	float: left;
	/* padding: 12px; */
	background-color: #ffffff;
	/* border-right: 1px solid #e8e8e8; */
	/* min-height: 53px; */
	/* height: 53px; */
	/* padding-top: 10px; */
	cursor: pointer;
	padding-bottom: 10px;
}


.tabla_txt {
    border: 1px solid #E6E6E6;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #747474;
    padding-right: 10px;
}

.tabla_txt td{
	padding-right: 10px;
	padding-left: 10px;
}

.hrC{
	width: 100%;
	border-bottom: 1px dotted #000;
	float: left;
}
.iOrigenCont{
	
border-radius: 3px 0px 0px 3px;
}

.tiposCont{
	/* min-width: 356px; */
	max-width: 470px;
	overflow-x: hidden;
}

.origenCont{
	/* min-width: 360px; */
	max-width: 370px;
}

.icoCont{
	width: 30px;
	float: left;
}


.icoContD{
	width: 30px;
	float: right;
}

.inputContPub{
	width: 100%;
	text-align: center;
	float: left;
	/* padding: 12px; */
	background-color: white;
	border-right: 0px solid #dadada;
	/* min-height: 53px; */
	/* height: 53px; */
	cursor: pointer;
	margin-bottom: 5px;
	font-size: 18px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
}

.icoOferta{
	height: 150px;
	float: left;
	width: 150px;
}

.icoList{
	height: 90px;
	float: left;
	width: 90px;
}


.icoTipo{
	height: 150px;
	float: left;
	width: 150px;
	border-radius: 3px;
	border: 1px solid #dedede;
	cursor: pointer;
	margin-right: 15px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.15);
}

.logoOferta{
	width: 100%;
	float: 	left;
	/* height: 50px; */
	border: 0px solid black;
	border-style: none;
	overflow-y: hidden;
	min-height: 50px;
}

.separador{
	
float: left;
	
color: #c3c3c3;
	
font-size: 9px;
	
line-height: 17px;
}

.caracText{
	float: 	left;
	margin-right: 5px;
}

.module{
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 5px;
	/* border-top: 1px solid #e0e0e0; */
	padding-left: 20px;
	padding-right: 20px;
	height: auto;
	border-radius: 3px;
	overflow-y: hidden;
	/* border-bottom: 1px solid #d0d0d0; */
}

.sliders{
	
/* padding-left: 20px; */
	
/* padding-right: 20px; */
}
/*

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    color: #000000;
    font-size:14px;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(/img/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(/img/check_radio_sheet.png) -19px top no-repeat;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color: #000000;
    font-size:14px;
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(/img/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(/img/check_radio_sheet.png) -57px top no-repeat;
}
*/

.listMenu {
	list-style-type: none;
}
.listMenu li{
		text-decoration: none;
}

.imgTipo{
	text-align: center;
}


.precioBase{
	font-size: 14px;
	color: grey;
	text-align: right;

}

.titMsg{
	float: left;
	width: 100%;
	/* display: -webkit-box; */
	font-size: 12px;
	height: auto;
	overflow-y: hidden;
	line-height: 20px;
	padding-top: 7px;
	color: #696969;
}

.txtMsg{
	float: left;
	width: 100%;
	font-size: 17px;
	height: auto;
	overflow-y: hidden;
	line-height: 20px;
	padding-top: 0px;
	color: #484848;
}

.precioOferta{
	font-size: 19px;
	font-weight: bold;
	text-align: right;
	color: #000000;
	/* margin-right: 10px; */
}

.avisoOferta{
	font-size: 10px;
	text-align: right;
	/* margin-right: 10px; */
	color: #989898;
}


.precioOfertaPrev{
	font-size: 19px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	/* margin-right: 10px; */
}

.avisoOfertaPrev{
	font-size: 9px;
	text-align: left;
	/* margin-right: 10px; */
}


.avisoTransportista{
	font-size: 12px;
	/* padding-left: 20px; */
	margin-bottom: 20px;
	/* margin-top: 50px; */
	/* position: relative; */
	margin-top: 39px;
	text-align: center;
}

.avisoDescOfertas{
	
font-size: 11px;
	
/* width: 100%; */
	
float: left;
	
margin: 20px;
	
color: #545454;
}

.descuento{
	font-size: 12px;
	color: red;
	text-align: right;
	font-weight: bold
}
.carac{
	margin-right: 8px;
	font-size: 12px;
	color: #7d7d7d;
	float: left;
	/* font-weight: bold; */
	line-height: 15px;
	margin-top: 5px;
	/* max-height: 100px; */
}
#ofertas{
	margin-bottom: 40px;
	overflow-y: auto;
	height: auto;
	margin-top: 20px;
}

.todas{
	margin: 0px auto;
	width: 213px;
	text-align: center;
	padding-bottom: 20px;
}

/* Info Portada */

.infoP{
	height: auto;
	margin-bottom: 20px;
}

.infoCont{padding: 22px;border-radius: 3px;border: 1px solid #e0e0e0;min-height: 310px;}

.icoVentajas{
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
}

.txtVentajas{text-align: CENTER;font-size: 18px;font-weight: bold;color: #ffffff;}

.descVentajas{
	
font-size: 14px;
	
text-align: center;
	
margin-top: 10px;
	
color: #ffffff;
	
padding-left: 20px;
	
padding-right: 20px;
	
line-height: 20px;
}

#infoPortal{
	margin-bottom: 50px;
}


.footerHome{
	color: #fff;
	height: 140px;
	background-color: #2f2f2f;
	text-align: center;
	padding-top: 20px;
	/* background: url(/img/rombosamarillos.png); */
}

.subfooterHome{
	height: 119px;
	background-color: #ffd00e;
	text-align: center;
	padding-top: 20px;
	background: url('/img/rombosamarillos.png');
}

.ulFooter{
	list-style-type: none;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
}

.ulFooter li{
	
font-size: 12px;
	
color: #d4d4d4;
}




/*  BACKGROUND COLORS ------------------------------------ */

.error{
	display: none;
}

.errorInput{
	background-color: rgb(255, 145, 145);
}

.bg_ok{
	background-color: #319831;
	color: white;
	padding: 5px;
}

.bg_error{
	background-color: #bf3e3e;
	color: white;
}

.bg_warn{
	background-color: #FFCC00;
	color: white;
}

.bg_info{
	background-color: gainsboro;
	color: white;
}

.closeGrowl{
	position: absolute;
	/* float: right; */
	width: 15px;
	height: 15px;
	right: 10px;
	cursor: pointer;
	z-index: 10000;
	margin-right: 10px;
	line-height: 32px;
	text-align: right;
	top: -6px;
}

.qtipErrSign{
	position: inherit;
	white-space: normal;
	line-height: 16px;
}
.qtipbaseBt {
	max-width: 200px;
	min-width: 0px;
}



#qtip-growl-container{
    position: fixed;
    top: 15px;
    right: 10px;
    z-index: 1000;
    text-align: center;
}
    #qtip-growl-container .qtip{
        position: static;
        min-height: 0;
        overflow: hidden;
        margin: 0 0 5px 0;
        /* border-radius: 5px; */
    }

    .qtip-context{
      color: #fff;
    }

   .qtipErrSign{
  /* position: relative; */
  white-space: normal;
  line-height: 16px;
  height: auto;
  overflow-y: hidden;
}


.resOrigen, .resDestino{
	
background-color: white;
	
height: auto;
	
overflow-y: hidden;
	
position: relative;
	
color: black;
	
width: 95%;
	
border-radius: 0px 0px 3px 3px;
	
margin: 2px auto;
	
top: 2px;
}

.placeResUl{
	 list-style-type: none;
	 /* border-bottom: 1px solid black; */
	 padding-left: 0px;
}
.placeResUl img{
	width: 15px;
	margin-right: 6px;
}
.placeResUl li{
	padding: 5px;
	padding-left: 30px;
	cursor: pointer;
}


.placeResUl li:hover{
	background-color: #cecece;
}


.munResTxt{
	font-size: 14px;
	float: left;
	margin-right: 10px;
}

.estResTxt{
	font-size: 11px;
	line-height: 23px;
	color: grey;
}

.selOrigen{
	background-color: #237b34;
	color: white;
}

.selTipo{
	background-color: #237b34;
    color: white;
}

.selDestino{
	background-color: #e4e4e4;	
}

#ubica{
	height: 296px;
	width: 100;
	/* margin-top: 20px; */
	border: 1px solid #c1c1c1;
}

.tipoIco{
	width: 70px;
	height: 70px;
	border-radius: 4px;
	border: 1px solid grey;
	float: left;
	background: white;
	margin: 10px;
}

.tipoHomeImg{
	padding: 10px;
}

.minitipoIco{
	color: #4a4a4a;
	text-align: left;
	margin-top: -2px;
}

.minitipoHomeImg{
	width: 45px;
	/* color: black; */
	margin-right: 10px;
	float: left;
}


/*------------- BUSQUEDAS CSS -------------------*/

.itemBusqueda{
	padding: 10px;
	/* height: 200px; */
	background-color: white;
	margin-bottom: 20px;
	border-radius: 3px;
	/* border: 1px solid #dedede; */
	box-shadow: 0 2px 4px rgba(0,0,0,0.2),0 -1px 0px rgba(0,0,0,0.02);
}

.itemsBack{
	margin-top: 20px;
}

.leftFilters{
	height: 700px;
	/* background-color: #ececec; */
	min-height: 100px;
	border-radius: 3px;
}



.rightResults{


}

.labelFilter{
	width: 100%;
	float: left;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.hrFilter{
	width: 100%;
	border-bottom: 1px solid gainsboro;
	float: left;
}




.preciosBack{
	background-color: #101010;
	color: white;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .9) 7%,rgba(0, 0, 0, 0.34) 119%), url(/img/info1.jpg) repeat;
	background-size: cover;
	background-position: 0px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.38),0 -1px 0px rgba(0,0,0,0.02);
	padding-bottom: 30px;
}

.inteligenciaBack{
	background-color: #101010;
	color: white;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .9) 7%,rgba(0, 0, 0, 0.34) 119%), url(/img/info2.jpg) repeat;
	background-size: cover;
	background-position: 0px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.38),0 -1px 0px rgba(0,0,0,0.02);
	padding-bottom: 30px;
}

.gestionBack{
	background-color: #101010;
	color: white;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .9) 12%,rgba(0, 0, 0, 0) 135%), url(/img/info3.jpg) repeat;
	background-size: cover;
	background-position: 0px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 -1px 0px rgba(0,0,0,0.02);
	padding-bottom: 30px;
}

.herramBack{
	background-color: #101010;
	color: white;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .9) 7%,rgba(0, 0, 0, 0.34) 119%), url(/img/info4.jpg) repeat;
	background-size: cover;
	background-position: 0px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.38),0 -1px 0px rgba(0,0,0,0.02);
	padding-bottom: 30px;
}


/*  LOGIN ----------------------------------------------------------------- */

.modalLogin{
	width: 342px;
	height: auto;
	padding-bottom: 60px;
	border-radius: 3px 3px 0px 0px;
	overflow-y: hidden;
}

.closeModal{
	float: right;
	cursor: pointer;
	margin-right: 10px;
}

.inputAll{
	width: 100%;
	float;
	/* box-shadow: 0 2px 4px rgba(0,0,0,0.2),0 -1px 0px rgba(0,0,0,0.02); */
	height: auto;
	overflow-y: hidden;
	border-radius: 4px;
	border: 1px solid  #e2e2e2;
}


.footerLogin{
	background-color: #e8e8e8;
	height: 40px;
	position: absolute;
	bottom: 0;
	color: white;
	line-height: 43px;
	width: 100%;
	/* margin-left: -5px; */
	border-radius: 0px 0px 1px 1px;
	text-align: center;
	font-size: 12px;
	color: #717171;
}


.inputIco{
	float: left;
	width: 20%;
	background-color: #262d37;
	height: 34px;
	/* border-radius: 3px 0px 0px 3px; */
	text-align: center;
	overflow-y: hidden;
	color: #fff;
}

.icoEmail{
	 position:relative;
	 top: calc(50% - 12px); /* 50% - 3/4 of icon height */
	 width: 16px;
}
.icoPassword{
	position:relative;
	top: calc(50% - 12px); /* 50% - 3/4 of icon height */
	width: 16px;
}

.inputDiv{
	float: left;
	width: 80%;
	line-height: 30px;
	height: auto;
	overflow-y: hidden;
}

.inputEl{
	width: 100%;
	overflow-x: hidden;
	border: 0px solid;
	padding-left: 10px;
	line-height: 32px;
	font-size: 14px;
	color: #515151;
}

.center{
	text-align: center !important;
}

.inputEl:focus{
	border:	0px solid;
	background-color: #e6e6e6;
	outline: none;
}

.gaptop{
	margin-top: 10px !important;
}
.gapbot{
	margin-bottom: 10px !important;
}
.gaptop2{
	margin-top: 20px;
}

.gapbot3{
	margin-bottom:30px !important;
}

.gapbot4{
	margin-bottom: 40px !important;
}
.gapbot2{
	margin-bottom: 20px;
}

/*------------------------------------------------------------------------*/


.socialBt{
	height: 30px;
	display: inline;
	cursor: pointer;
	float: left;
	/* width: 50%; */
	height: auto;
	overflow-y: hidden;
}

.faceBt{
	background-color: #3b5998;
	border-radius: 3px;
	padding: 5px;
	margin-right: 10px;
	margin-left: 15px;
}

.gPlusBt{
	/* background-color: #db4437; */
	border-radius: 3px;
	padding: 5px;
	margin-left: 10px;
	margin-right: 15px;
}

.socialText{
	line-height: 30px;
	display: inline;
	color: white;
	margin-left: 5px;
}


/*-----------------------------SEP TEXTO-------------------------------------------*/
.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 30px;
    height: 20px;
}

.strike > span {
    position: relative;
    display: inline-block;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #d4d4d4;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}


/*-----------------------------  Publicación	 -------------------------------------------*/

.tituloPub{
	font-size: 18px;
	font-weight: bold;
	color: #5a5a5a;
}

.tituloSec{
	font-size: 26px;
	font-weight: bold;
	color: #545454;
	text-align: center;
}

.disponiblePub{
	font-size: 15px;
	color: 	grey;
	float: right;
}

.pub_mainT{
	font-size: 33px;

}

.preciosDiv{padding: 14px;height: auto;/* background-color: #F3F4F8; */margin-bottom: 20px;border-radius: 3px;/* border: 1px solid #dedede; *//* box-shadow: 1px 1px 5px #88888838; *//* border-bottom: 1px solid #e6e6e6; */}


.greyBack{
	background-color: #ffffff;
}

.readMsg0{
	color: #7d7d7d;
}
.readMsg1{
	color: #000000;
}
.msgPad{
	padding: 12px;
}
.msgTitle{
	font-size: 16px;
	font-weight: bold;
}

.dateTxt{
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

.archiveBtn{
	position: relative;
	padding: 0px 10px;
	margin: 0px 5px;
	float: right;
	border-radius: 3px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	width: auto;
	/* margin-bottom: 10px; */
	line-height: 20px;
	font-weight: normal;
}

.descTxt{
	font-weight: normal;
}

.pub_baseTxt{
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	color: #7d7d7d;
}

.loadConta{
	background-color: #1d4b6e;
	padding: 10px;
	border-radius: 3px;
	width: 100px;
	margin: 20px auto !important;
}

.pub_totalTxt{
	font-size: 24px;
	font-weight: bold;
	text-align: right;
	color: #061b0a;
}

.pub_totalTxt2{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	color: #061b0a;
}

.pub_descTxt{
	text-align: right;
	width: auto;
	float: right;
	background-color: #b50000;
	border-radius: 5px 0px 0px 5px;
	margin-right: -14px;
	color: white;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
	line-height: 27px;
}
.adicionalRow{
width: 100%;
float: left;
}

.adicionalDesc{
	float: 	left;
	width: 170px;
	padding-right: 20px;
	line-height: 12px;
	/* background-color: #ffffff; */
	height: auto;
	/* padding: 6px; */
	border-radius: 3px 0px 0px 3px;
	padding-left: 10px;
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 22px;
}

.adicionalCosto{
	float: 	left;
}

.btAgregar{
	float: left;
	width: auto;
	line-height: 12px;
	padding: 6px;
	background-color: #2a6da7;
	border-radius: 3px;
	height: auto;
	overflow-y: hidden;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	color: white;
	padding-left: 15px;
	padding-right: 15px;
	color: white;
	font-size: 13px;
}

.contratadoTxt{float: right;font-size: 13px;color: #313131;line-height: 25px;width: auto;text-align: right;}
.contratadoIco{
	
float: left;
	
margin-right: 5px;
	
margin-top: 4px;
	
/* color: #000; */
}

.incluido{
	font-size: 11px;
	background-color: #2e9842;
	border-radius: 	3px;
	float: right;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	line-height: 18px;
	margin-top: 4px;
}

.adicional{
	font-size: 13px;
	background-color: #FFD51D;
	border-radius: 	3px;
	float: right;
	padding: 1px;
	color: #212121;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	line-height: 18px;
	margin-top: 4px;
}

.preguntasCont{
	background-color: #fff;
	padding: 20px;
	border-radius: 3px;
}

.msgTs{
	font-size: 10px;
	/* float: left; */
	color: grey;
	padding-left: 30px;
}

.preguntaDiv{width: 100%;background-color: #f3f3f3;padding: 5px;}

.RespuestaDiv{width: 100%;border-radius: 3px;}

.preguntaArea{
	width: 100%;
	padding: 10px;
}

.btAction{
	float: 	right;
	width: auto;
	/* line-height: 12px; */
	padding: 6px;
	background-color: #2e9842;
	border-radius: 3px;
	height: auto;
	overflow-y: hidden;
	text-align: center;
	font-size: 21px;
	cursor: pointer;
	color: white;
	padding-left: 15px;
	padding-right: 15px;
	color: white;
	font-size: 22px;
}


.btAction:hover{
	background-color: green;
}

.avisoTruck{
	font-size: 11px;
	color: 	grey;
	text-align:;
}

.quitar{
	float: 	left	;

}
.contratadoClose{
	margin-top: -3px;
}

.btQuitar{
	float: 	right;
	width: auto;
	background-color: #a2a1a2;
	border-radius: 3px;
	height: auto;
	overflow-y: hidden;
	text-align: center;
	cursor: pointer;
	padding-left: 7px;
	padding-right: 7px;
	color: white;
	font-size: 13px;
	margin-left: 5px;
	margin-top: 4px;
	line-height: 18px;
}

.costoBtxt{
	float: 	left;
	color: #545454;
	font-weight: bold;
	font-size: 21px;
}




/* spinners */

.lowercase{
	text-transform: lowercase;
}
.uppercase{
	text-transform: uppercase;
}

.sk-circle {
  margin: 3px;
  width: 20px;
  height: 20px;
  position: relative;
  float: left;
  }
  .sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    /* left: 0; */
    /* top: 0; */
    color: #bdbdbd;
    content: '';
    }
  .sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 10%;
    height: 10%;
    background-color: #a2a2a2;
    border-radius: 2px;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    }
  .sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg); }
  .sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
            transform: rotate(60deg); }
  .sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
            transform: rotate(120deg); }
  .sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
            transform: rotate(150deg); }
  .sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
            transform: rotate(210deg); }
  .sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
            transform: rotate(240deg); }
  .sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
  .sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
            transform: rotate(300deg); }
  .sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
            transform: rotate(330deg); }
  .sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
  .sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s; }
  .sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }
  .sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s; }
  .sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s; }
  .sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.sk-wave {
  text-align: center;
  }
  .sk-wave .sk-rect {
    background-color: #fff;
    width: 18px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1s infinite ease-in-out;
    height: 11px;
    margin-right: 2px;
    vertical-align: middle;
    }
  .sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
    }
  .sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
    .sk-wave .sk-rect6 {
    -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s; }
@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }
@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }    



        .btDis{
        	background-color: #204e71;
        	cursor: pointer;
        	pointer-events: none;
        }    



 #alertLogin{
width: 100%;
float: left;
/* padding: 15px; */
}

 .alCont{
 	padding: 5px;
 }       

 .userOpt{
 	list-style-type: none;
 	margin: 5px;
 	/* padding: 10px; */
 	line-height: 23px;
 	padding-top: 5px;
 	/* padding-bottom: 5px; */
 	padding-left: 5px;
 	padding-right: 5px;
 	font-size: 15px;
 }

 .userOpt li{padding: 2px;border-radius: 3px;padding-left: 10px;padding-right: 10px;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;/* border-bottom: 1px solid grey; */}

 .userOpt li:hover{
 		
background-color: #2f83cc;
 		
color: white;
 }

 .userOpt .sub{
 	margin-left: 10px;
 	font-size: 13px;
 	color: #696969;
 }

 .userOpt .mainM{
 	color: #696969;
 	font-size: 14px;
 	font-weight: bold;
 }
.userMenu{
	text-align: center;
	font-size: 13px;
	margin-bottom: 10px;
	color: #888888;
}

.cerrarMenu{
	background-color: #e0e0e0;
}

 .nonSel{
 	 -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }

 .activeMenu{
 	background-color: #2f83cc;
 	border-radius: 3px;
 }


 /* CSS ACHECK ANIM  */

.checkCont{
	/* width: 20px; */
	/* height: 20px; */
	float: left;
	margin-right: 8px;
}

 .checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 6px;
  stroke-miterlimit: 10;
  stroke: #2e9842;
  /* fill: #2e9842; */
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}



.checkmark {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
  stroke-width: 6px;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #2e9842;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #2e9842;
  }
}


.hex {
  cursor: pointer;
  fill-opacity: 0.4;
  stroke: #000;
  stroke-width: 1;
}

#color-fill .hex {
  fill: #ffff00;
}



.opt{
	padding: 10px;
	overflow-y: hidden;
	padding-top: 0px;
	/* padding-right: 0px; */
	padding-left: 5px;
	padding-right: 5px;
}

.imgUnidadesList{
	width: 50px;
	height: 50px;
	margin-right: 10px;
}


.span{
	font-size: 14px;
}

.btPublicar{
	
width: 300px;
	
/* line-height: 12px; */
	
padding: 10px;
	
background-color: #2e9842;
	
border-radius: 3px;
	
height: auto;
	
overflow-y: hidden;
	
text-align: center;
	
font-size: 21px;
	
cursor: pointer;
	
color: white;
	
padding-left: 15px;
	
padding-right: 15px;
	
/* color: white; */
	
font-size: 16px;
	
margin: 0px auto;
}


.btPublicar:hover{
	background-color: green;


}


.pub_descuento{
	text-align: right;
	/* width: auto; */
	float: right;
	background-color: #2e9842;
	border-radius: 5px 0px 0px 5px;
	/* margin-right: -26px; */
	color: white;
	padding-right: 10px;
	padding-left: 20px;
	line-height: 30px;
	font-size: 17px;
	margin-bottom: 5px;
	min-height: 30px;
	margin-right: -25px;
}

.pub_descuento_pub{
	text-align: right;
	/* width: auto; */
	float: right;
	background-color: #2e9842;
	border-radius: 5px 0px 0px 5px;
	margin-right: -14px;
	color: white;
	padding-right: 10px;
	padding-left: 20px;
	text-align: center;
	line-height: 30px;
	font-size: 17px;
	margin-bottom: 10px;
	min-height: 30px;
}

.pub_descuento_prev{
	text-align: right;
	/* width: auto; */
	float: right;
	background-color: #2e9842;
	border-radius: 5px 0px 0px 5px;
	margin-right: 0px;
	color: white;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	margin-bottom: 10px;
	/* min-height: 30px; */
}

.pub_empty{
	/* min-height: 30px; */
	width: auto;
	float: right;
	/* background-color: #2e9842; */
	border-radius: 5px 0px 0px 5px;
	margin-right: -25px;
	color: white;
	padding-right: 10px;
	padding-left: 20px;
	text-align: center;
	line-height: 27px;
	font-size: 14px;
	margin-bottom: 5px;
	}

.labelText{
	font-size: 11px;
	margin-bottom: 5px;
	padding-left: 10px;
}


.validaHasta{
	
font-size: 11px;
	
color: grey;
	
text-align: right;
}

.msgSecc{
	width: 400px;
	margin : 0 auto;

}

.validaHastaPub2{
	
font-size: 11px;
	
color: grey;
	
text-align: center;
}


.midInfoPub{
	height: 133px;
}

db{
	color: #404040;
	font-weight: bold;
	font-size: 12px;
	padding-right: 5px;
	margin-left: 2px;
}

.masInfoRuta{
	/* float: left; */
	cursor: pointer;
	font-size: 13px;
	/* margin: 10px; */
	color: #737373 !important;
	margin-top: 7px;
	/* position: absolute; */
}

.masInfoRuta:hover{
	color: #7d7b7b !important;
}


.filtros{
	background-color: #f3f4f8;
	overflow-y: hidden;
	height: auto;
	margin-bottom: 15px;
	margin-top: 5px;
	/* padding: 5px; */
	/* padding-right: 20px; */
	/* padding: 5px; */
}

.filtro{
	float: right;
	text-align: center;
	padding-left: 20px;
	padding-right: 10px;
	/* margin-right: 5px; */
	color: #505050;
}

.titCat{
	
text-align: left;
	
padding: 8px;
	
font-weight: bold;
	
font-size: 15px;
	
/* background-color: #ececec; */
	
border-radius: 3px;
}

.fechaTipo{float: left;margin: 2px;border: 1px solid #cccccc;/* padding: 5px; */border-radius: 5px;box-shadow: 0 2px 4px rgba(0, 0, 0, .2),0 3px 0px rgba(0,0,0,0.02);padding-top: 0px;/* padding-left: 6px; *//* padding-right: 5px; */cursor: pointer;text-align: center;}

.fechaTipo:hover{
	background-color: #e2e2e2;
}

.fechasCont{
	width: 385px;
}





.topTipo{
	/* height: 4px; */
	background-color: #2e9842;
	/* margin-bottom: 5px; */
	border-radius: 4px 4px 0px 0px;
}

.topTipoDisabled{
	height: 4px;
	background-color: #2e9842;
	margin-bottom: 5px;
	border-radius: 4px 4px 0px 0px;
}

.selDay{
	background-color: #237b34;
	color: white;
	/* text-shadow: 1PX 1PX #000; */
}

.checkContPub{
	width: 100%;
	text-align: center;
	float: left;
	margin-bottom: 3px;
}





#ubica{
	width:100%;
}

.icomore{
	width: 9px;
	margin-top: -1px;
}


.rotate{
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.rotateDown{
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

.rightColPub{
}


.divisorR{
	color: #2e9842;
	float: left;
	margin-right: 6px;
	font-weight: bold;
	line-height: 22px;
}

.contHeaderHome{
	float: left;
	/* width: 100%; */
	color: #1d4b6e;
	/* font-weight: bold; */
	/* margin-right: 25px; */
	/* margin-left: 15px; */
	font-size: 19px;
}


.contHeaderPrev{
	float: left;
	/* width: 100%; */
	color: #1d4b6e;
	/* font-weight: bold; */
	margin-right: 20px;
	/* margin-left: 15px; */
	font-size: 18px;
}


.contHeaderPrevD{
	float: right;
	width: 100%;
	color: #1d4b6e;
	/* font-weight: bold; */
	margin-right: 0px;
	/* margin-left: 15px; */
	font-size: 18px;
	text-align: right;
}


.rep{
	padding-left: 10px;
	text-align: left;
}

.stars-container {
  color: transparent;
  display: inline-block;
  position: absolute;
  margin-top: -10px;
}

.stars-container:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: lightgray;
}

.stars-container:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: gold;
  overflow: hidden;
}

.stars-0:after { width: 0%; }
.stars-10:after { width: 10%; }
.stars-20:after { width: 20%; }
.stars-30:after { width: 30%; }
.stars-40:after { width: 40%; }
.stars-50:after { width: 50%; }
.stars-60:after { width: 60%; }
.stars-70:after { width: 70%; }
.stars-80:after { width: 80%; }
.stars-90:after { width: 90%; }
.stars-100:after { width: 100; }

.left{float:left;}

.taleft{
	text-align: left;
}

.caracCont{
	/* max-height: 40px; */
	/* overflow-y: hidden; */
	/* height: auto; */
}

.pubTit{
	font-size: 18px;
	color: #1d4b6e;
	word-wrap: inherit;
	white-space: pre;
}

.tipoT{
	float: left;
	position: absolute;
	margin-top: -65px;
	/* left: 409px; */
	font-size: 32px;
	width: 202px;
	margin-left: 326px;
	color: white;
}


.pubHeader{
	
height: auto;
	
background-color: white;
	
margin-bottom: 10px;
	
padding: 10px;
	
overflow-y: hidden;
	
padding-bottom: 5px;
}

.selectRes{
	float: right;
	width: 200px;
	font-size: 13px;
	margin-top: 2px;
}



/* REGISTRO */
.userTipo{
	background-color: #383838;
	padding: 10px;
	/* border-radius: 3px; */
	height: auto;
	overflow-y: hidden;
	margin-bottom: 0px;
}

.selectedTipo{
	background-color: #2e9842;
}

.btTipo{
			position: relative;
			padding: 7px 20px;
			/* float: left; */
			border-radius: 3px;
			font-size: 16px;
			color: #FFF;
			text-decoration: none;
			cursor: pointer;
			text-align: center;
			/* width: auto; */
			/* margin-bottom: 10px; */
			font-weight: normal;
			/* background-color: #366aa3; */
			line-height: 18px;
}

.btTipo:hover{
	background-color: #505050;
}

.selHome{

	outline: none;
    outline-width: 0;
    border-bottom: 2px solid #39c;
    background-color: #e8e8e8;
}

.itemFilter{
	cursor: pointer;
}

.itemFilter:hover{
	color: #2f83cc;
}


.filter{background-color: #3d6c94;display: -webkit-inline-box;color: white;font-size: 14px;padding: 5px;border-radius: 3px;width: 100%;padding-left: 10px;margin-bottom: 5px;}

.delFilter{
	
margin-right: 10px;
	
background-color: #5b97cc;
	
padding-right: 5px;
	
padding-left: 5px;
	
border-radius: 3px;
	
line-height: 18px;
	
cursor: pointer;
	
/* font-weight: bold; */
}

.delFilter:hover{
	background-color: #1d4b6e;
}
.subS{
	 background-image: url('/img/menos.png');
	 height: 26px;
	 width: 26px;
	 float: left;
	 cursor: pointer;
	 margin-top: -2px;
}
.subS:hover{
	 background-position: -24px 0px
}

.addS{
	 background-image: url('/img/mas.png') ;

	 height: 26px;
	 width: 26px;
	 /* padding-left: 5px; */
	 float: left;
	 cursor: pointer;
	 margin-top: -2px;
}
.addS:hover{
	 background-position: -24px 0px 
}

/* PUBLICACION */ 

.logo_pub{
	width: 150px;
	/* float: 	left; */
	margin-right: 10px;
	margin-top: 20px;
}



	.caracsT {
		width:100%;
		border-collapse:collapse;
		padding:5px;
		font-size: 14px;
		/* table-layout: fixed; */
		line-height: 16px;
		margin-top: 10px;
	}
	.caracsT tr{
		border-bottom: 1px dotted #e0e0e0;
		border-radius: 10px;
	}
	.caracsT th {
		border:1px solid #C0C0C0;
		padding:5px;
		background:#F0F0F0;
	}
	.caracsT td {
		padding: 5px 1px 5px 10px;
		border-top: 1px dotted #e2e2e2;
		line-height: 18px;
	}

	 .caracsT tr:first-child  {
        /* border-top: 1px dotted #d2d2d2; */
    }

	.tDef{
		/* background-color: #ebedf3; */
		text-align: left;
		padding-left: 10px !important;
		color: #545454;
		width: 35%;
	}

	.tDesc{
		padding-left: 10px !important;
	}

	/* Variacvión para simulacion en unidad */

	.tDefUn{
		/* background-color: #ebedf3; */
		text-align: right;
		padding-left: 10px !important;
		color: #545454;
		width: 57%;
	}

	.tDescUn{
		padding-right: 10px !important;
		text-align: right !important;
	}

tbody{
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

table {
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}


.fechasContPub{
	float: right;
	margin-top: 2px;
}

.fechaTipoPub{float: left;margin: 2px;border: 1px solid #cccccc;/* padding: 5px; */border-radius: 3px;/* box-shadow: 0 2px 4px rgba(0, 0, 0, .2),0 3px 0px rgba(0,0,0,0.02); */padding-top: 0px;text-align: center;}

.validaHastaPub{
	
font-size: 11px;
	
color: #545454;
	
text-align: right;
}

.numDiaPub{
	padding-left: 5px;
	padding-right: 5px;
	float: left;
}

.contMesPub{
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 22px;
	padding: 5px;
	height: auto;
	overflow-y: hidden;
	display: inline-flex;
	background-color: #fff;
	/* border: 1px solid #c5c5c5; */
}

.numMesPub{
	padding-left: 5px;
	padding-right: 5px;
	float: left;
}

.descMesPub{float: left;padding-left: 5px;padding-right: 5px;text-align: center;width: 100%;}
.descAnoPub{float: left;padding-left: 5px;padding-right: 15px;}



.adicionalesPub{
	padding: 10px;
	/* background-color: white; */
	margin-bottom: 20px;
	border-bottom: 1px dotted #9a9a9a;
	color: #545454;
}


.selDayPub{
	background-color: #f3f4f8;
	color: #545454;
	/* text-shadow: 1PX 1PX #000; */
}

.topTipoPub{
	height: 4px;
	background-color: #2e9842;
	/* margin-bottom: 5px; */
	border-radius: 4px 4px 0px 0px;
}

.preguntasDiv {
    padding: 14px;
    height: auto;
    background-color: #f3f4f8;
    margin-bottom: 20px;
    border-radius: 3px;
    /* border: 1px solid #dedede; */
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02); */
}

.terminosDiv {
    padding: 14px;
    height: auto;
    background-color: #f3f4f8;
    margin-bottom: 20px;
    border-radius: 3px;
    /* border: 1px solid #dedede; */
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02); */
}

.finput {
    width: 100%;
    overflow-x: hidden;
    padding-left: 10px !important;
    line-height: 20px;
    /* box-shadow: 0px 0px 3px rgba(0,0,0,0.2), 0 6px 0px rgba(0,0,0,0.02); */
    border-bottom: 1px solid #b1b1b1;
    border-radius: 5px;
    color: #4f4f4f;
    background-color: #f3f3f7;
    font-weight: 400;
    padding: 5px;
    font-size: 16px;
}

.finputs {
    width: 100px;
    overflow-x: hidden;
    padding-left: 10px;
    line-height: 20px;
    /* box-shadow: 0px 0px 3px rgba(0,0,0,0.2), 0 6px 0px rgba(0,0,0,0.02); */
    border-bottom: 1px solid #dcdcdc;
    border-radius: 5px;
    color: #4f4f4f;
    background-color: #fff;
    font-weight: 400;
    padding: 5px;
    font-size: 14px;
}

.fdate {
    width: 86%;
    overflow-x: hidden;
    padding-left: 10px;
    line-height: 24px;
    /* box-shadow: 0px 0px 3px rgba(0,0,0,0.2), 0 6px 0px rgba(0,0,0,0.02); */
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    color: #353535;
    background-color: #fff;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 16px;
}

.finput:active{
}

.farea{
	width: 100%;
	overflow-x: hidden;
	border: 0px solid;
	padding-left: 10px;
	line-height: 28px;
	/* box-shadow: 0px 0px 3px rgba(0,0,0,0.2), 0 6px 0px rgba(0,0,0,0.02); */
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	color: #353535;
}

input:disabled{
	background-color: #f3f4f8 !important;
	color: #5f5f5f;
	-webkit-text-fill-color: #525252;
}

.finput:focus{
	outline: none;
	outline-width: 0;
	border-bottom: 2px solid #3b86d2;
	background-color: #f3f4f8;
	margin-top: -1px;
}


.timeinput {
    width: 100px;
    overflow-x: hidden;
    border: 0px solid;
    padding-left: 10px;
    line-height: 28px;
    /* box-shadow: 0px 0px 3px rgba(0,0,0,0.2), 0 6px 0px rgba(0,0,0,0.02); */
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    color: #353535;
    margin-bottom: 5px;
}




.servBox {
    float: left;
    width: 143px;
    line-height: 12px;
    padding: 6px;
    background-color: #2a6da7;
    border-radius: 3px;
    height: auto;
    overflow-y: hidden;
    text-align: center;
    font-size: 15px;
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
    font-size: 13px;
    margin-right: 5px;
}

.batchCont{
	margin-bottom: 25px;
	min-height: 200px;
	text-align: center;
}

.batchImg{
	text-align: center;
	margin: 20px auto;
}	

.batchText{
	/* max-width: 360px; */
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 14px;
	margin-top: 10px;
}

.acuerdosDiv{
	
font-size: 14px;
	
text-align: center;
	
margin-bottom: 10px;
	
float: none;
	
display: inline-block;
}

.gapright{
	 margin-right: 10px !important; 
}
.gapleft{
	 margin-left: 10px !important; 
}

.gapright2{
	 margin-right: 20px !important;
}
.gapleft2{
	 margin-left: 20px !important;
}
.gapleft3{
	 padding-left: 30px !important;
}

.btAct
{
	position: relative;
	padding: 3px 12px;
	margin: 0px auto;
	/* float: left; */
	border-radius: 4px;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	width: auto;
	/* margin-bottom: 10px; */
	line-height: 22px;
	font-weight: normal;
}


.btAcu
{
	
padding: 5px 20px;
	
margin: 0 auto;
	
border-radius: 3px;
	
font-size: 14px;
	
color: #FFF;
	
text-decoration: none;
	
cursor: pointer;
	
text-align: center;
	
line-height: 22px;
	
font-weight: normal;
	
margin-bottom: 10px;
	
display: -webkit-inline-box;
	
/* position: absolute; */
}


.btAct:active
{
	transform: translate(0px,5px);
	-webkit-transform: translate(0px,2px);
	border-bottom: 1px solid;
}

.blue:hover
{
	background-color: #1d4b6e;
}

.animate
{
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}

.bigBt{
	font-size: 22px;
}

.botsDiv{
	display: inline-block;
	text-align: center;
	margin-bottom: 10px;
	width: 100%;
	vertical-align: top;
	float: left;
}



.yellow
{
	background-color: #FFD51D;
	/* border-bottom: 2px solid #a28814; */
	/* border-right: 2px solid #a28814; */
	color: #131313;
}
.yellow:hover
{
	background-color: #dab61a;
}



/* MAPA SELECTOR */

 .ubica{
  width: 100%;
  height: 200px;
  margin-top: 10px;
  margin-bottom: 20px;
  z-index: 100;
}

.pac-input{
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
}



 #directions-panel {
      height: 100%;
      float: right;
      width: 390px;
      overflow: auto;
  }
.pac-container{
      background-color: #fff;
      position: relative;
      z-index: 100000;
      border-radius: 2px;
      border-top: 1px solid #d9d9d9;
      font-family: Arial,sans-serif;
      box-shadow: 0 2px 6px rgba(0,0,0,0.3);
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden;
}

.mapRow{
	width: 342px;
}

label{
	/* font-weight: bold; */
	/* width: 100%; */
	/* float: left; */
	font-size: 14px;
	width: 145px;
	padding-top: 3px;
}

.textMap{
	line-height: 21px;
}

.addrBox{
	background-color: #ffffff;
	padding: 5px;
	border-radius: 3px;
	font-size: 13px;
	color: #1d4b6e;
	border: 1px solid  #dcdcdc;
}

.imageBox{
	/* background-color: #f9f9f9; */
	padding: 5px;
	border-radius: 3px;
	font-size: 13px;
	color: #1d4b6e;
}

.deleteDetCont{
	width: 30px;
	float: left;

}

.mapCtrlDiv{
	background-color: #ffffff;
	height: auto;
	overflow-y: hidden;
	/* padding: 5px; */
	border-radius: 3px;
	/* padding-right: 10px; */
	/* border: 1px solid  #dcdcdc; */
	/* padding: 2px; */
}

.recInfo{
	background-color: #366aa3;
	text-align: center;
	padding: 10px;
	border-radius: 3px;
	color: white;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
	min-height: 170px;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

.recInfo:hover{
	background-color: #1d4b6e;
}

/* Timepicker  */ 

.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-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);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}



#customBtn, #customBtn2 {
      display: inline-block;
      background: white;
      color: #444;
      width: 100%;
      border-radius: 4px;
      border: thin solid #888;
      white-space: nowrap;
      background-color: #ffffff;
      border-bottom: 2px solid #808080;
      border-right: 2px solid #888888;
    }
    #customBtn:hover, #customBtn2:hover {
      cursor: pointer;
      background-color: #e8e8e8;
    }
    span.label {
      font-family: serif;
      font-weight: normal;
    }
    span.icon {
      background: url('/img/g-normal.png') transparent 5px 50% no-repeat;
      display: inline-block;
      vertical-align: middle;
      width: 42px;
      height: 42px;
    }
    span.buttonText {
      display: inline-block;
      vertical-align: middle;
      padding-left: 42px;
      padding-right: 42px;
      font-size: 14px;
      font-weight: bold;
      /* Use the Roboto font that is loaded in the <head> */
      font-family: 'Roboto', sans-serif;
    }
    


    .smallDesc{
    	font-size: 12px;
    	color: #ffffff;
    	text-align: center;
    	margin-top: 7px;
    	line-height: 13px;
    	font-weight: 100;
    }


    .smallLabel{
    	font-size: 12px;
    	color: #797979;
    	text-align: left;
    	/* margin-top: 7px; */
    	line-height: 13px;
    	/* font-weight: 100; */
    }



    .cuentaIco{
    	margin-bottom: 5px;
    	height: 32px;
    }

    .password-strength-bar{
    	color: #fff;

    }


    .centerCont{
    	background-color: #f1f1f1;
    	border-radius: 3px;
    	min-height: 360px;
    	margin-bottom: 20px;
    	padding: 20px;
    	margin-top: 20px;
    	text-align: center;
    }


    .icoMsg{
    	width: 16px;
    	/* height: 24px; */
    	margin-right: 10PX;
    }



    /* BUSCANDO */ 

    #buscandoDiv{
    	
text-align: center;
    	
background-color: #ffffff;
    	
min-height: 100px;
    	
/* margin: 100px; */
    	
/* padding: 41px; */
    	
border-radius: 3px;
    	
margin-bottom: 100px;
    }


    #enviandoDiv{
    	
text-align: center;
    	
min-height: 100px;
    	
/* margin: 100px; */
    	
/* padding: 41px; */
    	
border-radius: 3px;
    	
margin-bottom: 100px;
    	
margin-top: 100px;
    }



    .buscadorCont{background-color: #204e71;padding: 20px;border-radius: 3px;margin: 0px auto;max-width: 400px;}


    .actPrecioCont{background-color: #204e71;padding: 20px;border-radius: 3px;margin: 0px auto;}

.loaderGif{
	/* margin-right:  10px; */
}


    .buscadorText{
    	
color: #fff;
    }



a {
  color: #3977bb;
  text-decoration: none;
}

a:hover{
	color: #1d4b6e;
	text-decoration: underline;
}

section {
  /* used just to separate different styles */
  border-bottom: 1px solid #e6e6e6;
  /* padding: 4em 0; */
}
section h2 {
  width: 90%;
  margin: 0 auto 2em;
  color: #2c3f4c;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
@media only screen and (min-width: 1170px) {
  section {
    padding: 6em 0;
  }
  section h2 {
    margin: 0 auto 3em;
  }
}
/* -------------------------------- 

Basic Style

-------------------------------- */
.cd-breadcrumb, .cd-multi-steps {
  width: 90%;
  max-width: 768px;
  padding: 0.5em 1em;
  margin: 1em auto;
  background-color: #edeff0;
  border-radius: .25em;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #9a9a9a;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 12px;
  color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 1.6rem;
  }
}
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-multi-steps {
    /* reset style */
    background-color: transparent;
    padding: 0;
    text-align: center;
  }

  .cd-multi-steps li {
    position: relative;
    float: none;
    margin: 0.4em 40px 0.4em 0;
  }
  .cd-multi-steps li:last-of-type {
    margin-right: 0;
  }
  .cd-multi-steps li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    content: '';
    height: 4px;
    background: #9a9a9a;
    /* reset style */
    margin: 0;
  }
  .cd-multi-steps li.visited::after {
    background-color: #96c03d;
  }
  .cd-multi-steps li.current::after {
    background-color: #366aa3;
}
  .cd-multi-steps li > *, .cd-multi-steps li.current > * {
    position: relative;
    color: #2c3f4c;
  }

  .cd-multi-steps.custom-separator li::after {
    /* reset style */
    height: 4px;
    background: #edeff0;
  }

  .cd-multi-steps.text-center li::after {
    width: 100%;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%) translateX(-1px);
    -moz-transform: translateY(-50%) translateX(-1px);
    -ms-transform: translateY(-50%) translateX(-1px);
    -o-transform: translateY(-50%) translateX(-1px);
    transform: translateY(-50%) translateX(-1px);
  }
  .cd-multi-steps.text-center li > * {
    z-index: 1;
    padding: .6em 1em;
    border-radius: .25em;
    background-color: #edeff0;
  }
  .no-touch .cd-multi-steps.text-center a:hover {
    background-color: #2c3f4c;
  }
  .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
    color: #ffffff;
    background-color: #96c03d;
  }
  .cd-multi-steps.text-center.custom-icons li.visited a::before {
    /* change the custom icon for the visited item - check icon */
    background-position: 0 -60px;
  }

  .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
    width: 60px;
    text-align: center;
  }
  .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    left: 50%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
  }
  .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #9a9a9a;
  }
  .cd-multi-steps.text-top li.visited > *::before,
 .cd-multi-steps.text-bottom li.visited > *::before,
  .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #96c03d;
  }

  .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #366aa3;
  }


  .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
    color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
    box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
  }

  .cd-multi-steps.text-top li::after {
    /* this is the line connecting 2 adjacent items */
    bottom: 4px;
  }
  .cd-multi-steps.text-top li > * {
    padding-bottom: 20px;
  }
  .cd-multi-steps.text-top li > *::before {
    /* this is the spot indicator */
    bottom: 0;
  }

  .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    top: 3px;
  }
  .cd-multi-steps.text-bottom li > * {
    padding-top: 20px;
  }
  .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    top: 0;
  }
}
/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li {
  counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
  content: counter(steps) " - ";
}

@media only screen and (min-width: 768px) {
  .cd-multi-steps.text-top.count li > *::before,
  .cd-multi-steps.text-bottom.count li > *::before {
    /* this is the spot indicator */
    content: counter(steps);
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #ffffff;
  }

  .cd-multi-steps.text-top.count li:not(.current) em::before,
  .cd-multi-steps.text-bottom.count li:not(.current) em::before {
    /* steps not visited yet - counter color */
    color: #2c3f4c;
  }

  .cd-multi-steps.text-top.count li::after {
    bottom: 11px;
  }

  .cd-multi-steps.text-top.count li > * {
    padding-bottom: 34px;
  }

  .cd-multi-steps.text-bottom.count li::after {
    top: 11px;
  }

  .cd-multi-steps.text-bottom.count li > * {
    padding-top: 34px;
    font-size: 12px;
  }
}



.icoPubW{
	/* height: 26px; */
	/* float:left; */
	margin-top: 5px;
	margin-bottom: 5px;
	width: 42px;
	/* margin-right: 4px; */
	/* margin-left: 4px; */
}

.icoPubR{
	text-align: center;
	/* width: 100%; */
	/* float: left; */
	display: block;
	/* height: 60px; */
	margin: 0 auto;
	width: 180px;
}

.titPubWin{
	font-size: 20px;
	margin-bottom: 10px;
	text-align: center;
,
	margin-top:;
	margin-top: 10px;
	background-color: #F3F4F8;
	padding: 5px;
	border-radius: 3px;
	color: #2b4a6d;
	padding-left: 10px;
}

.current{
	/* background-color: blue; */
}


.pubFijo{
	font-size: 22px;
	width: 280px;
	margin: 0 auto;
	text-align: center;
	display: inherit;
}



.icoF{padding-left: 0px;padding-top: 5px;}

.textoF{font-size: 15px;line-height: 19px;margin-top: 12px;margin-bottom: 10px;padding-right: 5px;padding-left: 5px;}

.subtextoF{font-size: 13px;padding-bottom: 10px;line-height: 16px;padding-top: 10px;font-weight: lighter;color: #ececec;padding-left: 6px;}


.pubOpcion{
	    width: auto;
	    height: auto;
	    color: blue;
	    left: 3px;
	    top: 3px;
	    background-color: #ffffff;
	    color: #1d4b6e;
	    position: relative;
	    border-radius: 3px;
	    font-size: 14px;
	    line-height: 22px;
	    font-weight: bold;
	    padding: 10px;
	    overflow-y: hidden;
	    text-align: center;
}

.miniCollapse{
	padding-left: 7px;
	padding-right: 7px;
}


.pubTipoC{
	    background-color: #366aa3;
	    text-align: center;
	    padding: 10px;
	    border-radius: 3px;
	    color: white;
	    box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
	    min-height: auto;
	    margin-top: 5px;
	    margin-bottom: 5px;
	    cursor: pointer;
}


.icoPubCont{
	text-align: center;
	width: 100%;
	float: left;
	display: block;
}


.checkContPubSel{
	width: 100px;
	text-align: center;
	float: left;
	margin-bottom: 3px;
}

.activeSec{
	background-color: green;
	color: green;
}


greenT{
	color: #2e9842 !important;
	margin-right: 5px;
}


.footerA{
	color: #c5c5c5;
	font-size: 12px;
	/* padding-top: 26px; */
}

.footerA:hover{
	color: #6d6d6d !important;
}



/*  POP DELETE */



.popCont{
	width: auto;
	height: auto;
	overflow-y: hidden;
	border-radius: 3px;
	background-color: #f3f4f8;
}

.popTit{padding: 10px;font-weight: bold;color: #2b2b2b;font-size: 16px;background-color: #ffd51d;padding: 10px;font-weight: bold;line-height: 22px;max-width: 320px;/* background-color: #f3f4f8; */height: auto;overflow-y: hidden;}

.botCont{
	padding: 10px;
	height: auto;
	overflow-y: hidden;
	text-align: center;
	padding-left: 10px;
	padding-bottom: 12px;
}
.siBt{
	padding: 10px;
	/* width: 100px; */
	background-color: #2e9842;
	float: left;
	color: white;
	border-radius: 3px 0px 0px 3px;
	padding-left: 20px;
	padding-right: 20px;
}

.siBt:hover{
	background-color: green;
}

.noBt{
	padding: 10px;
	/* width: 100px; */
	background-color: #366aa3;
	float: left;
	color: white;
	border-radius: 0px 3px 3px 0px;
	padding-left: 20px;
	padding-right: 20px;
}

.noBt:hover{
	background-color: #1d4b6e;
}





.minibtAct
{
	position: relative;
	padding: 0px 10px;
	margin: 0px 5px;
	float: left;
	border-radius: 3px;
	/* font-size: 14px; */
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	width: auto;
	margin-bottom: 10px;
	line-height: 20px;
	font-weight: normal;
}


.listPagos{list-style-position: inside;}

.listPagos li{
	font-size: 14px;
	margin-bottom: 5px;
}

.phone800{
	color: #d6d6d6;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	font-size: 16px;
}

.clabe{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	/* margin-bottom: 20px; */
	background-color: #d8d8d8;
	border-radius: 3px;
	width: 300px;
	padding: 10px;
	display: block;
	margin: 0 auto 20px;
	border: 1px solid #b3b3b3;
}


.uTit{
	margin-bottom: 5px;
}


/*  ACCORDION  */ 


button.accordion {
    background-color: #e4e4e4;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #366aa3;
    color: white;
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel > p{
	padding-left: 20px;
}


.previoCont{
	height: auto;
	/* padding: 15px; */
	background-color: white;
	margin-bottom: 20px !important;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.15);
	overflow-y: hidden;
	padding-bottom: 10px;
	min-height: 205px;
}


/*  OPEN PAY */

.bkng-tb-cntnt {
    float: left;
    width: 800px;
}
.bkng-tb-cntnt a.button {
    color: #fff;
    float: right;
    font-size: 18px;
    padding: 5px 20px;
    width: auto;
}
.bkng-tb-cntnt a.button.o {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #e51f04;
    border: 1px solid #e51f04;
}
.bkng-tb-cntnt a.button i {
    color: #fff;
}
.bkng-tb-cntnt a.button.o i {
    color: #e51f04;
}
.bkng-tb-cntnt a.button.right i {
    float: right;
    margin: 2px 0 0 10px;
}
.bkng-tb-cntnt a.button.left {
    float: left;
}
.bkng-tb-cntnt a.button.disabled.o {
    border-color: #ccc;
    color: #ccc;
}
.bkng-tb-cntnt a.button.disabled.o i {
    color: #ccc;
}
.pymnts {
    float: left;
    width: 800px;
}
.pymnts * {
    float: left;
}

.sctn-row {
    margin-bottom: 35px;
    width: 800px;
}
.sctn-col {
    width: 375px;
}
.sctn-col.l {
    width: 425px;
}
.sctn-col input {
    border: 1px solid #ccc;
    font-size: 18px;
    line-height: 24px;
    padding: 10px 12px;
    width: 333px;
}
.sctn-col label {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    width: 100%;
}
.sctn-col.x3 {
    width: 300px;
}
.sctn-col.x3.last {
    width: 200px;
}
.sctn-col.x3 input {
    width: 210px;
}
.sctn-col.x3 a {
    float: right;
}
.pymnts-sctn {
    width: 800px;
}
.pymnt-itm {
    margin: 0 0 3px;
    /* width: 800px; */
}
.pymnt-itm h2 {
    background-color: #e9e9e9;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    padding: 28px 0 28px 20px;
    width: 780px;
}
.pymnt-itm.active h2 {
    background-color: #e51f04;
    color: #fff;
    cursor: default;
}
.pymnt-itm div.pymnt-cntnt {
    display: none;
}
.pymnt-itm.active div.pymnt-cntnt {
    background-color: #f3f4f8;
    display: block;
    padding: 20px 5px 30px;
    width: 100%;
    height: auto;
    overflow-y: hidden;
    border-radius: 3px;
}

.pymnt-cntnt div.sctn-row {
    margin: 20px 30px 0;
    /* width: 740px; */
}
.pymnt-cntnt div.sctn-row div.sctn-col {
    width: 345px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.l {
    width: 395px;
}
.pymnt-cntnt div.sctn-row div.sctn-col input {
    width: 303px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.half {
    width: 155px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.half.l {
    float: left;
    width: 190px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.half input {
    width: 113px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.cvv {
    background-image: url("./cvv.png");
    background-position: 156px center;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}
.pymnt-cntnt div.sctn-row div.sctn-col.cvv div.sctn-col.half input {
    width: 110px;
}
.openpay {
    /* float: right; */
    height: 60px;
    /* margin: 10px 30px 0 0; */
    /* width: 435px; */
}
.openpay div.logo {
    background-image: url("./openpay.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    border-right: 1px solid #ccc;
    font-size: 12px;
    font-weight: 400;
    height: 45px;
    padding: 15px 20px 0 0;
}
.openpay div.shield {
    background-image: url("./security.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: 400;
    margin-left: 20px;
    padding: 20px 0 0 40px;
    width: 200px;
}
.card-expl {
    float: left;
    height: 80px;
    margin: 20px 0;
    width: 100%;
}
.card-expl div {
    background-position: left 45px;
    background-repeat: no-repeat;
    height: 70px;
    padding-top: 10px;
}
.card-expl div.debit {
    background-image: url("./cards2.png");
    margin-left: 20px;
    width: 540px;
    float: left;
}
.card-expl div.credit {
    background-image: url("./cards1.png");
    border-right: 1px solid #ccc;
    margin-left: 30px;
    width: 209px;
    float: left;
}
.card-expl h4 {
    font-weight: 400;
    margin: 0;
}



.tiempoCont{float: right;margin: 2px;border: 1px solid #cccccc;/* padding: 5px; */border-radius: 5px;box-shadow: 0 2px 4px rgba(0, 0, 0, .2),0 3px 0px rgba(0,0,0,0.02);padding-top: 0px;/* padding-left: 6px; *//* padding-right: 5px; *//* cursor: pointer; */text-align: center;}

.clockLabel{
	float: left;
	font-size: 20px;
	padding: 2px 10px;
}


/* QR RECIBO   */ 
.qrcode{
	text-align: center;
	width: 70px;
	margin: 10px auto;
}

.completoCont{
		
text-align: center;
		
padding: 20px;
		
border: 1px dashed #b5b5b5;
		
background-color: #f3f6f8;
}

#cotizaFijo{
	    font-size: 22px;
    width: 280px;
    margin: 0 auto;
    text-align: right;
    display: inherit;
    float: right;
    padding-right: 10px;
}


.msgMe{
	    background-color: #DCF8C6;
	    height: auto;
	    overflow-y: hidden;
	    padding: 5px;
	    border-radius: 3px;
	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.38), 0 1px 0px rgba(0,0,0,0.02);
	    margin-bottom: 10px;
	    font-size: 15px;
	    float: right;
	    text-align: right;
	    padding-left: 15px;
	    padding-right: 15px;
	    margin-left: 30px;
}

.msgOther{
	    background-color: #c6e8f8;
	    height: auto;
	    overflow-y: hidden;
	    padding: 5px;
	    border-radius: 3px;
	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.38), 0 1px 0px rgba(0,0,0,0.02);
	    margin-bottom: 10px;
	    float: left;
	    padding-left: 15px;
	    padding-right: 15px;
	    margin-right: 30px;
}

.msgCont{
	float: right;
}

.moodCont{
	margin-top: 10px;
	float: left;
	margin-bottom: 10px;
}
.face{
	float: left;
	margin-right: 20px;
	display: grid;
	text-align: center;
	font-size: 13px;
	color: #3c3c3c;
	line-height: 25px;
	cursor: pointer;
}


.greyScale{
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
	opacity: 0.7;
}
/* SPAN REP */ 

.moodIco{
	width: 40px;
}
.repTimes{
	 position: relative;
	 /* margin-top: -4px; */
	 background-color: #ffffff;
	 width: auto;
	 border-radius: 21px;
	 font-size: 10px;
	 float: left;
	 box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02);
	 color: #00496f;
	 text-align: center;
	 height: auto;
	 overflow-y: hidden;
	 /* height: 17px; */
	 line-height: 16px;
	 left: 50px;
	 top: 23px;
	 padding-right: 10px;
	 padding-left: 10px;
	 margin-left: -23px;
	} 


.tShadow{
	text-shadow: 2px 2px #00000052;
}


.comboOrigen{
	float: le