/*----------------------------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;
}
h1{
	color:#090D58;
	font-size:16px;
	margin-bottom:15px;
}
p{
	margin-bottom:10px;
	line-height:24px;
	font-size:15px;
	text-align:justify;
	color: #333;
}

/*----------------------------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-repeat:no-repeat;
}
#outside-es{
	float:right;
	width: 835px;
	height:545px;
	background-repeat:no-repeat;
}

/*---------------------------INSIDE---------------------------------*/
#inside{
	width: 625px;
	height:275px;
	margin-left:65px;
	margin-top:105px;
}
#insideclients{
	width: 670px;
	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;
}
.contact{
	width: 825px;
	height:275px;
	margin-left:65px;
	margin-top:55px;
}
.contact a:link { color: #090D58; text-decoration:none;}
.contact a:visited { color: #090D58; text-decoration:none;}
.contact a:hover { color: #999DB9; text-decoration: none;}
.contact a:active { color: #999DB9; text-decoration:none;}
img.logo{
	margin-right:50px;
	margin-bottom:25px;
	height:110px;
}

/*----------------------------CONTACT------------------------------------*/
label {
	display:block;
}
fieldset {
	border:none;
}
input, textarea {
	border:1px solid #999;
	width:100%;
	margin: 2px 0px;
	padding: 2px;
}
input.tarifas {
	width:100px;
}
input:focus, textarea:focus {
	background:#ccc;
	color:#FFF;
}
form span {
	display:block;
}
form p {
	margin:0px;
	padding:0px;
}
select{
	border:1px solid #000;
	margin: 5px 0px;
	padding: 2px;
}
p#boton{
	margin-top:15px;
}
p#boton :hover{
	background-color: #999;
	color:#FFF;
}
p#boton :active{
	background-color: none;
	color:#000;
}
textarea{
	font-size:1.1em;
	color: #555;
}
input{
	font-size:1.1em;
	color: #555;
}