*{
	margin: 0px;
	padding: 0px;
}
body {
	font-family: 'Source Sans Pro', sans-serif
}
.head{
	display: block;
	background: #000;
	height: 60px;
	width: 100%;
	margin: 0 0 50px;
}
.head .head-logo{
	display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto 0;
  position: relative;
  top: 8px;
}
.head .head-logo img{
	width: 100%;
}
.center{
	width: 100%;
	margin: 0 auto;
	max-width: 1440px;
}
.claim-wong {
	vertical-align: top
}
.claim-wong .title {
    margin-bottom: 10px;
    text-align: center;
    margin-top: -2px;
    border-bottom: 1px solid #CFCFCF;
}
.claim-wong .title h2{
		display: inline-block;
		font-size: 1.7em;
    margin-bottom: -2px;
    line-height: 2.15rem;
    border-bottom: 2px solid #f01612;
}
}
.claim-wong .subtitle {
		display: block;
}
.claim-wong .subtitle h3{
		color: #000;
		display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 2;
}
.claim-wong .text-content {
    width: 100%;
    margin: 10px auto 0;
}
.claim-wong .description{
		text-align: center;
    font-size: 0.825em;
    margin-bottom: 37px;
    font-weight: 300;
    color: #333;
}

.claim-wong .description fieldset{
	border: solid 1px #dadada;
	background: #f9f9f9;
}

.claim-wong .description p{
		line-height: 1.2625rem;
		margin: 0px;
		font-weight: 300;
		color: #525252;
}
.claim-wong .description p span{
		font-weight: 600;
    color: #333;
}
.claim-wong .description p .color-highlight {
    color: #f01612;
}

.claim-wong .content-wrapper.complaints-form {
	margin: 0 auto 30px;
	max-width: 940px;
	width: 100%;
}

.claim-wong .content-wrapper .contact-title {
	margin-bottom: 25px
}

.claim-wong .content-wrapper .contact-title h3 {
	display: inline-block;
	font-size: 1.3125rem;
	font-weight: 600;
	color: #000;
	padding: 0 0 0 70px;
}

.claim-wong .content-wrapper .contact-title .font-icn {
	display: inline-block;
	position: absolute;
	margin: -10px 12px 0 -65px;
	width: 40px;
	height: 40px;
}

.claim-wong .content-wrapper .contact-title .font-icn.ico-data {
	background: url(ico-datos.jpg) no-repeat top center /100% auto;
}
.claim-wong .content-wrapper .contact-title .font-icn.ico-claim {
	background: url(ico-reclamos.jpg) no-repeat top center /100% auto;
}
.claim-wong .content-wrapper .ico-calendar {
	display: inline-block;
	margin: 5px 0 0 2px !important;
	width: 27px;
	float: left;
	height: 27px;
	background: url(ico-calendar.png) no-repeat top center /100% auto;
}


.claim-wong .content-wrapper.complaints-form .contact-title {
	margin-bottom: 10px;
}


.claim-wong .content-wrapper.complaints-form .contact-title h3 .font-icn.formulario {
	color: #fff;
	background-color: #f01612;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	font-size: 1.25rem;
	line-height: 2.25rem;
	vertical-align: text-bottom;
	text-align: center
}

.claim-wong .content-wrapper.complaints-form fieldset{
	border: none;
	border-bottom: solid 1px #d8d8d8;
	margin: 0 0 30px;
}
.claim-wong .content-wrapper.complaints-form .contact-form .row{
	display: inline-block;
	margin: 0 0 15px 0;
	width: 100%;
}
.claim-wong .content-wrapper.complaints-form .contact-form .input-wrapper{
	font-weight: 400;
	font-size: .875rem;
	margin:0 2% 0 0;
	width: 100%;
	float: left;
}
.claim-wong .content-wrapper.complaints-form .contact-form .input-wrapper  span{
	color: #000;
  margin-bottom: 9px;
  line-height: 1.125rem;
  display: block;
  height: 18px;
}
.claim-wong .content-wrapper .contact-form .input-wrapper .bonus-prefix {
  color: #5c5c5c;
	line-height: 2.25rem !important;
  margin-right: 10px;
  float: left;
  background: #f2f2f2 no-repeat;
  font-size: 16px;
  width: 100%;
  height: 36px !important;
  text-align: center;
}
.claim-wong .content-wrapper.complaints-form .contact-form .row-1{
	width: 99%;
	float: left;
}
.claim-wong .content-wrapper.complaints-form .contact-form .row-2{
	width: 48%;
	float: left;
}
.claim-wong .content-wrapper.complaints-form .contact-form .row-3{
	width: 30.8%;
	float: left;
}
.claim-wong .content-wrapper.complaints-form .contact-form .row-2-1{
	width: 65.2%;
	float: left;
}
.claim-wong .content-wrapper.complaints-form .contact-form .col-1-int{
	width: 98%;
	margin: 0 4% 2% 0;
	float: left;
}
.claim-wong .content-wrapper.complaints-form .contact-form .col-2-int{
	width: 46%;
	margin: 0 4% 2% 0;
	float: left;
}
.claim-wong .content-wrapper.complaints-form .contact-form .col-3-int{
	width: 28%;
	margin:0 2% 2% 0;
	float: left;
}
.claim-wong .content-wrapper.complaints-form .contact-form .row-2-1 .cont-cont{
	display: block;
	margin: 10px 0 0 0;
	float: left;
	width: 100%;
}
.claim-wong .content-wrapper.complaints-form .contact-form .row-2-1 .cont-cont input{
	max-width: 80px;
	float: left;
	margin: 0 20px 0 0;
}
.claim-wong .content-wrapper.complaints-form .contact-form .row-2-1 .cont-cont span{
	max-width: 190px;
	float: left;
	margin: 10px 20px 0 0;
}

.claim-wong .content-wrapper.complaints-form .contact-form .input-wrapper  .txt-error{
	color: #ff0000;
  margin-bottom: 9px;
  line-height: 1.625rem;
	float: left;
	font-size: 17px;
  display: block;
  height: 18px;
	padding: 0 0 0 2px;
}
.claim-wong .content-wrapper .contact-form .input-wrapper input[type=text],
.claim-wong .content-wrapper .contact-form .input-wrapper input[type=email],
.claim-wong .content-wrapper .contact-form .input-wrapper input[type=tel]{
	background-color: rgb(255,255,255);
	border: 1px solid rgb(204,204,204);
	height: 36px;
  color: #5c5c5c;
	font-size: 14px;
	float: left;
  padding: 0 5px;
  width: 93%;
}
.claim-wong .content-wrapper .contact-form .input-wrapper input{
	font-size: 40px;
}
.claim-wong .content-wrapper .contact-form .input-wrapper textarea{
	height: 120px;
	padding: 9px;
	width: 90%;
	color: #5c5c5c;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(204,204,204);
	font-family: inherit;
	resize: none;
	font-size: .875rem;
	float: left;
}
.claim-wong .content-wrapper .contact-form .input-wrapper select {
	height: 35px;
	background: #f2f2f2;
	border-radius: 0px;
	border: none;
	color: #000;
	float: left;
	font-size: 14px;
	width: 90%;
}
.claim-wong .content-wrapper .contact-form .input-wrapper.radio.inline .label-text {
    display: inline-block;
    height: 36px;
    padding: 9px 26px 9px 0;
		margin: 20px 0 0 0;
}
.claim-wong .content-wrapper .contact-form .input-wrapper.date .label-date {
	height: 35px;
	background: #f2f2f2;
	border-radius: 0px;
	border: none;
	color: #000;
	float: left;
	font-size: 14px;
	width: 80%;
}
.claim-wong .content-wrapper .contact-form .input-wrapper.date img {
	float: left;
	margin: 0 0 0 4px;
}
.claim-wong .content-wrapper .contact-form .input-wrapper.date input[type=text],
.claim-wong .content-wrapper .contact-form .input-wrapper.date input[type=email],
.claim-wong .content-wrapper .contact-form .input-wrapper.date input[type=tel]{
	width: 80%;
}
.claim-wong .content-wrapper .required-field {
	color: #f01612;
	font-style: italic;
	font-size: .6875rem;
	font-weight: 300;
	letter-spacing: .5px;
	line-height: 1.875rem
}
.claim-wong .content-wrapper.complaints-form .required-field {
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 0
}
.claim-wong .content-wrapper.complaints-form .contact-form .references {
    font-size: .8125rem;
    font-style: italic;
    color: #7d7d7d;
    line-height: 1.125rem;
    font-weight: 300;
    letter-spacing: .5px;
    padding-top: 10px;
    margin-bottom: 20px;
		    clear: both;
}
.claim-wong .content-wrapper.complaints-form .contact-form .references span {
    line-height: 1.125rem;
    color: #7d7d7d;
}
.claim-wong .content-wrapper.complaints-form .contact-form .references span.sbold{
	font-weight: 600;
	color: #333333;
}
.claim-wong .content-wrapper.complaints-form .contact-form .references span.color-highlight {
  color: #f01612;
}

.claim-wong .content-wrapper .contact-form .cont-legal,
.claim-wong .content-wrapper .contact-form .cont-legaltextarea{
	max-width: 556px;
	width: 100%;
	display: inline-block;
}
.claim-wong .content-wrapper .contact-form .cont-legal input{
	color: #000;
  margin-bottom: 9px;
  font-size: 2em;
  display: block;
  height: 18px;
  float: left;
  margin: 20px 10px 0 20px;
}
.claim-wong .content-wrapper .contact-form .cont-legal label{
	display: inline-block;
	float: left;
	width: 90%;
	margin: 10px 0;
	font-size: 14px;
}
.claim-wong .content-wrapper .contact-form .cont-legal p{
	font-weight: 400;
  color: #000;
  letter-spacing: .5px;
  line-height: 1.15rem;
  font-size: .8125rem;
  display: inline-block;
  vertical-align: top;
}
.claim-wong  .content-wrapper.complaints-form .contact-form .buttons-wrapper {
	float: right;
	margin: 21px 20px 20px 0;
	max-width: 327px;
}
.claim-wong  .content-wrapper.complaints-form .contact-form  .cont-capcha{
	background: #f2f2f2;
	margin: 0 0 10px;
	padding: 10px;
}
.claim-wong  .content-wrapper.complaints-form .contact-form  .cont-capcha .text-capcha{
	font-size: 0.8em;
  display: inline-block;
  height: 36px;
  padding: 0 0 15px;
  text-align: center;
}
.claim-wong .content-wrapper.complaints-form .contact-form .cont-capcha .img-captcha{
	width: 100%;
	display: block;
	overflow: hidden;
}
.claim-wong .content-wrapper.complaints-form .contact-form .cont-capcha .img-captcha input{
	width: 91%;
	padding: 5px;
	font-size: 0.9em;
}
.claim-wong .content-wrapper.complaints-form .contact-form .btn-claim{
	margin: 15px auto 10px;
	width: 100%;
	max-width: 150px;
}
.claim-wong .content-wrapper.complaints-form .contact-form .buttons-wrapper .submit.button {
  width: 150px;
  line-height: 2.8125rem;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
}
.claim-wong  .content-wrapper .contact-form .button.submit {
  background-color: #f01612;
  color: #fff;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 600;
  border-radius: 5px;
  letter-spacing: 1px;
  width: 150px;
  border: none;
}
.claim-wong .content-wrapper .contact-form  .lexgal-2{
	display: block;
  margin: 0 0 0 60px;
  width: 90%;
  clear: both;
}
.claim-wong .content-wrapper .contact-form  .lexgal-2 ul{
	list-style-type:circle;
	color:red;
  margin: 0;
  padding: 0;
}
.claim-wong .content-wrapper .contact-form  .lexgal-2 ul li{
	color: #f01612;
	font-size: 0.8em;
}
.claim-wong .content-wrapper .contact-form  .lexgal-2 ul li span{
	color: #000;
	font-size: 0.9em;
}

.claim-wong .content-wrapper .contact-form .contact-register{
	 text-align: center;
}
.claim-wong .content-wrapper .contact-form .contact-register h2{
	font-size: 30px;
	color: #f01612;
	margin: 20px 0 15px;
}
.claim-wong .content-wrapper .contact-form .contact-register p{
	font-size: 18px;
	color: #000;
	margin: 20px 0 15px;
}
.claim-wong .content-wrapper .contact-form .contact-register .button{
	background-color: #f01612;
  color: #fff;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 600;
  border-radius: 5px;
  letter-spacing: 1px;
	padding: 10px;
  width: 250px;
  border: none;
}

.claim-wong #rbMenorEdad_Cliente label {
    margin: 0 20px 0 10px;
}
.claim-wong #rbTipo_Reclamo {
	width: 250px;
}
.claim-wong #rbTipo_Reclamo input {
	float: left;
}
.claim-wong #rbTipo_Reclamo label {
	float: left;
	margin: 0 0 0 20px;
}
.claim-wong #rbTipo_Reclamo label span{
	color: #f01612;
}

.claim-wong #rbRelacionadoA_Reclamo {
	width: 250px;
}
.claim-wong #rbRelacionadoA_Reclamo input {
	float: left;
}
.claim-wong #rbRelacionadoA_Reclamo label {
	float: left;
	margin: 0 0 0 20px;
}
#GMDatePickerCalendarTitle_dtFechaVencimiento_Reclamo,
#GMDatePickerCalendarTitle_dtFechaCompra_Reclamo,
#GMDatePickerCalendarTitle_dtFechaConsumo_Reclamo{
	border-bottom: 1px solid #d4d4d4;
  margin-bottom: 5px;
  font-size: 13px;
  text-align: center;
  font-weight: 600;
  line-height: 26px;
}
#GMDatePickerCalendarTitle_dtFechaVencimiento_Reclamo tbody tr td:nth-child(1),
#GMDatePickerCalendarTitle_dtFechaVencimiento_Reclamo tbody tr td:nth-child(3),
#GMDatePickerCalendarTitle_dtFechaConsumo_Reclamo tbody tr td:nth-child(1),
#GMDatePickerCalendarTitle_dtFechaConsumo_Reclamo tbody tr td:nth-child(3),
#GMDatePickerCalendarTitle_dtFechaCompra_Reclamo tbody tr td:nth-child(1),
#GMDatePickerCalendarTitle_dtFechaCompra_Reclamo tbody tr td:nth-child(3){
	color: #585858;
	font-weight: normal;
	padding: 0 2px;
}
#GMDatePickerCalendarTitle_dtFechaVencimiento_Reclamo tbody tr td:nth-child(2),
#GMDatePickerCalendarTitle_dtFechaConsumo_Reclamo tbody tr td:nth-child(2),
#GMDatePickerCalendarTitle_dtFechaCompra_Reclamo tbody tr td:nth-child(2){
	color: #f01612;
}
#dtFechaVencimiento_Reclamo_showCalendar tbody tr th,
#dtFechaConsumo_Reclamo_showCalendar tbody tr th,
#dtFechaCompra_Reclamo_showCalendar tbody tr th{
	font-size: 0.8em;
}
#dtFechaVencimiento_Reclamo_showCalendar tbody tr td,
#dtFechaConsumo_Reclamo_showCalendar tbody tr td,
#dtFechaCompra_Reclamo_showCalendar tbody tr td{
	color: #525252;
  border-radius: 100%;
  transition: all .2s;
  font-size: 0.8em;
  text-decoration: underline;
	padding: 2px 1px 2px;
}
#dtFechaVencimiento_Reclamo_Footer tbody tr td input,
#dtFechaConsumo_Reclamo_Footer tbody tr td input,
#dtFechaCompra_Reclamo_Footer tbody tr td input{
	background-color: #f01612;
	color: #fff;
	text-transform: uppercase;
	font-size: .675rem;
	font-weight: normal;
	border-radius: 5px;
	letter-spacing: 1px;
	width: 75px;
	border: none;
	margin: 2px 5px 5px;
	padding: 6px 0;
}
#dtFechaVencimiento_Reclamo_Footer tbody tr td select,
#dtFechaConsumo_Reclamo_Footer tbody tr td select,
#dtFechaCompra_Reclamo_Footer tbody tr td select{
	max-width: 91px;
	margin: 0 5px;
}

/* DATEPIKER
   ========================================================================= */

 .ui-datepicker {
 	font-size: 12px;
	width: 100%;
  max-width: 230px;
 	background-color: #fff;
 	box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 0 6px rgba(0, 0, 0, .23)
 }

 .ui-datepicker .ui-datepicker-header {
 	position: relative
 }

 .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
 	border-bottom: 1px solid #d4d4d4;
 	margin-bottom: 5px;
 	font-size: 14px;
 	text-align: center;
 	font-weight: 600;
 	line-height: 26px
 }

 .ui-datepicker .ui-datepicker-header .ui-datepicker-month {
 	color: #f01612
 }

 .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
 	color: #7d7d7d
 }

 .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
 	position: absolute;
 	overflow: hidden;
 	top: 2px;
 	width: 9px;
 	line-height: 24px
 }

 .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
 	cursor: pointer
 }

 .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:before,
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:before {
 	font-family: font-icon;
	color: #ff0600;
	font-size: 16px;
 	transition: color .2s
 }

 .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:hover:before,
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:hover:before {
 	color: #f01612
 }

 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
 	left: 4px
 }

 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:before {
 	content: "<"
 }

 .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
 	right: 4px
 }

 .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:before {
 	content: ">"
 }

 .ui-datepicker .ui-datepicker-calendar {
 	margin: auto;
	font-size: 0.9em;
 }

 .ui-datepicker .ui-datepicker-calendar thead {
 	font-weight: 700
 }

 .ui-datepicker .ui-datepicker-calendar td {
 	width: 22px;
 	height: 22px;
 	line-height: 22px;
 	text-align: center
 }

 .ui-datepicker .ui-datepicker-calendar .ui-state-default,
 .ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-default,
 .ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-default {
 	color: #525252;
 	border-radius: 100%;
 	transition: all .2s
 }

 .ui-datepicker .ui-datepicker-calendar .ui-state-highlight,
 .ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
 .ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
 	background-color: #f01612;
 	color: #fff;
 	border-radius: 100%;
	padding: 5px;
 }

 .ui-datepicker .ui-datepicker-calendar .ui-state-focus,
 .ui-datepicker .ui-datepicker-calendar .ui-state-hover,
 .ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-focus,
 .ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-hover,
 .ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-focus,
 .ui-datepicker .ui-datepicker-calendar .ui-widget-header .ui-state-hover {
 	background-color: #f2f2f2;
 	color: #525252;
 	border-radius: 100%
 }

/* RESPONSIVE
   ========================================================================= */

/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {

}

/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
}

/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
	.center{
    max-width: 398px;
	}
	.cont-legal {
		max-width: 380px !important;
	}
	/*.img-obligatorio {
		margin-bottom: 276px !important;
	}*/
	.divCaptcha {
		float: left !important;
	}
	.claim-wong .title h2{
		font-size: 1.4em;
	}
	.claim-wong .content-wrapper.complaints-form .required-field{
		margin-left: 70px;
	}
	.claim-wong .content-wrapper.complaints-form .contact-form .row{
		margin: 0 0 10px 0;
		width: 405px;
	}
	.claim-wong .content-wrapper.complaints-form .contact-form .row .txtDetalle_Reclamo {
		margin: 0 0 10px 0;
		width: 383px !important
	}
	.claim-wong .content-wrapper.complaints-form .contact-form .row .txtAcciones_tienda {
		margin: 0 0 10px 0;
		width: 383px !important
	}
	.claim-wong .content-wrapper.complaints-form .contact-form .row-2{
		width: 96%;
		margin: 0 0 10px;
	}
	.claim-wong .content-wrapper.complaints-form .contact-form .row-3{
		width: 95.8%;
		margin: 0 0 15px;
	}
	.claim-wong .content-wrapper.complaints-form .contact-form .col-2-int{
    margin: 0 4% 0 0;
	}
	.claim-wong .content-wrapper.complaints-form .contact-form .row-2-1{
		width: 95.2%;
	}
	.claim-wong .content-wrapper.complaints-form .contact-form .col-3-int{
		width: 100%;
	}
	.claim-wong .content-wrapper .contact-form .input-wrapper.radio.inline .label-text{
		margin: 0px 0 0 0;
	}
	.claim-wong .content-wrapper .contact-form .input-wrapper input {
	    font-size: 10px;
	    border: 0px;
	    width: 12%;
	    height: 2.2em;
	    margin: 0 0 0 0;
	    line-height: 41px;
	}
	.claim-wong .content-wrapper .contact-form .input-wrapper.date img{
		margin: 13px 0 0 4px !important;
	}
	.claim-wong .content-wrapper.complaints-form .contact-form .row-2-1 .cont-cont input{
		margin: 0 20px 20px 0;
	}
	.claim-wong .content-wrapper .contact-form .cont-legal input{
		height: 27px;
    width: 22px;
		margin: 20px 20px 0 10px;
	}
	.claim-wong .content-wrapper .contact-form .cont-legal label{
		width: 80%;
	}
	.claim-wong .content-wrapper .contact-form .lexgal-2{
		margin: 0 0 0 26px;
    width: 94%;
	}
	.claim-wong .content-wrapper.complaints-form .contact-form .references{
		font-size: .7125rem;
		width: 90%;
	}
	.ui-datepicker{
    max-width: 272px;
	}
}
