@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&display=swap');

* {margin: 0;padding: 0;font-family: 'Roboto Slab', Helvetica, Arial, Verdana,Tahoma, sans-serif;border:0;outline:none;text-rendering: optimizelegibility;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;outline:0;color:#1D1D1D}

a:link, a:visited, a:active {text-decoration: none;color: #575756;outline:0;transition:0.2s all linear}
a:hover {text-decoration: underline;}

body {background: #FFF;}

.clear{clear:both}
.centrado {text-align:center !important}
.derecha {text-align:right !important}
.izquierda {text-align:left !important}
.fl {float:left !important}
.fr {float:right}
.di {display:inline}
.dn {display:none !important;}
.dib {display:inline-block;padding:10px;border-radius:2px}
strong,b {font-weight:700}

.color {color:#E63312 !important}
.bcolor {background-color:#E63312 !important}
.blanco {color:#FFF !important}

.contenedor{width:560px;margin:0 auto;position:relative;}

	.header {display:inline;float:left;width:100%;padding:50px 0 0 0;}
		.header img {width:100%;height:auto;display:block}
	
	section {clear:both}
	.padding {padding:0 60px}
	
	.titulo {display:inline;float:left;width:100%;padding:0}
		.titulo img {width:100%;height:auto;display:block}
		.titulo h1 {font-size:22px;padding:15px 0}
			
	.fechas {display:inline;float:left;width:100%;padding:30px 0}
		.fechas h2 {font-size:23px;padding:0 0 10px 0;color:#575756}
		.fechas h3 {font-size:14px;color:#575756;border-bottom:1px solid #C6C6C6;padding:0 15px 5px 0;margin:0 0 10px 0;}
		.fechas p {font-size:18px;}
		.flex {display:flex;padding:30px 0 0 0;justify-content:space-between;clear:both;flex-wrap:wrap}
			.flex div {flex:0 0 auto}
			.fechas li {font-size:13px;height:22px;list-style:none;position:relative;padding-left:24px;line-height:12px;background-image:url(images/flags.png);background-repeat:no-repeat;}
				.mex {background-position:0 0}
				.per {background-position:0 -25px}
				.ecu {background-position:0 -50px}
				.col {background-position:0 -75px}
				.pan {background-position:0 -100px}
				.usa {background-position:0 -125px}
				.chi {background-position:0 -150px}
				.bol {background-position:-350px -0}
				.par {background-position:-350px -25px}
				.ven {background-position:-350px -50px}
				.arg {background-position:-350px -75px}
				.uru {background-position:-350px -100px}
				.bra {background-position:-350px -125px}
				.esp {background-position:-350px -150px}
			
	.bienvenida {display:inline;float:left;width:100%;padding:30px 0;background:#EDEDED}
		.th {width:100px;display:inline;float:left;}
		.tt {display:inline;float:right;width:460px}
			.tt h2 {font-size:18px;line-height:145%;margin:0 0 20px 0;}
			.tt p {font-size:12px;line-height:145%;margin:0 0 20px 0;text-align:justify}
				.tt p strong {font-size:14px;}
				.tt p:last-child {margin:0}
				
	.programa {display:inline;float:left;width:100%;padding:30px 0}
		.programa h2 {font-size:22px;padding:10px 0}
		.programa ul {display:inline;float:left;width:100%;margin:20px 0 0 0}
		.programa li {font-size:14px;line-height:135%;list-style:none;position:relative;padding:0 0 30px 0;margin:0 0 30px 0;border-bottom:2px solid #F0F0F0;}
			.programa li strong {font-size:19px;display:block}
			
			.programa a:link,.programa a:active,.programa a:visited {display:inline-block;padding:8px 20px;background:#E63312 ;transition:0.2s all linear;text-transform:uppercase;margin-top:10px;color:#FFF;text-decoration:none}
			.programa a:hover {background:#000}
	
	.caract {display:inline;float:left;width:100%;padding:0}
		.caract h2 {font-size:22px;padding:15px 0}
		.caract ul {display:inline;float:left;width:100%;margin:20px 0 0 0;border-top:1px solid #C6C6C6}
			.caract li {font-size:13px;list-style:none;position:relative;padding:8px 0;line-height:19px;border-bottom:1px solid #C6C6C6;margin:0}
	
	.contacto {display:inline;float:left;width:100%}
		.contacto h2 {font-size:22px;padding:15px 0}
			.contacto div {font-size:11px;line-height:145%}
			.full {width:100% !important}
			
			.contacto form {width:300px;}
				.contacto input {display:block;margin-bottom:10px}
					input[type=text],input[type=tel],input[type=email] {padding:10px;font-size:13px;width:100%;background:#EDEDED;border:0}
					textarea {padding:10px;font-size:13px;width:100%;background:#EDEDED;border:0;height:75px;resize:none}
					
					input[type=submit] {border-radius:10px;padding:10px 20px;display:inline-block;text-decoration:none;font-size:12px;margin-top:10px}
					input[type=submit]:hover {background:#000 !important;text-decoration:none;}
	
	.logos {display:inline;float:left;width:100%}
		.logos h3 {font-size:12px;padding:10px 60px}
		.logos img {margin:10px auto;display:block}
			.logos .flex div {padding:0;text-align:center;background:#DADADA}
			
			input.error,textarea.error {border:1px solid red}
			label.error {position:absolute;left:-9999em}
			
		p.ok {color:green;font-size:19px;margin-top:20px;line-height:135%}
	
	
	@media only screen and (max-width: 559px) 
	{
		.contenedor {width:100%;}
		
		.header {padding:20px 20px 0 20px;}
		
		.padding {padding:0 20px}
		
		.titulo h1 {font-size:16px;padding:10px 0}
				
		.fechas {padding:10px 0}
			.fechas h2 {font-size:18px;}
			.fechas h3 {font-size:12px;}
			.fechas p {font-size:14px;}
			.flex {display:flex;padding:0;}
				.flex div {flex:0 0 auto;padding:20px 20px 0 20px}
				
		.bienvenida {padding:20px;}
			.th {width:120px;height:120px;padding-right:0;border-radius:100%;overflow:hidden;position:absolute;top:0;left:50%;transform:translate(-50%,0)}
				.th img {width:100%;height:auto;display:block}
			.tt {width:100%;padding-top:130px}
				.tt h2 {font-size:16px;line-height:120%;margin:0 0 10px 0;text-align:center}
				.tt p {font-size:11px;line-height:125%;margin:0 0 10px 0;}
					
		.programa {display:inline;float:left;width:100%;padding:20px 0}
			.programa h2 {font-size:18px;padding:10px 0}
			.programa ul {padding:0 20px}
			.programa li {font-size:12px;}
				.programa li span {font-size:14px}
		
			.caract h2 {font-size:18px;padding:10px 0}
			.caract li {font-size:12px;line-height:17px;}
		
		.derechos {display:inline;float:left;width:100%;padding:10px 0}
			.derechos h2 {font-size:18px;padding:10px 0}
			.derechos .precio {margin-bottom:0;margin-top:20px;width:100%;}
				.derechos p {margin-top:20px}
		
				.boton {font-size:15px;margin-top:0}
		
		.contacto {display:inline;float:left;width:100%}
			.contacto h2 {font-size:18px;padding:10px 0}
				.contacto div {font-size:11px;line-height:145%;width:100%}
				
				.contacto form {width:100%;padding-bottom:10px}
		
		.logos {display:inline;float:left;width:100%}
			.logos h3 {font-size:12px;padding:10px 0;width:100%}
			.logos img {margin:10px auto;display:block}
				.logos .flex div {width:100%}
	}

	/*	Retina media query.
		Overrides styles for devices with a 
		device-pixel-ratio of 2+, such as iPhone 4.
	-----------------------------------------------    */

	@media 
		only screen and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-device-pixel-ratio: 2) {
	}