@charset "utf-8";
/* CSS Document 
left:20em; */

body { font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:url(../img/background.jpg) no-repeat top left; overflow-y:scroll; }
.clear { clear:both; }
#content { display:block; margin:0 auto; width:92.6em; }

.lnk {color:#c7221b;}

h1#logo { float:left; display:inline; width:17.5em; height:6.5em; margin:2.9em 0 0 4.5em; }

ul#mainMenu { float:right; display:inline; margin:5.5em 0 0; }
ul#mainMenu li { float:left; display:inline; margin:0 6em 0 0; height:1.5em; text-indent:-9000em; background-position:top right; }
ul#mainMenu li a { display:block; height:1.5em; }
ul#mainMenu li#mnClientes { width:5.9em; background:url(../img/menuClientes.png) no-repeat bottom; }
ul#mainMenu li#mnContagious { width:7.8em; background:url(../img/menuContagious.png) no-repeat bottom; }
ul#mainMenu li#mnEquipo { width:4.5em; background:url(../img/menuEquipo.png) no-repeat bottom; }
ul#mainMenu li#mnLared { width:4.5em; background:url(../img/menuLared.png) no-repeat bottom; }
ul#mainMenu li#mnDondeEstamos { width:6.5em; background:url(../img/menuContacto.png) no-repeat bottom; }

#lastJobs { float:left; display:inline; margin:0 0 0 4.5em; width:88.5em; overflow:hidden; background:url(../img/topShadow.png) no-repeat top left;}
#lastJobs ul {float:left; display:inline;}
#lastJobs ul li { float:left; display:inline; }

#lastJobs ul.subMenu { margin:3.5em 0 0 0; z-index:1000;}
#lastJobs ul.subMenu li { margin:0 1.8em 0 0;}
#lastJobs ul.subMenu li h2 { width:16.7em; height:2.2em; margin:0 0 0 0; background:transparent url(../img/titleUltimosTrabajos.png) no-repeat top left; text-indent:-9000em; }
#lastJobs ul.subMenu li a { font-size:1.2em; margin:0 0 0 5em; color:#000; text-decoration:none; background:#fff; }
/*#lastJobs ul.subMenu li a { font-size:1.2em; margin:0 0 0 5em; color:#000; text-decoration:none; background:#fff; }*/
#lastJobs ul.subMenu li a:hover { text-decoration:underline; color:#c7221b; }

#lastJobs ul.trabajos { margin:0; }
#lastJobs ul.trabajos li { float:left; display:inline; margin:2.3em 2.3em 0 0;background:#000;height:186px;}
#lastJobs ul.trabajos li a:hover{filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.50;opacity:0.5;}

.paginacion { float:left; display:inline; width:85.3em; height:2em; text-align:center; margin:1.5em 0 0 4.5em; }
.paginacion ul { float:right; font-size:1.1em; }
.paginacion ul li { float:left; display:inline; margin:0 0 0 2em; cursor:pointer; }
.paginacion ul li span { color:#c7221b; font-weight:900; cursor:auto; }
.paginacion ul li.separador { cursor:auto; }
.paginacion ul li span.no { color:#999; font-weight:100; cursor:auto; }

#contagious, #lared, #equipo, #where { float:left; display:inline; position:relative; margin:1em 0 1em 4.5em; background:#fff; filter: alpha(opacity=80); opacity:.8;  width:85.1em; border:1px solid #ccc; }


#clients { float:left; display:inline; position:relative; margin:1em 0 1em 4.5em; background:#fff; filter: alpha(opacity=80); opacity:.8;  width:85.1em; border:1px solid #ccc; text-align:center;padding-top:20px; }
#clients ul li { float:left; display:inline; width:20em; margin:0em 5em 5em 0em; }

#equipo .nosotros { position:absolute; top:4em; left:38em; width:26em; height:20em; font-size:1.2em; }
#lared .red { position:absolute; top:4em; left:38em; width:36em; font-size:1.2em;}
#where .direccion { position:absolute; top:4em; left:38em; width:36em; height:20em; font-size:1.2em; }
#contagious .cont { position:absolute; top:4em; left:28em; width:36em;  font-size:1.2em; }

.btnClose {  position:absolute; top:0.7em; right:0.7em; width:4em; height:1.7em; padding:0 0 0 1.7em; text-align:right; background:url(../img/btnClose.png) no-repeat top left; visibility:visible; }
.btnClose a { font-size:1.1em; font-weight:bold; color:#000; text-decoration:none; }
.btnClose a:hover { color:#c7221b; text-decoration:underline; }

#pie { float:left; display:inline; width:85.3em; height:7em; border-top:1px solid #ccc; margin:1.5em 0 0 4.5em; padding:0.2em 0 0 0; background:url(../img/lion.jpg) no-repeat center right; }
#pie p { font-size:1.1em; }
#pie p strong { font-weight:bold; }

div#ie6 { position:absolute; display:block; top:0px; left:0px; background:url(../img/divie6.gif) repeat-x; font-size:1.2em; width:100%; padding-top:8px; height:3.5em; text-align:center; }
div#ie6 span { font-weight:bold; }

#textoClientes {position:absolute;background:#c7221b;padding:3px 3px 3px 3px;font-family:Helvetica, Arial, sans-serif;color:#FFFFFF;font-size:11px;visibility:hidden;text-transform:uppercase;z-index:1000;text-align:center;}