@charset "UTF-8";
/* ------------------
  * COMPONENTS
  * ------------------ 
  */
/* BANNER */
#banner{
	height:250px;
	position:relative;
	top:40px;
}
#banner .elem{
	position:absolute;
	top:0;
	left:0;
}
 
/* SQUARES */
.square{
	position:relative;
	overflow:hidden;
	text-align:center;
	padding-top:15px;
	}

.square a{
	width:100%;
	position:absolute;
	bottom:25px;
	left:0;
	}
	
/* SQUARES + IMG*/
.squareImg{
	background:url(../imgs/components/imgDetail.jpg) no-repeat top left;
	width:240px;
	height:387px;
	color:#FFFFFF;
	margin-left:14px;
	}
	
.squareImg img{
	margin-top:13px;
	margin-bottom:10px;
	margin-left:-10px;
	}

.squareImg h3{
	font-size:14px;
	padding-left:5px;
	}
	
.squareImg p{
	text-align:left;
	padding:0 25px 10px 20px;
	font-size:14px;
	line-height:20px;
	}
	
.squareImg.hover{
	background:url(../imgs/components/imgDetail_hover.jpg) no-repeat top left;
	cursor:pointer;
	color:#6b9316;
	}
	
/* BOXES */	
.box{
	background:url(../imgs/components/bckBLUE.gif) top left repeat-x;
	margin-bottom:10px;
	}
.box .title{
	/*background:url(../imgs/components/sombra.gif) bottom left repeat-x;*/
	padding:15px;
	height:27px;
	width:100%;
	text-align:left;
	font-size:16px;
	}
	
.box img{
	float:left;
	margin-right:10px;
	}
	
.box p{
	font-size:13px;
	}
	
/* MESSAGES */
div.info, div.error, div.success{
	padding:10px 17px 8px 30px;
	font-size:14px;
	margin:5px auto;
	}
	
div.info{
	background:url(../imgs/content/info.gif) no-repeat 10px 2px #BDE5F8;	
	color:#5e89a9;	
	}
	
.info{
	border:1px solid #5e89a9 !important;
	}
	
div.error{	
	background:url(../imgs/content/error.gif) no-repeat 10px 2px #FFBABA;	
	color:#FF0000;
	}
	
.error{
	border:1px solid #FF0000 !important;
	}
	
div.success{
	background:url(../imgs/content/success.gif) no-repeat 10px 2px #DFF2BF;	
	color:#009900;
	border:1px solid #009900;
}

.lock{
	text-transform:uppercase;
	}

/* ENLACES */
.masInfo{
	text-align:right;
	width:97%;
	font-size:12px;
	font-weight:bold;
	}
	
.masInfo a{
	text-decoration:none;
	color:#053355;
	}
	
.masInfo a:hover{
	text-decoration:underline;
	}
	
/* WITDTHS */
	
.width50{
	width:50%;
	}
	
.width_70{
	width:68%;
	}
	
.width_30{
	width:28%;
	}
	
/* IDIOMA */	
#selectIdioma{
	float:right;
	font-size:12px;
	width:205px;
	height:26px;
	position:absolute;
	top:38px;
	right:-3px;
	padding:5px 8px;
	padding-bottom:0px;
	cursor:pointer;
	}

#selectIdioma strong{
	float:left;
}

#selectIdioma #langs{
	margin-top:7px;
	margin-right:1px;
	padding:5px;
	text-align:center;
	font-size:13px;
	list-style-type:none;
	float:right;	
	width:100px;	
	background:url(../imgs/css/metal.jpg) repeat top left;
	border:2px solid #FFFFFF;
	border-top:0; border-right:0;
	}
	
#selectIdioma #langs li{
	margin-bottom:3px;
}
	
#selectIdioma #langs a{
	color:#FFF;
	text-decoration:none;
}

#selectIdioma #langs a:hover{
	color:#F00;
}
	
/* LOGIN */
#login{
	position:absolute;
	top:0;
	left:0;
	z-index:99999999;
	width:auto;
	text-align:left;
	}
	
#title{
	width:200px;
	margin:0 auto;
	margin-top:-2px;
	background: url(../imgs/css/login_title2.png) no-repeat bottom center;
	overflow:visible;
	margin-left:10px;
	padding:12px 0px 18px 0px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	}
	
#title span{
	font-size:12px;
}

#login a{
	font-size:12px;
	text-decoration:none;
	color:#000;
	}
	
.close_login{
	float:right; 
	margin:-10px; 
	cursor:pointer;
	}
	
#form_login{
	background:url(../imgs/css/metal.jpg) repeat top left;
	width:350px;
	border-right:2px solid #666666;
	}

#form_login form div{
	overflow:hidden;
	margin:5px auto;
	text-align:right;
	font-size:14px;
	padding-right:35px;
	}
	
#form_login .light_metal{
	background:url(../imgs/css/metal_front.jpg) repeat-y bottom center;
	border-bottom:2px solid #666;
	padding:10px;
	text-align:center;
}

#form_login span{
	font-size:12px;
	}
	
#form_login input{
	width:155px;
}
	
#form_login input.campo{
	background:url(../imgs/css/bck_input.jpg) no-repeat center left;
	height:20px;
	padding-left:3px;
	padding-top:4px;
}

#form_login .button{
	background:url(../imgs/css/metal_litle.jpg) no-repeat center left;
	height:14px;
	border:1px solid #666;
	padding:3px;
	width:34px;
	cursor:pointer;
}

/* CONTACTAR */
#contacta {
	width:52%;
	text-align:left;
	margin:0 auto;
	}
	
#contacta div{
	overflow:hidden;
	margin:10px auto;
	text-align:right;
	font-size:14px;
	}
	
#contacta input.campo, #contacta textarea.campo{
	background:#FFFFFF;
	border:1px solid #666666;
	height:15px;
	padding-left:3px;
	padding-top:4px;
}

#contacta textarea.campo{
	height:100px;
	overflow:visible;
	}
	
#contacta .button{
	background:url(../imgs/css/bck_button.jpg) repeat-x top left;
	height:20px;
	width:50px;
	font-size:13px;
	color:#FFFFFF;
	cursor:pointer;
	}
	
/* INTERIORES */
.imgBkg{
	padding:0px 10px 20px 0px;
	}
	
.imgBkg.redes{
	background:url(../imgs/content/redes_int.jpg) no-repeat bottom right;
	}

.imgBkg.maintaince{
	background:url(../imgs/content/mantaince_int.jpg) no-repeat bottom right;
	}	
	
/* PORTFOLIO */
.detail_portfolio{
	background:url(../imgs/css/bck_portfolio.jpg) no-repeat left top;
	min-height:416px;
	color:#26343c;
	text-align:left;
	overflow:hidden;
	position:relative;
	}
	
.detail_portfolio a{
	color:#202c59;
	text-decoration:none;
	}
	
.detail_portfolio a:hover{
	color:#202c59;
	text-decoration:underline;
	}
	
.detail_portfolio img{
	margin-top:10px;
	}
	
.thumb{
	background:url(../imgs/css/bck_thumb.jpg) repeat-y top left;
	height:350px;
	padding-top:10px;
	border:1px solid #6d9eae;
	color:#FFF;
	text-align:left;
	overflow:hidden;
	position:relative;
	}
	
.thumb a{
	color:#FFF;
	text-decoration:none;
	}
	
.thumb a.sel{
	text-decoration:underline;
	}	
	
.thumb ul{
	list-style-type:none;
	padding-left:15px;
	}
	
.thumb ul.years li{
	font-size:20px;
	margin-bottom:10px;
	}
	
.thumb ul.years li ul{	
	position:absolute; 
	margin-left:70px; 
	top:10px;
}

.thumb ul.years li ul li{
	font-size:16px;
}

.project{
	width:99%;
	overflow:hidden;
	position:relative;
	top:0;
	padding:15px;
}

	
.project img.close{
	cursor:pointer;
	float:right;
	margin-right:60px;
	margin-top:-10px;
	}
	
.project img.top{
	position:fixed;
	bottom:40px;
	}
	
/* TITLES */
.title_line{
	background:url(../imgs/css/bck_Blue2.jpg) top left repeat-x;
	margin:4px 0px;
	font-size:14px;
	color:#284d68 !important;
	padding:3px 4px 2px 10px;
	padding-left:10px;
	border:1px solid #a5ceec;
	}