/*----------------------------CSS IMACITY by agrafos-------------------------*/

*{margin:0px; padding:0px; border:0px; text-decoration:none;}

html, body{
	margin:0; padding:0;
	height:100%;
}
body {
	font-family: Calibri, Frutiger, Vectora, "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 14px;
	background-color:#FFF;
}

/*----------------------------FLOATER------------------------------------*/
#floater{
	position:relative;
	float:left;
	height:50%;
	margin-bottom:-325px;
	width:1px;
}

/*----------------------------CONTAINER------------------------------------*/
#container{
	position:relative;
	clear:left;
	height:650px;
	width:950px;
	margin:0 auto;
}

/*----------------------------LANG------------------------------------*/
#lang{
	width:100%;
	margin:15px 0;
	text-align:right;
	color:#B0B0B0;
}
#lang ul{
   list-style: none;
}
#lang li{
   display: inline;
   margin: 0 2px 0 0;
}
#lang li a:link, #lang li a:visited{
	color:#B0B0B0;
}
#lang li a:active, #lang li a:hover{
	color:#8C8C8C;
}
#lang li#current a:link, #lang li#current a:visited{
	color:#8C8C8C;
}


/*----------------------------LOGO------------------------------------*/
#logo{
	width:100%;
	margin-left:2px;
}

/*---------------------------SIDEBAR---------------------------------*/
#sidebar{
	float:left;
	width: 105px;
}
#sidebar-es{
	float:left;
	width: 115px;
}

/*---------------------------MENU---------------------------------*/
ul#menu{
	list-style:none;
	margin-top:90px;
}
ul#menu li{
	margin-bottom: 10px;
	letter-spacing: 1px;
}
ul#menu li a:link, ul#menu li a:visited{
	color:#969AB5;
	padding: 3px 4px;
}
ul#menu li a:hover, ul#menu li a:active, ul#menu li.current a:link, ul#menu li.current a:visited{
	color:#FFF;
}
ul#menu li#imacity a:hover, ul#menu li#imacity a:active, ul#menu li#imacity.current a:link, ul#menu li#imacity.current a:visited{
	background:url(../images/hovers-01.png) no-repeat;
}
ul#menu li#qui-som a:hover, ul#menu li#qui-som a:active, ul#menu li#qui-som.current a:link, ul#menu li#qui-som.current a:visited{
	background:url(../images/hovers-02.png) no-repeat;
}
ul#menu li#que-fem a:hover, ul#menu li#que-fem a:active, ul#menu li#que-fem.current a:link, ul#menu li#que-fem.current a:visited{
	background:url(../images/hovers-04.png) no-repeat;
}
ul#menu li#amb-qui a:hover, ul#menu li#amb-qui a:active, ul#menu li#amb-qui.current a:link, ul#menu li#amb-qui.current a:visited{
	background:url(../images/hovers-04.png) no-repeat;
}
ul#menu li#quien-somos a:hover, ul#menu li#quien-somos a:active, ul#menu li#quien-somos.current a:link, ul#menu li#quien-somos.current a:visited{
	background:url(../images/hovers-06.png) no-repeat;
}
ul#menu li#que-hacemos a:hover, ul#menu li#que-hacemos a:active, ul#menu li#que-hacemos.current a:link, ul#menu li#que-hacemos.current a:visited{
	background:url(../images/hovers-06.png) no-repeat;
}
ul#menu li#con-quien a:hover, ul#menu li#con-quien a:active, ul#menu li#con-quien.current a:link, ul#menu li#con-quien.current a:visited{
	background:url(../images/hovers-07.png) no-repeat;
}
ul#menu li#contacte a:hover, ul#menu li#contacte a:active, ul#menu li#contacte.current a:link, ul#menu li#contacte.current a:visited{
	background:url(../images/hovers-05.png) no-repeat;
}

/*---------------------------OUTSIDE---------------------------------*/
#outside{
	float:right;
	width: 845px;
	height:545px;
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
}
#outside-es{
	float:right;
	width: 835px;
	height:545px;
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
}

/*---------------------------INSIDE---------------------------------*/
#inside{
	width: 625px;
	height:275px;
	margin-left:65px;
	margin-top:105px;
}
#inside a:link, #inside a:visited{
	color:#192055;
	letter-spacing: 1px;
}
#inside a:hover, #inside a:active{
	color:#969AB5;
}

/*----------------------------POPUP------------------------------------*/
.fadebox {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.overbox {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    z-index:1002;
    overflow: auto;
	background-color:#FFF;
	padding:50px;
}