@charset "utf-8";
/* CSS Document */

body{ 
background:url(../images/bg.jpg) repeat-x;
background-color:#ffffff;	
font-family:sans-serif, Arial, Helvetica ;
font-size:12px;
}

.quote{ font-family:"Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#FF9900;}

/*** common ***/
.fletf{ float:left;}
.fright{ float:right;}
.textAC{ text-align:center;}

.lineVert{ border-right:1px solid #dedede; height:100%; width:20px;}

.container{ width:950px; margin:0 auto;}
.header{ background:url(../images/bg_navi.jpg) no-repeat; height:89px; padding:34px 30px 0 20px;}
.logo{ width:300px;}
.navi{ width:450px; padding-left:30px;}
.boxLanguage{ width:120px; padding-top:7px;}

.boxServices{ background:url(../images/bg_gray.jpg) no-repeat; height:154px; padding:30px 25px}
.serviLeft{ width:290px;}
.serviRight{ width:540px; padding-left:30px; font-size:11px;}


.boxResume{ height:130px; padding:20px 25px;}
.resume{ width:420px; font-size:9px; font-family:Geneva, Arial, Helvetica, sans-serif;}
.resumeTexto{ width:250px;}
.resumeImage{ width:150px;}

.footer{ background:url(../images/bg_footer.jpg) no-repeat; height:14px; padding:12px 20px; font-size:9px; color:#636464;}


a:link, a:visited {
color: #6A6A6A;
text-decoration: none;
}

a:hover {
color: #565050;
text-decoration: underline;
}

.welcome {
	font-size: 50px;
	text-align:center;
	color:#FF9900;
}

.clearfix {content:".";clear:both;visibility:hidden;}
.clearfix{display:block;}

.divServices{ padding-left: 10px; width: 310px;}

/******* Contacto *******/

#contact-area {
	width: 550px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	color:#666666;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	color:#333;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.2em;
}

.bordeImage{ border: 3px solid #CCC; padding:1px; margin-bottom:15px;}


/******* fade  ****** /


ul {
	margin-bottom: 2em;
}


/* Listen */
ul#news {
	border: 1px solid #ccc;
	padding: 2em;
	background:  #fffeb8;
}

ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 4px;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}

/***** Page *******/

.body_page{ background:url(../images/bg_page.jpg) no-repeat; margin-top:6px; padding:25px;}
.boxleft{ width:280px;}
.boxright{ width:560px; padding:0 30px;}


.bgBottom{ background:url(../images/bg_bottom.jpg) no-repeat; height:30px;}

.imagePage{ margin-bottom:20px;}

.menu{height:30px; width:100%; display:block; font-size:12px; font-weight:bold; text-transform:uppercase; padding-top:1px;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:11px; display:block; color:#ffffff; text-decoration:none; cursor:pointer; background:url('../images/topMenuImages.png') 0px -16px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:12px; background:url('../images/topMenuImages.png') 100% -16px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:#000000; text-decoration:none;}
.menu li a:visited {background-position:0px -60px; color:#ffffff; text-decoration:none;}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px;  background:url('../images/topMenuImages.png') 0px -90px no-repeat; color:#000000;}
.menu li a.active span, .menu li a.active:hover span{background:url('../images/topMenuImages.png') 100% -90px no-repeat;}