body{	
	background: #fff;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
}
a{
	text-decoration: none;
}

/** fonts **/

@font-face {
    font-family: 'actolight';
    src: url('/especiales/resumen-anual-2015/fonts/acto-light-webfont.eot');
    src: url('/especiales/resumen-anual-2015/fonts/acto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/resumen-anual-2015/fonts/acto-light-webfont.woff2') format('woff2'),
         url('/especiales/resumen-anual-2015/fonts/acto-light-webfont.woff') format('woff'),
         url('/especiales/resumen-anual-2015/fonts/acto-light-webfont.ttf') format('truetype'),
         url('/especiales/resumen-anual-2015/fonts/acto-light-webfont.svg#actolight') format('svg');
}

@font-face {
    font-family: 'actosemibold';
    src: url('/especiales/resumen-anual-2015/fonts/acto-semibold-webfont.eot');
    src: url('/especiales/resumen-anual-2015/fonts/acto-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/resumen-anual-2015/fonts/acto-semibold-webfont.woff2') format('woff2'),
         url('/especiales/resumen-anual-2015/fonts/acto-semibold-webfont.woff') format('woff'),
         url('/especiales/resumen-anual-2015/fonts/acto-semibold-webfont.ttf') format('truetype'),
         url('/especiales/resumen-anual-2015/fonts/acto-semibold-webfont.svg#actosemibold') format('svg');
}

@font-face {
    font-family: 'actobold';
    src: url('/especiales/resumen-anual-2015/fonts/acto-bold-webfont.eot');
    src: url('/especiales/resumen-anual-2015/fonts/acto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/resumen-anual-2015/fonts/acto-bold-webfont.woff2') format('woff2'),
         url('/especiales/resumen-anual-2015/fonts/acto-bold-webfont.woff') format('woff'),
         url('/especiales/resumen-anual-2015/fonts/acto-bold-webfont.ttf') format('truetype'),
         url('/especiales/resumen-anual-2015/fonts/acto-bold-webfont.svg#actobold') format('svg');
}

@font-face {
    font-family: 'actoblack';
    src: url('/especiales/resumen-anual-2015/fonts/acto-black-webfont.eot');
    src: url('/especiales/resumen-anual-2015/fonts/acto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/resumen-anual-2015/fonts/acto-black-webfont.woff2') format('woff2'),
         url('/especiales/resumen-anual-2015/fonts/acto-black-webfont.woff') format('woff'),
         url('/especiales/resumen-anual-2015/fonts/acto-black-webfont.ttf') format('truetype'),
         url('/especiales/resumen-anual-2015/fonts/acto-black-webfont.svg#actoblack') format('svg');
}

@font-face {
    font-family: 'glosaroman';
    src: url('/especiales/resumen-anual-2015/fonts/glosa-roman-webfont.eot');
    src: url('/especiales/resumen-anual-2015/fonts/glosa-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/resumen-anual-2015/fonts/glosa-roman-webfont.woff2') format('woff2'),
         url('/especiales/resumen-anual-2015/fonts/glosa-roman-webfont.woff') format('woff'),
         url('/especiales/resumen-anual-2015/fonts/glosa-roman-webfont.ttf') format('truetype'),
         url('/especiales/resumen-anual-2015/fonts/glosa-roman-webfont.svg#glosaroman') format('svg');
}

@font-face {
    font-family: 'glosa_displaybold';
    src: url('/especiales/resumen-anual-2015/fonts/glosadisplay-bold-webfont.eot');
    src: url('/especiales/resumen-anual-2015/fonts/glosadisplay-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/resumen-anual-2015/fonts/glosadisplay-bold-webfont.woff2') format('woff2'),
         url('/especiales/resumen-anual-2015/fonts/glosadisplay-bold-webfont.woff') format('woff'),
         url('/especiales/resumen-anual-2015/fonts/glosadisplay-bold-webfont.ttf') format('truetype'),
         url('/especiales/resumen-anual-2015/fonts/glosadisplay-bold-webfont.svg#glosa_displaybold') format('svg');
}




.clear{
	clear: both;
}

/** estilos header **/

.header-comercio{
	background: #000;
	padding: 0;	
	width: 100%;
	z-index: 50;
}
	.ctn-header{
		background: #000;
		margin: 0 auto;
		max-width: 1020px;
		padding: 10px 0;
		position: relative;		
	}
		.ctn-header a.logo,
		a.logo-footer{
			background: url(/especiales/resumen-anual-2015/img/sprites.png) no-repeat 0 0;
			display: inline-block;
			height: 26px;
			text-indent: -99999px;
			width: 170px;
		}
	#social{
		float: right;	
	}		
		#social ul {
			cursor: pointer;
			float: left;
			list-style-type: none;
			list-style-image: none;
			margin: 0;
			padding: 0;
			text-align: center;            
		}
			#social li{		        	
			    display: inline-block;
			    margin: 0;
			    *display: inline;
			    vertical-align: top;
			    zoom:1;
			}
				#social li a {
			        background: url(/especiales/resumen-anual-2015/img/sprites.png) no-repeat 0 0; 
			        border: 0;
			        display: block;
			        height: 11px; 
			        margin: 0 2px;                     
			        padding: 10px;
			        text-indent: -9999px;                          
			        width: 12px;
			    }
					#social li a#facebook {
					    background-position: 1px -31px;
					}
						#social li a#facebook:hover {
					    	background-position: 1px -66px;
						}			     
					#social li a#twitter {
					    background-position: -37px -31px;		
					}	
						#social li a#twitter:hover {
					    	background-position: -37px -66px;
						}	           
					#social li a#google {
					    background-position: -75px -31px;	           
					} 
						#social li a#google:hover {
					    	background-position: -75px -66px;
						}

/** contenedor **/

.box-main-titulo-resumen{
	background: #ffc928;
	width: 100%;
}
	.box-main-titulo-resumen h3{
		font: 44px/60px 'actolight';
		margin: 0 auto;
		max-width: 1020px;
		padding: 15px;
		text-transform: uppercase;
		
	}
		.box-main-titulo-resumen h3 span{
			font-family: 'actoblack';
		}

.contenedor{
	margin: 0 auto;
	max-width: 1020px;
	position: relative;
}
	.contenedor h1{
		color: #d1d3d4;
		font: 300px/195px 'glosa_displaybold';
		margin: 85px auto 0;
		text-align: center;
	}
	.contenedor h2{
		font: 68px/75px 'actolight';
		margin: 0 auto 60px;
		text-align: center;
	}
		.contenedor h2 span{
			font-family: 'actoblack';		
		}
	.main-slider{
		margin: 90px auto 0;
		width: 1020px;
	}
		.main-slider h4{
			color: #b22730;
			display: inline-block;
			font: 26px/28px 'actolight';
			margin: 0 auto;
			vertical-align: middle;
			text-transform: uppercase;
		}
		ul.menu{
			border-top: 1px dotted #c2c2c2;
			list-style-type: none;
			padding-top: 10px;
			text-align: center;
		}
			ul.menu li{
				display: inline-block;
				vertical-align: middle;
			}
				ul.menu li a{
					color: #000;
					display: block;
					font: 22px/26px 'actosemibold';
					padding: 5px 0;
				}
					ul.menu li a.active{
						color: #b22730;
					}
				#slide-counter {
					color: #c2c2c2;
					float: right;
					font: 15px/28px arial;
					margin: 0px 55px 0;
					text-align: center;				
				}
				.bx-wrapper .bx-controls-auto{
					right: 0;
					top: -30px;
					width: auto !important;
				}
				ul.bxslider li p{
					font: 14px/18px 'glosaroman';
				}
					ul.bxslider li p span{
						display: block;
						font-family: 'actobold';
						margin: 0 auto;
						text-transform: uppercase;
					}
	.bx-wrapper .bx-controls-auto .bx-stop{
		position: absolute;
		right: 0;
	    top: 0;	    
	    z-index: 10;	    
	}



/** iphone 4/5/6/6 plus **/
@media only screen and (max-width: 736px) {
	.ctn-header{
		padding: 10px;
	}
	.box-main-titulo-resumen h3{
		font: 28px/36px 'actolight';
		text-align: center;
	}
	.contenedor h1 {
		margin: 15px auto 0;
	    font: 150px/150px 'glosa_displaybold';
	}
	.contenedor h2 {
	    font: 50px/52px 'actolight';
	    margin: 0 auto 15px;
	}
	ul.menu{
		padding: 10px 0;
	}
		ul.menu li{
			display: block;
		}
			ul.menu li a{
				border-bottom: 1px solid #F3F3F3;
				padding-bottom: 10px;
			}
				ul.menu li a i{
					display: none;
				}
	.main-slider {
	    margin: 20px auto 0;
	    width: 95%;
	}
		.bx-wrapper .bx-viewport{
			left: 0 !important;
		}
		.bx-wrapper .bx-controls-direction a{
			top: 35% !important;
		}
		ul.bxslider li p {
		    font: 18px/24px 'glosaroman';
		}
		.bx-wrapper .bx-controls-auto {
		    top: -35px;
		}

}

/* ipad */
@media only screen and (min-height: 768px) {
	
	.main-slider {
	    margin: 20px auto 0;
	    width: 95%;
	}
	ul.menu{
		padding: 10px 0;
	}
	.bx-wrapper .bx-viewport{
		left: 0 !important;
	}
		ul.bxslider li p {
		    font: 18px/24px 'glosaroman';
		}
	
}


@media only screen and (min-width: 767px) and (max-width: 768px){

	
}