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

/* Reset */
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset{margin:0;padding:0}
a img,:link img,:visited img, fieldset{border:none}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#423F3E;
}

a {
	outline:none;
}

#global {
	width: 850px;
	margin: 0px auto;
	overflow:hidden;
}


#cabecera {
	background: transparent url('../img/cabecera.jpg') no-repeat 50% 0%;
	height:294px;
}

#cabecera_small {
	background: transparent url('../img/cabecera-secciones.jpg') no-repeat 0% 0%;
	height:239px;
	width:740px;
	float:left;
	display:inline;
}

#inicio {
	height:689px;
	width:850px;
	margin: 0px auto;
	padding: 0px;
}


#menu {
	margin:10px 0px 5px 0px;
	width:100%;
	overflow:hidden;
	text-align:center;
}

#menu_small {
	padding-top:43px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu ul li {
	float:left;
	display:inline;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px 30px 5px 0px;
}

#menu_small ul {
	margin: 0px;
	padding: 0px;
}

#menu_small ul li {
	float:right;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	width:100px;
	font-size:10px;
	text-align:left;
	padding-bottom:2px;
}

#menu ul li a:link, #menu ul li a:visited, #menu_small ul li a:link, #menu_small ul li a:visited  {
	color:#423F3E;
	text-decoration:none;
}

#menu ul li a:link span, #menu ul li a:visited span, #menu_small ul li a:link span, #menu_small ul li a:visited span {
	color:#ff0066;
	text-decoration:none;
}

#menu ul li a:hover, #menu_small ul li a:hover {
	color:#ff0066;
	text-decoration:none;
}

#menu ul li a:hover span, #menu_small ul li a:hover span {
	color:#423F3E;
	text-decoration:none;
}

#menu_small ul li.actual {
	color:#999;
}

#content {
	padding:25px 0px;
	width:100%;
	clear:both;
}

#content h2, #news h2, #footer h2 {
	text-transform:uppercase;
	color:#999;
	font-size:11px;
	font-weight:bold;
	width:10em;
	margin:0px auto 15px auto;
	text-align:center;
}

#news h2 {
	margin:0px auto 20px auto;
}

#content h2 span, #news h2 span, #footer h2 span {
	font-size:11px;
	color:#ff0066;
	padding-right:3px;	
}

a.imagen:link, a.imagen:visited {
	display:block;
	width:850px;
	height:75px;
	padding:0px;
	margin:0px;
	text-indent:-9999px;
}

#news {
	overflow:hidden;
	width:100%;
	clear:both;
	margin-bottom:15px;
}


#news .noticia {
	width:45%;
	padding-right:30px;
	float:left;
	display:inline;
}

#news .linea_noticias {
    margin-bottom:40px;
	clear:both;
	overflow:hidden;
}

#news .noticia p {
	color:#423F3E;
	font-size:11px;
	line-height:115%;
	padding-bottom:5px;
}


#news .noticia p a:link,
#news .noticia p a:visited {
	color:#f06;
	text-decoration:none;
	font-weight:normal;
}

#news .noticia p a:hover {
	color:#423F3E;
	text-decoration:none;
	font-weight:normal;
}

#news .noticia h3 {
	color:#101817;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

#news .noticia h3 span {
	color:#f06;
	padding-right:4px;
}

#news .noticia p.subtitular {
	color:#666;
	display:block;
	font-size:10px;
	padding-bottom: 4px;
}

#news .noticia p.subtitular span {
	color:#f06;
	padding-right:3px;
}


#footer {
	padding-bottom: 25px;
}

#footer #logos {
	width:675px;
	margin:auto;
	clear:both;
	overflow:hidden;
}

#footer #awards {
    clear:both;
	margin:10px auto;
	text-align:center;
}

#footer #logos a:link, 
#footer #logos a:visited,
#footer #logos a:hover {
	border:0px;
	text-decoration:none;
	width: 75px;
	height: 75px;
	display:inline;
	float:left;
}

#footer #legal {
	width: 100%;
	text-align:center;
	color:#999;
	font-size:9px;
	padding-top: 20px;
	clear:both;	
}

#footer #legal img {
	padding: 0px 5px 0px 7px;
	position: relative;
	top: 2px;
}

#footer #legal a:link,
#footer #legal a:visited, 
#footer #legal a:hover {
	padding: 0px 0px 2px 0px;
	text-decoration:none;
	color: #555;
}

ul.curriculum {
	width: 460px;
}

ul.curriculum li {
	padding-bottom:15px;	
}

ul.curriculum li strong{
	color:#f06;	
}

#content a:link, #content a:visited {
	color:#f06;
	font-weight:normal;
	text-decoration:none;
}

#content a:hover {
	color:#423F3E;
}

a.siguiente:link, a.siguiente:visited {
	color:#f06;
	font-weight:bold;
	float:right;
	text-decoration:none;
}

a.siguiente:hover {
	color:#423F3E;
}

a.oculto {
	display:none;
}

a.fb_share_link {
margin-left:10px;
padding:2px 0px 0px 20px !important;
}

div#red {
clear:both;
margin:0px auto 25px auto;
text-align:center;
width: 380px;
}

div#red img{
margin:0px 5px 0px 5px;
}

/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #ffffff; width: 300px; height: 300px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 40%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 50% no-repeat; }

#imageDataContainer{ font-size: 12px; color:#ccc; background-color: #ffffff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;font-size:10px;font-family:Arial, Helvetica, sans-serif;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; color:#666666;font-size: 12px;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #666; }
#lightboxImage {border:1px solid #a9a9a9;}


/* IMAGENES */

a.img001:link, 
a.img001:visited {
	background: transparent url('../img/grafica/miniblack/miniblack_corte2.jpg') no-repeat 0% 0%;
}

a.img001:hover {
	background: transparent url('../img/grafica/miniblack/miniblack_corte.jpg') no-repeat 0% 0%;
}

a.img002:link, 
a.img002:visited {
	background: transparent url('../img/grafica/type/type_corte2.jpg') no-repeat 0% 0%;
}

a.img002:hover {
	background: transparent url('../img/grafica/type/type_corte.jpg') no-repeat 0% 0%;
}

a.img003:link, 
a.img003:visited {
	background: transparent url('../img/ilustracion/keesie/keesie_corte2.jpg') no-repeat 0% 0%;
}

a.img003:hover {
	background: transparent url('../img/ilustracion/keesie/keesie_corte.jpg') no-repeat 0% 0%;
}

a.img004:link, 
a.img004:visited {
	background: transparent url('../img/editorial/flashy/flashy_corte2.jpg') no-repeat 0% 0%;
}

a.img004:hover {
	background: transparent url('../img/editorial/flashy/flashy_corte.jpg') no-repeat 0% 0%;
}

a.img005:link, 
a.img005:visited {
	background: transparent url('../img/ilustracion/gina/gina_corte2.jpg') no-repeat 0% 0%;
}

a.img005:hover {
	background: transparent url('../img/ilustracion/gina/gina_corte.jpg') no-repeat 0% 0%;
}

a.img006:link, 
a.img006:visited {
	background: transparent url('../img/grafica/audi/audi_corte2.jpg') no-repeat 0% 0%;
}

a.img006:hover {
	background: transparent url('../img/grafica/audi/audi_corte.jpg') no-repeat 0% 0%;
}

a.img007:link, 
a.img007:visited {
	background: transparent url('../img/editorial/ontheroad/jack_corte2.jpg') no-repeat 0% 0%;
}

a.img007:hover {
	background: transparent url('../img/editorial/ontheroad/jack_corte.jpg') no-repeat 0% 0%;
}

a.img008:link, 
a.img008:visited {
	background: transparent url('../img/grafica/iberia/iberia_corte2.jpg') no-repeat 0% 0%;
}

a.img008:hover {
	background: transparent url('../img/grafica/iberia/iberia_corte.jpg') no-repeat 0% 0%;
}

a.img009:link, 
a.img009:visited {
	background: transparent url('../img/editorial/ender/ender_corte2.jpg') no-repeat 0% 0%;
}

a.img009:hover {
	background: transparent url('../img/editorial/ender/ender_corte.jpg') no-repeat 0% 0%;
}

a.img010:link, 
a.img010:visited {
	background: transparent url('../img/editorial/tipografia_2ble_pagina/tipo_corte2.jpg') no-repeat 0% 0%;
}

a.img010:hover {
	background: transparent url('../img/editorial/tipografia_2ble_pagina/tipo_corte.jpg') no-repeat 0% 0%;
}

a.img011:link, 
a.img011:visited {
	background: transparent url('../img/ilustracion/birra/birra_corte2.jpg') no-repeat 0% 0%;
}

a.img011:hover {
	background: transparent url('../img/ilustracion/birra/birra_corte.jpg') no-repeat 0% 0%;
}

a.img012:link, 
a.img012:visited {
	background: transparent url('../img/ilustracion/lobezno/lobezno_corte2.jpg') no-repeat 0% 0%;
}

a.img012:hover {
	background: transparent url('../img/ilustracion/lobezno/lobezno_corte.jpg') no-repeat 0% 0%;
}

a.img013:link, 
a.img013:visited {
	background: transparent url('../img/grafica/dialeg/dialeg_corte2.jpg') no-repeat 0% 0%;
}

a.img013:hover {
	background: transparent url('../img/grafica/dialeg/dialeg_corte.jpg') no-repeat 0% 0%;
}

a.img014:link, 
a.img014:visited {
	background: transparent url('../img/grafica/human_fly/human_corte2.jpg') no-repeat 0% 0%;
}

a.img014:hover {
	background: transparent url('../img/grafica/human_fly/human_corte.jpg') no-repeat 0% 0%;
}

a.img015:link, 
a.img015:visited {
	background: transparent url('../img/grafica/viento/provaviento_corte2.jpg') no-repeat 0% 0%;
}

a.img015:hover {
	background: transparent url('../img/grafica/viento/provaviento_corte.jpg') no-repeat 0% 0%;
}

a.img016:link, 
a.img016:visited {
	background: transparent url('../img/artwork/paranoya_drasik/drasikparanoya_corte2.jpg') no-repeat 0% 0%;
}

a.img016:hover {
	background: transparent url('../img/artwork/paranoya_drasik/drasikparanoya_corte.jpg') no-repeat 0% 0%;
}

a.img017:link, 
a.img017:visited {
	background: transparent url('../img/artwork/prova_miniblack_1/provamb_corte2.jpg') no-repeat 0% 0%;
}

a.img017:hover {
	background: transparent url('../img/artwork/prova_miniblack_1/provamb_corte.jpg') no-repeat 0% 0%;
}

a.img018:link, 
a.img018:visited {
	background: transparent url('../img/artwork/prova_miniblack_2/provambwhite_corte2.jpg') no-repeat 0% 0%;
}

a.img018:hover {
	background: transparent url('../img/artwork/prova_miniblack_2/provambwhite_corte.jpg') no-repeat 0% 0%;
}

a.img019:link, 
a.img019:visited {
	background: transparent url('../img/artwork/prova_theater/theater_corte2.jpg') no-repeat 0% 0%;
}

a.img019:hover {
	background: transparent url('../img/artwork/prova_theater/theater_corte.jpg') no-repeat 0% 0%;
}

a.img020:link, 
a.img020:visited {
	background: transparent url('../img/feedbacks/roger/feedback_corte2.jpg') no-repeat 0% 0%;
}

a.img020:hover {
	background: transparent url('../img/feedbacks/roger/feedback_corte.jpg') no-repeat 0% 0%;
}

a.img021:link, 
a.img021:visited {
	background: transparent url('../img/feedbacks/eagle/eagle_corte2.jpg') no-repeat 0% 0%;
}

a.img021:hover {
	background: transparent url('../img/feedbacks/eagle/eagle_corte.jpg') no-repeat 0% 0%;
}

a.img022:link, 
a.img022:visited {
	background: transparent url('../img/ilustracion/hello/hello_corte2.jpg') no-repeat 0% 0%;
}

a.img022:hover {
	background: transparent url('../img/ilustracion/hello/hello_corte.jpg') no-repeat 0% 0%;
}

a.img023:link, 
a.img023:visited {
	background: transparent url('../img/ilustracion/belio/belio_corte2.jpg') no-repeat 0% 0%;
}

a.img023:hover {
	background: transparent url('../img/ilustracion/belio/belio_corte.jpg') no-repeat 0% 0%;
}

a.img024:link, 
a.img024:visited {
	background: transparent url('../img/ilustracion/camiseta/niger_corte2.jpg') no-repeat 0% 0%;
}

a.img024:hover {
	background: transparent url('../img/ilustracion/camiseta/niger_corte.jpg') no-repeat 0% 0%;
}

a.img025:link, 
a.img025:visited {
	background: transparent url('../img/grafica/campnou/drasik_campnou_corte_blanco.jpg') no-repeat 0% 0%;
}

a.img025:hover {
	background: transparent url('../img/grafica/campnou/drasik_campnou_corte.jpg') no-repeat 0% 0%;
}

a.img026:link, 
a.img026:visited {
	background: transparent url('../img/grafica/honda/Honda_drasik_corte2.jpg') no-repeat 0% 0%;
}

a.img026:hover {
	background: transparent url('../img/grafica/honda/Honda_drasik_corte.jpg') no-repeat 0% 0%;
}

a.img027:link, 
a.img027:visited {
	background: transparent url('../img/ilustracion/calendario_estrella/calendario_corte2.jpg') no-repeat 0% 0%;
}

a.img027:hover {
	background: transparent url('../img/ilustracion/calendario_estrella/calendario_corte.jpg') no-repeat 0% 0%;
}

a.img028:link, 
a.img028:visited {
	background: transparent url('../img/grafica/insight/insight_1.jpg') no-repeat 0% 0%;
}

a.img028:hover {
	background: transparent url('../img/grafica/insight/insight_2.jpg') no-repeat 0% 0%;
}

a.img029:link, 
a.img029:visited {
	background: transparent url('../img/grafica/dewars/dewars_corte2.png') no-repeat 0% 0%;
}

a.img029:hover {
	background: transparent url('../img/grafica/dewars/dewars_corte1.png') no-repeat 0% 0%;
}

a.img030:link, 
a.img030:visited {
	background: transparent url('../img/grafica/honda/drasik_honda_corte_2.jpg') no-repeat 0% 0%;
}

a.img030:hover {
	background: transparent url('../img/grafica/honda/drasik_honda_corte_1.jpg') no-repeat 0% 0%;
}

/* LOGOS */

a.logo01:link,
a.logo01:visited  {
	background: transparent url('../img/logos/mrmota_blanco.jpg') no-repeat 0% 0%;
}

a.logo01:hover {
	background: transparent url('../img/logos/mrmota.jpg') no-repeat 0% 0%;
}

a.logo02:link,
a.logo02:visited  {
	background: transparent url('../img/logos/foan82_blanco.jpg') no-repeat 0% 0%;
}

a.logo02:hover {
	background: transparent url('../img/logos/foan82.jpg') no-repeat 0% 0%;
}

a.logo03:link,
a.logo03:visited  {
	background: transparent url('../img/logos/honeydesign_blanco.jpg') no-repeat 0% 0%;
}

a.logo03:hover {
	background: transparent url('../img/logos/honeydesign.jpg') no-repeat 0% 0%;
}

a.logo04:link,
a.logo04:visited  {
	background: transparent url('../img/logos/magierski_blanco.jpg') no-repeat 0% 0%;
}

a.logo04:hover {
	background: transparent url('../img/logos/magierski.jpg') no-repeat 0% 0%;
}

a.logo05:link,
a.logo05:visited  {
	background: transparent url('../img/logos/96k_blanco.jpg') no-repeat 0% 0%;
}

a.logo05:hover {
	background: transparent url('../img/logos/96k.jpg') no-repeat 0% 0%;
}

a.logo06:link,
a.logo06:visited  {
	background: transparent url('../img/logos/kaaliss_blanco.jpg') no-repeat 0% 0%;
}

a.logo06:hover {
	background: transparent url('../img/logos/kaaliss.jpg') no-repeat 0% 0%;
}

a.logo07:link,
a.logo07:visited  {
	background: transparent url('../img/logos/tfrlab_blanco.jpg') no-repeat 0% 0%;
}

a.logo07:hover {
	background: transparent url('../img/logos/tfrlab.jpg') no-repeat 0% 0%;
}

a.logo08:link,
a.logo08:visited  {
	background: transparent url('../img/logos/julia_blanco.jpg') no-repeat 0% 0%;
}

a.logo08:hover {
	background: transparent url('../img/logos/julia.jpg') no-repeat 0% 0%;
}


a.logo09:link,
a.logo09:visited  {
	background: transparent url('../img/logos/basism_blanco.jpg') no-repeat 0% 0%;
}

a.logo09:hover {
	background: transparent url('../img/logos/basism.jpg') no-repeat 0% 0%;
}