@font-face {
    font-family: 'comix_loudregular';
    src: url('font/comix_loud-webfont.eot');
    src: url('font/comix_loud-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/comix_loud-webfont.woff') format('woff'),
         url('font/comix_loud-webfont.ttf') format('truetype'),
         url('font/comix_loud-webfont.svg#comix_loudregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background:url("images/bg-light.png");
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

html { 
 /* Prevent font scaling in landscape */ 
	-moz-text-size-adjust:none;
	-o-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-webkit-text-size-adjust: none;
	 text-size-adjust: none;	
	 }

.clear{ clear:both; }

.sprite{ background:url("images/sprite-nuevo.png");}

.medida{ width:1254px; margin:0 auto;}

/* -- HEADER ---------------------------------------------------------------------------------------------------------------------------------------------  */
.header{ display:block; border-top:1px solid #000; border-bottom:2px solid #fff; background:url(images/bg-header.png) left top repeat-x; height:50px; min-width:1254px; }

	/**/
	.header .logo{ width:152px; height:30px; margin:10px 0 0; float:left;}
	.header .logo a{ display:block; background-position:left top; width:152px; height:30px; text-indent:-9999px;}

	/**/
	.header h4{ 
		float:right; height:30px; margin:20px 15px 0 0;
		color:#FFFFFF; font-size:12px; font-family:'comix_loudregular';
		
		-moz-text-shadow: 0px 1px 3px #101010; -o-text-shadow: 0px 1px 3px #101010; -ms-text-shadow: 0px 1px 3px #101010; -webkit-text-shadow: 0px 1px 3px #101010; text-shadow: 0px 1px 3px #101010;	
		}
	.header h4 .ico-check{ display:block; float:left; background-position:-157px -1px; width:16px; height:14px; text-indent:-9999px; margin:0 8px 0 0; }


/* COLUMNAS ------------------------------------------------------------------------------------------------------------------------------ */
.columnas{ display:table; width:1254px; margin:0 auto; padding:0; }

	/* COLUMNA IZQUIERDA ------------------------------------------------------------------------------------------------------------------------------ */
	.columna-izq{ display:block; float:left; width:237px; padding:0 5px 0 0; }
	.columna-izq a.thumb{ display:block; background-color:#FFF; width:229px; height:196px; padding:3px; color:#FFFFFF; border:1px solid #CCCCCC; margin:15px 0; }


	/* COLUMNA CENTRO --------------------------------------------------------------------------------------------------------------------------------- */
	.columna-centro{ display:block; float:left; width:747px; padding:0 10px; background:url("images/bg-dark.png"); display:; text-align:center; border-left:1px solid #CCC; border-right:1px solid #CCC;}
	
	.columna-centro a.thumb{ display:inline-block; background-color:#FFF; width:175px; height:140px; padding:3px; color:#FFFFFF; border:1px solid #CCCCCC; margin:10px; position:relative; }
	.columna-centro a.thumb span.lupa{ display:none; width:81px; height:81px; background-position:0px -31px; position:absolute; top:36px; left:52px; }
	.columna-centro a.thumb:hover span.lupa{ display:block; }
		
	.columna-centro h1{ color: #FF7C00; display: block; font-size: 26px; font-weight: bold; margin:20px 0; }
	.columna-centro h1 a{ color: #292929; text-decoration:none; }
	
	.columna-centro p{ color: #292929; font-size:14px; line-height:16px; text-align:left; margin:0 7px 15px; }

	/**/
	.thumb-grande{ padding:43px 0;}
	.thumb-grande a.thumb{ display:inline-block; background-color:#FFF; width:229px; height:196px; padding:3px; color:#FFFFFF; border:1px solid #CCCCCC; margin:15px 5px 0; }


	/* COLUMNA DERECHA -------------------------------------------------------------------------------------------------------------------------------- */
	.columna-der{ display:block; float:left; width:237px; padding:0 0 0 5px;}
	.columna-der a.thumb{ display:block; background-color:#FFF; width:229px; height:196px; padding:3px; color:#FFFFFF; border:1px solid #CCCCCC; margin:15px auto; }


/* -- FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------  */
.footer{ display:block; border-top:1px solid #ccc; padding:20px; }

	.footer p{ text-align:center; font-size:11px; color: #666666; line-height:14px; }
	.footer p a{ color: #666666; text-decoration:none; }
	.footer p a:hover{ text-decoration:underline; }