@charset "utf-8";

/*************CLEARFIX**************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/***********CLEARFIX*************/

body  {
   	font: 100% Arial, Helvetica, sans-serif;
   	margin: 0; 
   	padding: 0;
   	text-align: center; 
	font-size:12px;	
	color:#666;
}
a img{
border:none;	
}
h1, h2, h3{
	margin:0;
	padding:0;
}
h3{
	font-size:16px;
}
ul, li{
	margin:0;
	padding:0;
}
#container { 
   	width: 938px;
   	background: #FFFFFF;
   	margin: 0 auto;
   	text-align: left;
} 

#header {
	position:relative;
} 
	#header h1 {
		margin: 0; 
	}
	
#menu {
	position:absolute;
	left:30px;
	top:128px;
   	width: 480px;
	height:20px;
}


	#menu li{
		float: left;
		list-style:none;
		padding-right:20px;
		padding-left:20px;
		border-left:#CCC 1px solid;
		height:19px;
		cursor:pointer;
	}
		#menu li.it-home{
			padding-left:0;
			border-left:0;
			width:45px;
			cursor:pointer;
		}

		#menu li a{
			border-bottom: none;
			padding-bottom:3px;
			display:block;
		}

		#menu li a:hover{
			border-bottom: #F93 5px solid;
			padding-bottom:3px;
			display:block;
		}
		
#home #menu li a.home{
	border-bottom:  #ccc 5px solid;
	padding-bottom:3px;
	display:block;
}
#soluciones #menu li a.soluciones{
	border-bottom: #ccc 5px solid;
	padding-bottom:3px;
	display:block;
}
#porfolio #menu li a.porfolio{
	border-bottom: #ccc 5px solid;
	padding-bottom:3px;
	display:block;
}
#contacto #menu li a.contacto{
	border-bottom: #ccc 5px solid;
	padding-bottom:3px;
	display:block;
}



#tools{
	position:absolute;
	top:130px;
	right:0px;
}
.tool-home{
	background-image:url(../img/home.png);
	height:36px;
	width:25px;
	display:block;
	float:left;
}
.tool-map{
	background-image:url(../img/map.png);
	height:36px;
	width:25px;
	display:block;	
	float:left;	
}
.tool-mail{
	background-image:url(../img/mail.png);
	height:36px;
	width:25px;
	display:block;	
	float:left;	
}

.tool-home:hover{
	background-image:url(../img/home_over.png);
}
.tool-map:hover{
	background-image:url(../img/map_over.png);
}
.tool-mail:hover{
	background-image:url(../img/mail_over.png);
}


#logo{
	margin-top:80px;
	margin-left:30px;
}

#login{
	position:absolute;
	right:0px;
	top:0px;
	width:340px;
}
#login a{
	float:right;
	margin-top:0px;
	float:right;
	display:block;
	width:21px;
	height:19px;
	background-image:url(../img/boton-ingresar.jpg);
}
.fecha{
	width:270px;
	height:18px;
	padding:5px;
	font-size:14px;
	font-weight: bold;
	background-color: #EAEAEA;


}
#login a:hover{
	background-image:url(../img/boton-ingresar-hover.jpg);
}
#login input{
	border:#bdbdbd 1px solid;
	font-style:italic;
	font-size:12px;
	color:#999;
	background-color:#f7f7f7;
	display:inline;
	float:right;
}
#login input{
	margin-left:10px;
}
#main {
	padding-left:30px;
	padding-top:42px;
} 

#footer { 
   	background:#d2d2d2;
	height:43px;
	border-top:#b6b6b6 1px solid;
	position:relative;
} 
#logo-pie{
	float:right;
	margin-top:10px;
	margin-right:7px;
}
#copy{
position:absolute;
top:15px;
left:50%;
margin-left:-440px;
width:300px;
}
#footer p {
   	margin: 0;
   	padding: 10px 0;

}
#menu-footer{
	height:9px;
	width:890px;
	margin:0;
	margin:0 auto;
	padding:0;
	margin-bottom:20px;
	margin-top:40px;
}
#menu-footer li{
	float:left;
	list-style:none;
	border-left:#CCC 1px solid;
	padding-left:10px;
	padding-right:10px;
}
#menu-footer a{
	color: #666;
}
#menu-footer a:hover{
	text-decoration:none;
}

/***********BARRA SUP***********/
#barra-sup{
	background-color:#b1b1b1;
	height:18px;
	font-size:10px;	
}
#barra-sup-center{
	width:938px;
	margin:0 auto 0 auto;
	color:#FFF;
	text-align:left;
	position:relative;
}
#direccion{
	float:left;
	width:320px;	
}

#telefono{
	float:left;	
	width:320px;	
}
#email{
	position:absolute;
	left:800px;
}
 #email a{
	 color:#FFF;
 }
 #email a:hover{
	 text-decoration:none;
 } 
/***********FIN BARRA SUP***********/

#publicidad{
	margin-top:90px;
	padding:5px;
	background-color: #D8DFE0;
}

#servicios-slide{
	position:relative;
	height:150px;
}
#servicios-slide li{
	list-style:none;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#secondaryContent p a{
	color:#18a6b7;
	text-decoration:underline;
}
#secondaryContent p a:hover{
	text-decoration: none;
}