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

/** fonts **/

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

@font-face {
    font-family: 'glosamedium';
    src: url('/especiales/premios-padre-urias/fonts/glosa-medium-webfont.eot');
    src: url('/especiales/premios-padre-urias/fonts/glosa-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/premios-padre-urias/fonts/glosa-medium-webfont.woff2') format('woff2'),
         url('/especiales/premios-padre-urias/fonts/glosa-medium-webfont.woff') format('woff'),
         url('/especiales/premios-padre-urias/fonts/glosa-medium-webfont.ttf') format('truetype'),
         url('/especiales/premios-padre-urias/fonts/glosa-medium-webfont.svg#glosamedium') format('svg');
}

@font-face {
    font-family: 'glosabold';
    src: url('/especiales/premios-padre-urias/fonts/glosa-bold-webfont.eot');
    src: url('/especiales/premios-padre-urias/fonts/glosa-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/premios-padre-urias/fonts/glosa-bold-webfont.woff2') format('woff2'),
         url('/especiales/premios-padre-urias/fonts/glosa-bold-webfont.woff') format('woff'),
         url('/especiales/premios-padre-urias/fonts/glosa-bold-webfont.ttf') format('truetype'),
         url('/especiales/premios-padre-urias/fonts/glosa-bold-webfont.svg#glosabold') format('svg');
}

@font-face {
    font-family: 'glosablack';
    src: url('/especiales/premios-padre-urias/fonts/glosa-black-webfont.eot');
    src: url('/especiales/premios-padre-urias/fonts/glosa-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/premios-padre-urias/fonts/glosa-black-webfont.woff2') format('woff2'),
         url('/especiales/premios-padre-urias/fonts/glosa-black-webfont.woff') format('woff'),
         url('/especiales/premios-padre-urias/fonts/glosa-black-webfont.ttf') format('truetype'),
         url('/especiales/premios-padre-urias/fonts/glosa-black-webfont.svg#glosablack') format('svg');
}

#header{
    width: 100%;
}
    .header-comercio{   
        background: #000;        
        padding: 12px 0 18px;
    }
        .ctn-header-comercio{
            margin: 0 auto;     
            max-width: 970px;
            text-align: center;
        }
            .ctn-header-comercio a{
                display: inline-block;                
                text-indent: -9999px;
            }
                a.logo-comercio{
                    background: url(/especiales/premios-padre-urias/img/logo-comercio.png) no-repeat 0 0;
                    background-size: 100%;
                    height: 30px;
                    width: 190px;
                }
                #social{
                    float: right;
                }
                    #social ul{
                        display: inline-block;
                        margin: 0 auto;
                        padding: 0;
                        vertical-align: middle;
                    }
                        #social ul li{
                            display: inline-block;
                            margin: 0 3px;
                            vertical-align: middle;
                        }
                            #social ul li a{
                                height: 36px;
                                width: 36px;
                            }
                                #social ul li a.facebook{
                                    background: url(/especiales/premios-padre-urias/img/sprite-redes.png) no-repeat 0 0;  
                                    background-size: 75px;                         
                                }
                                #social ul li a.tw{
                                    background: url(/especiales/premios-padre-urias/img/sprite-redes.png) no-repeat -37px 0;  
                                    background-size: 75px;                         
                                }


.wrapper{
	margin: 0 auto;
	max-width: 980px;
	width: 980px;
}
	.header{
		background: #494744; /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover,  #494744 0%, #21211f 100%); /* FF3.6-15 */
		background: -webkit-radial-gradient(center, ellipse cover,  #494744 0%,#21211f 100%); /* Chrome10-25,Safari5.1-6 */
		background: radial-gradient(ellipse at center,  #494744 0%,#21211f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494744', endColorstr='#21211f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		width: 980px;
	}
		img.premio{
			display: block;
			margin: 0 auto;
		}
		.corner{
			background: url(/especiales/premios-padre-urias/img/corner.jpg) no-repeat 0 0;
			height: 89px;
			width: 980px;
		}
		.header h1{
			color: #fcc710;
			font: 42px/46px 'glosablack';
			margin: 0 auto;
			padding: 25px 0 15px;
			text-align: center;
			text-transform: uppercase;
		}
		.header h2{
			color: #fff;
			font: 24px/28px 'glosamedium';
			margin: 0 auto;
			text-align: center;
			width: 620px;
		}

	h3.categorias{
		background: #fff;
	    color: #272727;
	    font: 22px/24px 'glosabold';
	    margin: 40px auto;
	    padding: 25px 0;
	    text-align: center;
	    width: 97%;
	}
		.sombras{
			position: relative;
		}
		.sombras:before, .sombras:after {
		    border-radius: 100px / 10px;
		    bottom: 0;
		    box-shadow: 0 0 10px rgba(0,0,0,0.10);
		    content: "";
		    left: 10px;
		    position: absolute;
		    top: 0;
		    right: 10px;
		    z-index: -1;
		}
	.box-main-categorias{
		margin: 0 auto;
		text-align: center;
		width: 940px;
	}
		.box-categoria{
			background: #242421;
			display: inline-block;
			margin: 0 6px 20px;
			text-align: center;
			vertical-align: top;
			width: 220px;
		}
			.box-categoria h4{
				color: #fff;
				font: 16px/22px 'glosabold';
				margin: 15px 0;
				padding: 0 2px;				
			}
			.box-categoria:hover{				
				color: #fcc710;
			}
			img.grayscale {
			    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
			    filter: gray; /* IE6-9 */
			    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
			    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
			    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
			}
				img.grayscale:hover {
				    filter: none;
				    -webkit-filter: grayscale(0%);
				}
			.active img,
			.active h4{
				color: #fcc710;
				filter: none;
				-webkit-filter: grayscale(0%);
			}

	.box-main-slider{
		margin: 20px 20px 10px;
		position: relative;
		width: 980px;
	}
		#slider1_container{
			height: 470px;
		}
		.box-main-slider p{
			color: #6f6f6e;
			font: 16px/28px 'glosaroman';
		}
			.box-main-slider p span{
				font-family: 'glosabold';
			}
			p.ganador{
				margin: 0;
			}
			p.trabajo{
				margin: 0 0 0 70px;
			}
			p.ganadores{
				margin: 0 0 0 85px;
			}
			.box-main-slider p i{
				background: url(/especiales/premios-padre-urias/img/icono-mas.png) no-repeat 0 0;
				background-size: 100%;
				display: inline-block;
				height: 16px;
				vertical-align: middle;
				width: 16px;
			}
	.jurado h4{
		color: #fcc710;
		margin: 15px 0 0;
	}
	.jurado h6{
		color: #fff;
		font-size: 16px;
		line-height: 18px;
		margin: 5px auto 10px;
	}



/** monitor Comercio **/
@media only screen and (max-width: 700px) {

    .wrapper {
    	box-sizing: border-box;
        width: 100%;
    }
    	.header{
    		width: 100%;
    	}
    		.header h2{
    			width: 90%;
    		}
    	.corner {
		    background: url(/especiales/premios-padre-urias/img/corner.jpg) no-repeat center center;		    
		    width: 100%;
		}
		.box-main-categorias{
			width: 100%;
		}
		.box-main-slider {
			margin: 0 auto;
			overflow: hidden;
		    width: 100%;
		}
		#slider1_container{
			height: 200px;
		}
			#slider1_container img{
				height: 40% !important;
				width: 42% !important; 		
			}
			.box-main-slider p {
			    margin: 0 20px;
			}
		img.premio {
	    width: 80%;
	}



}

/** monitor 768px alto **/
@media only screen and (max-width: 320px) {

}