body{
text-align:center;
padding:0px;
margin:0 0 0 0;
background:url(../images/bg.jpg);
background-repeat:repeat-x;
}
#container{
		width: 820px;
		background:#FFFFFF;
		text-align:center;
		margin: 0 auto;
		}
		
#content{
position:relative;
width:590px;
height:400px;
background-image: url(/images/homepageimage.jpg);
background-repeat:no-repeat;
background-position:10px 0px;
background-color: #FFFFFF;
float:left;
}
#details_html{
	position:absolute;
	left:50px;
	top:35px;
	width:430px;
	height:310px;
	margin:0 px auto;
	text-align:left;
	background-color: #FFFFFF;
	overflow:auto;
	padding-right: 35px;
	scrollbar-base-color: #a0a69f;
	scrollbar-arrow-color: #f4c13e;
	scrollbar-face-color: #fff;
	scrollbar-track-color: #a0a69f;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	
}

#text_overflower {
position:relative;
clear:both;
background-color:#FFFFFF;
width:535px;
height:400px;
background-image:url(/images/container.jpg);
background-repeat:no-repeat;
}

/* ----------------------- **************** ------------------ */
#content_services{
position:relative;
width:620px;
height:350px;
background-color: #FFFFFF;
float:left;
text-align:left;
}

#services_text{
position:absolute;
left:50px;
top:20px;
width:540px;
height:300px;
background-color: #FFFFFF;
}

#plus{
width:160px;
height:150px;
background-color: #FFFFFF;
clear:both;
float:left;
text-align:left;
margin-left:20px;
}

#plus ul{
margin-left:0px;
}

#plus ul li{
margin:0px 0px 5px 0px;
}
/* ----------------- *************** -------------- */


#content_standar {
position:relative;
width:620px;
height:350px;
background-color: #FFFFFF;
float:left;
text-align:left;
}

/* ------------------ ***************** ---------------- */

.submit {
	border: 1px #CACACA solid;
	margin-top: 10px;
	margin-left: 10px;
	width: 100px;
	color: #5B5B5B;
	background: #FFFFFF;
	background-image:url(../images/form-bg.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:bold;
}


/*------------------ ************** -------------------- */

.menuLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #AFAFAF;
	text-decoration:none;
}

.menuLinksOn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

.menuLinks:hover {
	text-decoration: none; 
	color: #F0880B;
}

/*--------------------------------- ***************** ------------------ */
.mailLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #F0880B;
}

.textContentBolder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4a4949;
	font-weight: bold;
}
/*----------------- ********** ------------------ */
.b-portfolio{
background:url(/images/button-submit-over.jpg);
background-repeat:no-repeat;
background-position:center;
width:100px;
height:28px;
}

.b-portfolio a{
background:url(/images/button-submit.jpg);
background-repeat:no-repeat;
background-position:center;
width:100px;
height:28px;
display:block;
}

.b-portfolio a:hover{
background:none;
}

.b-enviar{
background:url(/images/button-enviar-over.jpg);
background-repeat:no-repeat;
background-position:center;
width:100px;
height:28px;
}

.b-enviar a{
background:url(/images/button-enviar.jpg);
background-repeat:no-repeat;
background-position:center;
width:100px;
height:28px;
display:block;
}

.b-enviar a:hover{
background:none;
}
/*----------------------- ************** --------------------- */

#calendar{
height:20px;
width:400px;
background-color: #FFFFFF;
float:left;
text-align:right;
padding-top:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #8B898A;
font-weight: bold;

}


#sub_title{
width:790px;
height:20px;
margin:0px auto;
text-align:left;
}

#sub_title_aux{
width:400px;
height:20px;
float:left;
background-color: #FFFFFF;
text-align:left;
padding-top:10px;
}


#wellcome{
position:absolute;
width:240px;
left:340px;
top:10px;
}


#lateral_menu{
width:200px;
height:300px;
background-color: #FFFFFF;
padding-top:50px;
float:left;

}

#lateral_menu_home{
/*width:150px;*/
width:200px;
height:300px;
background-color: #FFFFFF;
padding-top:50px;
float:left;
padding-left:30px;
}


#footer{
clear:both;
background-color:#FFFFFF;
height:250px;
width:785;
text-align:center;
padding-left:10px;
}


#language{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin:20px 20px 20px 20px;
width:100%;
text-align:right;
}

#logotype{
		float:left;
		padding:20px 20px 2px 10px;
		text-align:left;
		}
#mainmenu{
		float:right;
		width:300px;

		}

#animation{
	
	/*background-image:url(/images/bgheaderhomepage.jpg);
	background-repeat:repeat-x;*/
	position:relative;
	width:800px;
	height:195px;
	text-align:left;
	/*clear:both;*/
	}

#animation_aux{
position:relative;
	background:url(/images/bgheader.jpg);
	width:800px;
	height:165px;
	text-align:left;
	clear:both;
	}


#animation_log{
papadding-left:25px; 
float:left;
width:300;
height:165;
position:absolute
}

#animation_text{
float:left;
position:absolute;
width:360px;
height:100px;
left:380px;
top:60px;
}
/* ---------------------------- *********** --------------- */
						/* MENU DE ABOUT US*/
						
.overview{
background-image: url(/images/button-descomp-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:46px;
}


.overview  a{
background-image:url(/images/button-descomp.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:46px;
}

.overview a:hover{
background: none;
}

.overview_big{
background-image: url(/images/button-descomp-big-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:58px;
}


.overview_big  a{
background-image: url(/images/button-descomp-big.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:58px;
}

.overview_big a:hover{
background: none;
}

/*     -------------------------        */

.mission {
background-image: url(/images/button-mision-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:46px;
}


.mission  a{
background-image:url(/images/button-mision.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:46px;
}

.mission a:hover{
background: none;
}

.mission_big {
background-image: url(/images/button-mision-big-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:58px;
}


.mission_big  a{
background-image:  url(/images/button-mision-big.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:58px;
}

.mission_nig a:hover{
background: none;
}

/*           ------------------           */


.our {
background-image: url(/images/button-nuestroequipo-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:46px;
}


.our  a{
background-image: url(/images/button-nuestroequipo.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:46px;
}

.our a:hover{
background: none;
}

.our_big {
background-image: url(/images/button-nuestroequipo-big-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:58px;
}


.our_big  a{
background-image: url(/images/button-nuestroequipo-big.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:58px;
}

.our_big a:hover{
background: none;
}

/*               ---------------------        */

.development {
background-image: url(/images/button-procdesarrollo-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:46px;
}


.development  a{
background-image:url(/images/button-procdesarrollo.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:46px;
}

.development a:hover{
background: none;
}

.development_big {
background-image: url(/images/button-procdesarrollo-big-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:58px;
}


.development_big  a{
background-image:url(/images/button-procdesarrollo-big.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:58px;
}

.development_big a:hover{
background: none;
}

/* FIN DE MENU DE ABOUT US*/

/* -------------------------- *********** --------------------- */

/* MENU DE SERVICES*/
.webdev {
background-image: url(/images/button-desaweb-over.jpg);
background-position: left;
background-repeat: no-repeat;
width:200px;
height:46px;
}


.webdev  a{
background-image: url(/images/button-desaweb.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:46px;
}

.webdev a:hover{
background: none;
}


.webdev_big {
background-image: url(/images/button-desaweb-big-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:58px;
}


.webdev_big  a{
background-image: url(/images/button-desaweb-big.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:58px;
}

.webdev_big a:hover{
background: none;
}

/*				---------------------------------------------                   */

.marktonline {
background-image: url(/images/button-marktonline-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:46px;
}


.marktonline a{
background-image: url(/images/button-marktonline.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:46px;
}

.marktonline a:hover{
background: none;
}


.marktonline_big {
background-image: url(/images/button-marktonline-big-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:58px;
}


.marktonline_big a{
background-image: url(/images/button-marktonline-big.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:58px;
}

.marktonline_big a:hover{
background: none;
}



/*				---------------------------------------------                   */

.ecommerce {
background-image: url(/images/button-comelectronico-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:46px;
}


.ecommerce a{
background-image: url(/images/button-comelectronico.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:46px;
}

.ecommerce a:hover{
background: none;
}


.ecommerce_big {
background-image:  url(/images/button-ecommerce-big-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:58px;
}


.ecommerce_big a{
background-image: url(/images/button-ecommerce-big.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:58px;
}

.ecommerce_big a:hover{
background: none;
}

/*				--------------------------------------------- */

.hosting {
background-image: url(/images/button-hosting-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:46px;
}


.hosting a{
background-image: url(/images/button-hosting.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:46px;
}

.hosting a:hover{
background: none;
}

.hosting_big {
background-image: url(/images/button-hosting-big-over.jpg);
background-position:left;
background-repeat: no-repeat;
width:200px;
height:58px;
}


.hosting_big a{
background-image: url(/images/button-hosting-big.jpg);
background-position:left;
background-repeat: no-repeat;
display: block;
width:200px;
height:58px;
}

.hosting_big a:hover{
background: none;
}

  /* FIN DE MENU DE SERVICES*/
/*------------------- ******************* -------------- */

#chat{
width:140px;
height:150px;
float:left;
margin-left:15px;
}
#cs{
width:140px;
height:150px;
float:left;
}
#freeb{
width:470px;
height:150px;
float:left;
text-align:right;
}

.b_chat{
background-image: url(/images/chatliveindxesp-over.jpg);
background-repeat:no-repeat;
background-position: right;
width:150px;
height:110px;
}

.b_chat a{
background-image:url(/images/chatliveindxesp.jpg);
background-repeat:no-repeat;
background-position:right;
display:block;
height:110px;
width:150px;
}

.b_chat a:hover{
background:none;
}

.b_cs{
background-image: url(/images/customerserviceindxesp-over.jpg);
background-repeat:no-repeat;
background-position:right;
width:150px;
height:110px;
}

.b_cs a{
background-image: url(/images/customerserviceindxesp.jpg);
background-repeat:no-repeat;
background-position:right;
display:block;
width:150px;
height:110px;
}

.b_cs a:hover{
background:none;
}

/*-------------- ********** -----------------*/
.borderid img{
padding:5px;
border:1px solid #FFFFFF;
}

.borderid:hover img{
padding:5px;
border:1px solid #FF6600;
}

/*--------------------- ********** -----------------*/

#menu_foot ul{
list-style:none;
}

#menu_foot ul li{
float:left;
margin:0px 0px 0px 15px;
}

#menu{
float:left;
margin-left:170px;
}
/*---------------- ********** -------------------*/
.myBorders {
	border: 1px solid #999999;
	color: #F0880B;
}

.textImage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align:justify;
}

.txwellcome{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.8em;
color:#595653;
text-align:justify;
}

.textContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4a4949;
}

.titleContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4a4949;
	font-weight: bold;
	text-align:left;
	
	}

.titleContent_aux {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4a4949;
	font-weight: bold;
	text-align:left;
	padding-left:5px;	
	}

.textFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	text-decoration:none;
	}

.textFooter:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	font-weight: bold;
	text-decoration:none;

}

.s_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	text-decoration:none;
	}

.s_title:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	font-weight: bold;
	text-decoration:none;

}

.s_title_aux {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	font-weight: bold;
	text-decoration:none;
	}

.s_title_aux:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #FF6600;
	font-weight: bold;
	text-decoration:none;

}





.loadMe {
	font-family: Courier New, Courier, monospace;
	font-size: 11px;
	color: #797979;
	font-weight: bold;
	text-decoration:none;
}

.loadMe:hover {
	font-family: Courier New, Courier, monospace;
	font-size: 11px;
	color: #797979;
	font-weight: bold;
	text-decoration:none;
	color:#FF6600;
}


.bullet {
	font-family:Courier New, Courier, monospace;
	font-size: 10px;
	color: #797979;
	font-weight: bold;
	text-decoration:none;
}


.titleContentBolder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #F0880B;
	font-weight: bolder;
}

.textLanguages {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}
.textLanguages:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F0880B;
	font-weight: bold;
	text-decoration:none;
}

.textLanguagesActive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F0880B;
	font-weight: bold;
	text-decoration:none;
}
.textLanguagesActive:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F0880B;
	font-weight: bold;
	text-decoration:none;
}
/*
---------------- ********** -------------------*/




/*-------------------- ************* ---------------------------- */

#imageMenuEffect {
	position: relative;
	text-align: right;
	width: 380px;
	height: 60px;
	overflow: hidden;
	padding:0px;
}

#imageMenuEffect ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 60px;
	width: 380px;
	text-align:right;
}

#imageMenuEffect ul li {
	float: left;
}

#imageMenuEffect ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:65px;
	height: 60px;
}




#imageMenuEffect ul li.homeMenu a {
	background: url(/developer/effects/myeffects/images/HOME.jpg) repeat scroll 0%;
}

#imageMenuEffect ul li.aboutusMenu a {
	background: url(/developer/effects/myeffects/images/ABOUTUS.jpg) repeat scroll 0%;
}

#imageMenuEffect ul li.servicesMenu a {
	background: url(/developer/effects/myeffects/images/SERVICES.jpg) repeat scroll 0%;
}

#imageMenuEffect ul li.portfolioMenu a {
	background: url(/developer/effects/myeffects/images/PORTFOLIO.jpg) repeat scroll 0%;
}

#imageMenuEffect ul li.contactusMenu a {
	background: url(/developer/effects/myeffects/images/CONTACTUS.jpg) repeat scroll 0%;
	width: 65px;
}
/* -------------------------- ************** ---------------------- */

#details
{
float:left;
background-color: #FFFFFF;
width:585px;
height:300px
}

#category
{
float:left;
/*width:265px;*/
width:245px;
height:200px;
background-color: #FFFFFF;
text-align:left;
margin-top:60px;

}

#category ul{
list-style:none;
}

#category ul li{
background:url(/images/arrow.gif) left center no-repeat;
padding-left: 20px;
margin: 0 0 15px 0 ;
}
/* ----------------------- ********* -------------------- */

#imageContainer {
	width: 380px;
	margin: 0px;
	padding-right:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
}
#hoverMenu{
  text-align:right;
  position:absolute;	
  width:100px;
  height:50px;
  font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
	color:#F3A71E;
}

.portfolio_item{
	background:url(/images/bg_portfolio.jpg) no-repeat top right;
	width:700px;
	position:relative;
	padding:15px 8px;
	padding-right:30px;
	text-align:justify;
	float:left;
	
}

.img_portfolio{
	float:left;
	display:block;
	width:270px;
}

a.linkPort{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000066;
	text-decoration:none;
}
a:hover.linkPort{
	text-decoration:underline;
}
/* ------------------------ ********* ------------------ */