* { margin:0; padding:0; font-size:10px; color:#a0a0a0; letter-spacing:-0.1px; font-family: Arial, Helvetica, sans-serif; }

img, div, p {behavior: url(iepngfix.htc); }
img { border:0 none;}
html { overflow-y: scroll; }
html, body { height: 100%; }
* html .full-wrapper { height: 100%; }
body { background:#0c4377; }

.full-wrapper { width:1020px; margin:0 auto; background:#3e7ab2; min-height:100%; height:100%; }
.wrapper { width:990px; overflow:hidden; margin:0 auto; text-align:left; padding:0 0 101px 30px; background:#FFF url(images/footer.gif) bottom left no-repeat; }
.header h2 { float:left; padding:0; margin:29px 0 0 0; }


/*NAV PRINCIPAL*/
#nav { float:right; list-style-type:none; height:11px; margin:71px 12px 0 0; display:inline; overflow:hidden; }
#nav li { float:left; }
#nav a { background:url(images/sprites.gif) no-repeat; text-decoration:none; display:block; height:11px; margin:0 17px 0 0; }
/*boton grafica*/
#nav a.grafica { background-position: 0 -17px; width:70px; }
#grafica #nav a.grafica, #nav a.grafica:hover { background-position:0 0; }
/*boton digital*/
#nav a.digital { background-position: 0 -57px; width:61px; }
#digital #nav a.digital, #nav a.digital:hover { background-position:0 -40px; }
/*boton identidad*/
#nav a.identidad { background-position: 0 -96px; width:84px; }
#identidad #nav a.identidad, #nav a.identidad:hover { background-position:0 -79px; }
/*boton cv*/
#nav a.cv { background-position: 0 -136px; width:21px; }
#nav a.cv:hover { background-position:0 -119px; }


/*LAYOUT*/
.content { overflow:hidden; float:left; clear:both; margin:30px 0 0 0; width:990px; min-height:592px; }
ul#thumbs{ list-style-type:none; margin:0; padding:0; float:left; width:990px; }
ul#thumbs li{ float:left; display:inline; }
ul#thumbs a{ display:block; text-decoration:none; width:228px; height:132px; padding:0 16px 16px 0; }
ul#thumbs a:hover{ filter: alpha(opacity=30); opacity: .3; }
ul#thumbs a img{ background:#e7e7e7; }
ul#thumbs img.empty{ width:228px; height:132px; padding:0 16px 16px 0; }


.detail { overflow:hidden; padding:10px 0 30px 0; margin:0 30px 30px 0; border-bottom:1px solid #eee; border-top:1px solid #eee; /*height:100%;*/ display:none; float:left; width:960px; }
.detail p.cerrar { float:right; margin:0 0 10px 0; }
.detail p.cerrar a { text-indent:-9999px; background:url(images/sprites.gif) 0 -244px no-repeat; width:59px; height:14px; display:block; }
.detail p.cerrar a:hover { background-position: 0 -225px; }
.detail a.cerrar { float:right; margin:0 0 10px 0; text-indent:-9999px; background:url(images/sprites.gif) 0 -244px no-repeat; width:59px; height:14px; display:block; }
.detail a.cerrar:hover { background-position: 0 -225px; }
.description-image { overflow:hidden; clear:both; width:100%; }
.description-image .description { float:left; background:url(images/sprites.gif) 0 -271px no-repeat; width:164px; height:182px; padding:20px; position:relative; }
.description-image .description h4 { margin: 0 0 4px 0; font-size:12px; font-weight:normal; text-transform:uppercase; }
.description-image .description h2 { font-size:14px; color:#393939; line-height:15px; margin: 0 0 12px 0; text-transform:uppercase; font-weight:normal; }
.description-image .description h5 { font-size:12px; font-weight:normal; line-height:16px; text-transform:uppercase; position:absolute; bottom:40px; left:20px; color:#787878; }
.description-image .description h5 a.link { font-size:12px; font-weight:normal; line-height:16px; background:url(images/arrow.gif) right center no-repeat; padding:0 16px 0 0; text-decoration:none; color:#787878; }
.description-image .description h5 a.link:hover { text-decoration:underline; }
.description-image .description h5 span { font-size:12px; font-style:italic; text-transform:none; }
.description-image .image { float:right; display:block; width:724px; }