@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px; list-style:none;}
html, body{width:100%;height:100%;position:relative;}
body{font-size:62.5%;line-height: normal;}
div#contenedor{width:100%;height:100%;min-height: 520px;min-width: 800px;display:block;position:absolute;z-index:1;left:0px;top:0px;}
div#logo{width:468px; height:104px;position:absolute;top:55%;left:50%;margin-left:-234px;margin-top:-52px; z-index:2;}

/* info tooltip: */
.bubbleInfo {position: relative;width:468px; height:104px; z-index:3;}
.popup {position: absolute;display: none;width:450px; height:199px;background:url(../img/buble.gif) no-repeat left top; z-index:4;}

/* menu: */
div#menu{display:block; position:absolute; bottom:0px; left:50%; width:125px; height:30px; margin-left:-68px; text-align:center;}
div#menu a img{border:none; text-decoration:none;}

/* Modal: */
#modalOverlay {background-color:#000; z-index:900;position:absolute;width:100%; height:100%;min-height: 520px;left:0px; top:0px;opacity:.9;-moz-opacity: 0.9;filter: alpha(opacity=90);}
#modalBg{height:100%; width:100%;background: url(../img/portfolio-bg.jpg) center bottom no-repeat}
#modalContainer {height:420px; width:100%; left:0px; top:60%; background:transparent;margin-top:-210px; color:#000000;position:absolute; z-index:999;border-top:solid 1px #333;border-bottom:solid 1px #333}
.iFrameContent{width:100%; height:100%; border:none; background:transparent;}
.tit-portfolio{width:774px;height:222px;position:absolute; top:60%; left:50%; margin-top:-432px; margin-left:-385px}
.close-portfolio{width:30px;height:30px;position:absolute; top:10px; right:10px;cursor:pointer}

/* Contacto: */
#contacto{position:relative;z-index:5;width:100%;height:87px;top:0px;}
#contacto #bg{width:100%; height:100%;display:block;position:absolute;bottom:87px;background:#212121 url(../img/contacto-bg.jpg) repeat-x left bottom; text-align:center}
#contacto #bg2{width:860px; height:250px;display:block;background:url(../img/contacto_bg.gif) no-repeat left top; text-align:center;position:absolute;bottom:325px;left:50%;margin-left:-430px;z-index:8;}
#contacto #bg #content{display:none;width:810px;height:255px;position:absolute;bottom:60px;left:50%;margin-left:-410px;z-index:8; font-family:  'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; color:#999999;font-size:1em; line-height:1.4em; text-align:left;overflow:hidden}
#contacto #bg #content p{padding-bottom:1.4em; margin-right:2.4em}
#contacto #bg #content p a img{border:none}
#contacto #bg #content p strong{color:#cccccc; font-weight:normal}

#contacto #bg div.btn_cerrar_contacto {position:absolute; bottom:0px;border:none;text-decoration:none;width:120px;margin-left:-60px;left:50%;height:25px;text-align:center;display:block}
#contacto #bg div.btn_cerrar_contacto a img{border:none}
#contacto #cierre{position:absolute;width:100%;height:8px;background:url(../img/contacto-bg.png) repeat-x;left:0px;bottom:79px;display:block;overflow:hidden;z-index:6}
#contacto #toggler{position:absolute;width:23px;height:81px;left:50%;bottom:0px;margin-left:-12px;z-index:7}
#contacto #toggler a img{border:none;text-decoration:none;outline:0}