@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	margin: 0;
	background-color: #FBB543;
}
.wrap {
	width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

/*Layout*/
.encaabezados { text-align:center; padding:15px 5px 5px 5px;}
.wrapLogo {width: 350px; margin-left: auto; margin-right: auto; padding: 0 0 10px 0;}
.wrapLogo img {width:100%; height:auto;}

.portaImagen {width:100%;}
.portaImagen img {width:100%; height:auto;}

#wrapContainer {width:1120px ;float: left;}
.portaModulosLat {width: 300px ;float: left; margin-left: 20px;}

.container {width:100%;}

.itemContainer {
    animation: 2s ease 0s normal none 1 running fadeIn;
    background-color: #fff;
    float: left;
    margin: 15px 7px 0 8px;
    width: 189px;
	padding: 10px;
}

.itemContainerLat {
    animation: 2s ease 0s normal none 1 running fadeIn;
    background-color: #fff;
    float: left;
    margin: 10px 0;
    width: 300px;
}

.itemContainer .portaImagen img, .itemContainerLat img {display:block;}

h1,h2,h3 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; padding: 6px 0;}

h1 {font-size: 40px;}
h2 {font-size: 20px; line-height: 22px;}
h3 {font-size: 20px;}
p {font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 20px; padding: 5px 0;}
.titulito {padding-left: 10px;}
.etqPais {background-color: #22b2de; color: #FFFFFF; font-size: 14px; line-height: 14px; padding: 5px 10px 5px 26px; border-radius: 15px; float: left; background-image: url("images/ico_planet.png"); background-repeat: no-repeat; background-position: left center;}
.etqEstado {background-color: #d0dc27; color: #576c30; font-size: 11px; line-height: 11px; text-transform: uppercase; letter-spacing: 1px; padding: 7px 10px 5px 10px; border-radius: 15px; float: left; margin: 5px 0;}

.txtCentrado {text-align: center;}
.margenLat20px {padding-left: 20px; padding-right: 20px;}

iframe {display: block;}
.limpiador {clear: both;}

.footer {
	padding:30px;
	text-align:center;
	clear:both;
}

.bannerTopMovil {
	/*background-image: url("images/fondoBannerMovil.png");
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #d0dc27;*/
	margin-top: 10px;
}

.centrarBanerMovil {
	width: 320px;
	margin-left: auto;
	margin-right: auto;
}

.soloEscritorio {display:block}
.soloCelular {display:none}

.sinFondo {background-color: transparent;} 


@media only screen and (min-width: 1280px) and (max-width: 1439px) {
	.wrap {
		width: 1280px;
	}
	#wrapContainer {width: 960px; float: left;}
	.itemContainer {width: 205px}
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
	.wrap {
		width: 960px;
	}
	#wrapContainer {width: 640px; float: left;}
	.itemContainer {width: 178px}
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	.wrap {
		width: 640px;
	}
	#wrapContainer {width: 640px; float: none;}
	.itemContainer {width: 178px}
	.soloEscritorio {display:none;}
	.soloCelular {display:block;}
	.portaModulosLat {width:640px; float: none; margin:10px 0;}
	.Col01movil, .Col02movil {float: left; width:300px; margin:0 10px;} 
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	.wrap {
		width: 480px;
	}
	#wrapContainer {width: 480px; float: none;}
	.itemContainer {width: 205px}
	.soloEscritorio {display:none;}
	.soloCelular {display:block;}
	.portaModulosLat { float: none; margin: 10px 90px; width: 300px;}
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	.wrap {
		width: 360px;
	}
	.wrapLogo {width: 300px;}
	#wrapContainer {width: 360px; float: none;}
	.itemContainer {width: 145px}
	.portaModulosLat { float: none; margin: 10px 30px; width: 300px;}
	.soloEscritorio {display:none;}
	.soloCelular {display:block;}
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
	.wrap {
		width: 320px;
	}
	.wrapLogo {width: 300px;}
	#wrapContainer {width: 320px; float: none;}
	.itemContainer {width: 125px}
	.portaModulosLat { float: none; margin: 10px 10px; width: 300px;}
	.soloEscritorio {display:none;}
	.soloCelular {display:block;}
}