@charset "utf-8";
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}

body {
	background:#f28f79;
	font-family:'Open Sans Condensed', sans-serif; 
}

/* Diseño móvil: 480 px e inferior. */
@media only screen and (max-width: 481px) {

	/********************************* Compendio ********************************************/
	#compendio {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		background:#FFFFFF;
		position:relative;
		top:0;
		border-bottom: 1px solid #d9d9d9;
		padding:20px 0 80px 0;
		z-index:90;
		text-align:center;
	}
	#compendio #txtTitulo {
		color: #566473;
		font-size: 28px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align: center;
		font-weight:100;
		padding:40px 40px 30px 40px;
	}
	#compendio .botones {
		padding:0 2px 20px 2px;
	}
	#compendio .botones img {
		width:16px;
		height:16px;
		padding:2px;
		cursor:pointer;
		-webkit-transition-duration: 0.5s; 
	    -moz-transition-duration: 0.5s; 
	    -o-transition-duration: 0.5s; 
	    -ms-transition-duration: 0.5s;
	}
	#compendio .botones img:hover {
		opacity:0.4;
	}
	#compendio .vticker {
		position:relative;
		clear: both;
		width:90%;
		display:inline-block;
		text-align:center;
	}
	#compendio .vticker ul{
		padding: 0;
	}
	#compendio .vticker li{
		width:100%;
		border-top: 1px solid #CCC;
		padding-bottom:15px;
	}
	#compendio .vticker li #txtTitulo{
		color: #566473;
		font-size: 16px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align: left;
		font-weight:100;
		margin-top:-40px;
	}
	#compendio .vticker li #txtInstitucion{
		color: #566473;
		font-size: 11px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align: left;
		font-weight:bold;
		padding-left:40px;
		margin-top:-20px;
	}
	#compendio .vticker li #txtPais{
		color: #566473;
		font-size: 11px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align: left;
		font-weight:normal;
		padding-left:40px;
		margin-top:-40px;
	}
	#compendio .vticker li #txtTexto{
		color: #999999;
		font-size: 12px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align:justify;
		line-height:18px;
		padding-left:40px;
	}
	#compendio .vticker li #link a{
		color: #999999;
		font-size: 11px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align:left;
		line-height:25px;
		padding-left:40px;
		text-transform: uppercase;
		letter-spacing: 5px;
		outline: none;
		text-decoration:none;
		-webkit-transition-duration: 0.5s; 
	    -moz-transition-duration: 0.5s; 
	    -o-transition-duration: 0.5s; 
	    -ms-transition-duration: 0.5s;
	}
	#compendio .vticker li #link a:hover{
		color: #4ebae1;
	}
	#compendio .vticker li img, #compendio .vticker li #tdImg{
		vertical-align: text-top;
		width:45px;
		height:35px;
	}

}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */
@media only screen and (min-width: 481px) {

	/********************************* Compendio ********************************************/
	#compendio {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		background:#FFFFFF;
		position:relative;
		top:0;
		border-bottom: 1px solid #d9d9d9;
		padding:50px 0 80px 0;
		z-index:90;
		text-align:center;
	}
	#compendio #txtTitulo {
		color: #566473;
		font-size: 28px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align: center;
		font-weight:100;
		padding:40px 40px 30px 40px;
	}
	#compendio .botones {
		padding:2px 2px 25px 2px;
	}
	#compendio .botones img {
		width:20px;
		height:20px;
		padding:2px;
		cursor:pointer;
		-webkit-transition-duration: 0.5s; 
	    -moz-transition-duration: 0.5s; 
	    -o-transition-duration: 0.5s; 
	    -ms-transition-duration: 0.5s;
	}
	#compendio .botones img:hover {
		opacity:0.4;
	}
	#compendio .vticker {
		position:relative;
		clear: both;
		width:90%;
		display:inline-block;
		text-align:center;
	}
	#compendio .vticker ul{
		padding: 0;
	}
	#compendio .vticker li{
		width:100%;
		border-top: 1px solid #CCC;
		padding-bottom:15px;
	}
	#compendio .vticker li #txtTitulo{
		color: #566473;
		font-size: 18px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align: left;
		font-weight:100;
		margin-top:-40px;
	}
	#compendio .vticker li #txtInstitucion{
		color: #566473;
		font-size: 12px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align: left;
		font-weight:bold;
		padding-left:40px;
		margin-top:-30px;
	}
	#compendio .vticker li #txtPais{
		color: #566473;
		font-size: 12px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align: left;
		font-weight:normal;
		padding-left:40px;
		margin-top:-40px;
	}
	#compendio .vticker li #txtTexto{
		color: #999999;
		font-size: 14px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align:justify;
		line-height:18px;
		padding-left:40px;
	}
	#compendio .vticker li #link a{
		color: #999999;
		font-size: 12px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align:left;
		line-height:25px;
		padding-left:40px;
		text-transform: uppercase;
		letter-spacing: 5px;
		outline: none;
		text-decoration:none;
		-webkit-transition-duration: 0.5s; 
	    -moz-transition-duration: 0.5s; 
	    -o-transition-duration: 0.5s; 
	    -ms-transition-duration: 0.5s;
	}
	#compendio .vticker li #link a:hover{
		color: #4ebae1;
	}
	#compendio .vticker li img, #compendio .vticker li #tdImg{
		vertical-align: text-top;
		width:120px;
		height:100px;
	}

}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */
@media only screen and (min-width: 769px) {

	/********************************* Compendio ********************************************/
	#compendio {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		background:#FFFFFF;
		position:relative;
		top:0;
		border-bottom: 1px solid #d9d9d9;
		padding:70px 0 90px 0;
		z-index:90;
		text-align:center;
	}
	#compendio #txtTitulo {
		color: #566473;
		font-size: 34px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align: center;
		font-weight:100;
		padding:40px 40px 30px 40px;
	}
	#compendio .botones {
		padding:2px 2px 25px 2px;
	}
	#compendio .botones img {
		width:20px;
		height:20px;
		padding:2px;
		cursor:pointer;
		-webkit-transition-duration: 0.5s; 
	    -moz-transition-duration: 0.5s; 
	    -o-transition-duration: 0.5s; 
	    -ms-transition-duration: 0.5s;
	}
	#compendio .botones img:hover {
		opacity:0.4;
	}
	#compendio .vticker {
		position:relative;
		clear: both;
		width:90%;
		display:inline-block;
		text-align:center;
	}
	#compendio .vticker ul{
		padding: 0;
	}
	#compendio .vticker li{
		width:100%;
		border-top: 1px solid #CCC;
		padding-bottom:15px;
	}
	#compendio .vticker li #txtTitulo{
		color: #566473;
		font-size: 22px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align: left;
		font-weight:100;
		margin-top:-40px;
	}
	#compendio .vticker li #txtInstitucion{
		color: #566473;
		font-size: 14px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align: left;
		font-weight:bold;
		padding-left:40px;
		margin-top:-30px;
	}
	#compendio .vticker li #txtPais{
		color: #566473;
		font-size: 14px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align: left;
		font-weight:normal;
		padding-left:40px;
		margin-top:-50px;
	}
	#compendio .vticker li #txtTexto{
		color: #999999;
		font-size: 18px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align:justify;
		line-height:25px;
		padding-left:40px;
	}
	#compendio .vticker li #link a{
		color: #999999;
		font-size: 14px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-align:left;
		line-height:25px;
		padding-left:40px;
		text-transform: uppercase;
		letter-spacing: 5px;
		outline: none;
		text-decoration:none;
		-webkit-transition-duration: 0.5s; 
	    -moz-transition-duration: 0.5s; 
	    -o-transition-duration: 0.5s; 
	    -ms-transition-duration: 0.5s;
	}
	#compendio .vticker li #link a:hover{
		color: #4ebae1;
	}
	#compendio .vticker li img, #compendio .vticker li #tdImg{
		vertical-align: text-top;
		width:180px;
		height:160px;
	}
	
}