@charset "utf-8";
body{
	margin:0;
	padding:0;

}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


.transparente {
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
	height: 20px;
} 

.transparente2 {
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
	height: 50px;
} 

.transparente3 {
	width: 368px;
	background-color: #e2e2e2;
	border: 0px;
} 

.transparente4 {
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
	height: 73px;
	width: 368px;
} 



body {
	background-image: url(../images/back_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
}


html {
	background-image: url(../images/back_footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	
}

#container {
	position: relative;
	height: auto;
	width: 983px;
	margin-left: auto;
	margin-right: auto;
}
#header {
	background-image: url(../images/back_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	height: 260px;
	width: 100%;
}

#menu_portfolio {
	position: absolute;
	height: 115px;
	width: 230px;
	left: 330px;
	top: 46px;
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	z-index: 1;
}

#menu_language {
	position: absolute;
	height: 35px;
	width: 143px;
	left: 121px;
	top: 187px;
}
#home {
	position: absolute;
	height: 30px;
	line-height: 30px;
	width: 71px;
	top:192px;
	left: 312px;
	text-align: center;
	vertical-align: middle;
}

#portfolio {
	position: absolute;
	height: 28px;
	line-height: 28px;
	width: 87px;
	top:192px;
	left: 400px;
	text-align: center;
	vertical-align: middle;
	z-index: 3;
}

#company {
	position: absolute;
	height: 33px;
	line-height: 33px;
	width: 91px;
	top:190px;
	left: 498px;
	text-align: center;
	vertical-align: middle;
	z-index: 4;
}

#services {
	position: absolute;
	height: 30px;
	line-height: 29px;
	width: 89px;
	top:191px;
	left: 604px;
	text-align: center;
	vertical-align: middle;
	z-index: 5;
}

#client {
	position: absolute;
	height: 28px;
	line-height: 28px;
	width: 96px;
	top:193px;
	left: 702px;
	text-align: center;
	vertical-align: middle;
	z-index: 6;
}

#contact {
	position: absolute;
	height: 37px;
	line-height: 37px;
	width: 77px;
	top:187px;
	left: 815px;
	text-align: center;
	vertical-align: middle;
	z-index: 7;
}


.nav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #014C65;
	font-weight: normal;
	text-decoration: none;
}
.nav_still {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #396;
	font-weight: 200;
	text-transform: none;
	background-repeat: no-repeat;
}
a.nav:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #014C65;
	text-decoration: none;
}

a.nav:active {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #C03;
}
a.nav:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #697e16;
	text-decoration: underline;
}

#contenido {
	background-color: #FFFFFF;
	position: relative;
	height: auto;
	width: 100%;
	background-image: none;
}

#info {
	position: relative;
	margin: auto;
	width: 882px;
	background-image: none;
}
.celda_texto {
	color: #7E7E7E;
	padding-left: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}


.celda_texto_dark {
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
}



#title_info {
	position: absolute;
	top: 24px;
	left: -49px;
	z-index: 1;
	line-height: 16px;
	background-repeat: no-repeat;
	padding-left: 365px;
	width: 308px;
	padding-top: 11px;
}

#title_info_web {
	position: absolute;
	top: 24px;
	left: -49px;
	z-index: 1;
	line-height: 15px;
	background-image: url(../images/web_projects.gif);
	background-repeat: no-repeat;
	padding-left: 340px;
	width: 563px;
	padding-top: 11px;
}

#title_info_print {
	position: absolute;
	top: 24px;
	left: -49px;
	z-index: 1;
	line-height: 15px;
	background-image: url(../images/header_print.gif);
	background-repeat: no-repeat;
	padding-left: 323px;
	width: 563px;
	padding-top: 11px;
	}
	
	#title_info_branding {
	position: absolute;
	top: 24px;
	left: -49px;
	z-index: 1;
	line-height: 20px;
	background-image: url(../images/header_branding.gif);
	background-repeat: no-repeat;
	padding-left: 323px;
	width: 563px;
	padding-top: 20px;
	}
	
		#title_info_motion {
	position: absolute;
	top: 24px;
	left: -49px;
	z-index: 1;
	line-height: 20px;
	background-image: url(../images/header_motion.gif);
	background-repeat: no-repeat;
	padding-left: 323px;
	width: 563px;
	padding-top: 20px;
	}
	
	
	
#title_info_3d {
	position: absolute;
	top: 24px;
	left: -49px;
	z-index: 1;
	line-height: 16px;
	background-image: url(../images/header_3d.gif);
	background-repeat: no-repeat;
	padding-left: 365px;
	width: 308px;
	padding-top: 11px;
}

#pages {
	position: absolute;
	height: 29px;
	width: 174px;
	top: 492px;
	left: 779px;
	z-index: 1;
}


#tabla {
	position: relative;
	height: auto;
	width: 881px;
	margin: auto;
	z-index: 1;
}









#left {
    width: 640px;
	position: relative;
	height: auto;
	float: left;
}
#left_home {
	width: 976px;
	position: relative;
	height: auto;
	float: left;
	margin: 0px;
	}
#title_section {
	width: 568px;
	position: absolute;
	height: 55px;
	left: 0px;
	top: 26px;
}

#dots {
	width: 5px;
	position: absolute;
	height: 550px;
	left: 615px;
	top: 18px;
}



#top {
	width: 100%;
	position: relative;
	height: 356px;
	background-image: url(../images/home_tile_bkg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 9;
}

#news_latest {
	width: 525px;
	position: absolute;
	height: 295px;
	left: 71px;
	top: 38px;
}

#numbers {
	width: 219px;
	position: absolute;
	height: 40px;
	left: 227px;
	top: 332px;
}


#main_content {
	width: 548px;
	position: relative;
	height: auto;
	padding-left: 52px;
	padding-right: 40px;
	background-image: none;

}

#bottom {
	width: 883px;
	position: relative;
	height: auto;
	background-repeat: no-repeat;
	background-position: 35px 101px;
	padding-top: 0px;
	padding-left: 69px;
	padding-right: 0px;
}
#home_large_buttons {
	height: 47px;
	width: 884px;
}
#bottom_body {
	background-image: url(../images/title_home.gif);
	padding-top: 0px;
}
#home_bottom {
	background-repeat: no-repeat;
	padding-left: 21px;
	padding-top: 12px;
	position: relative;
	width: 865px;
	height: 1650px;
	background-position: 0px 11px;
	padding-right: -50px;
}


.text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #494949;
	text-decoration: none;
	line-height: 24px;
}
.text-home-bottom {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #494949;
	text-decoration: none;
	line-height: 22px;
	padding-right: 50px;
}
a.text:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #039;
	text-decoration: none;
	line-height: 24px;
}

a.text{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #2F91AE;
	text-decoration: underline;
	line-height: 24px;
}
#right_home_list_right {
	color: #0C3;
	padding-left: 14px;
	padding-top: -8px;
}

.text_servicelist {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #5C5C5C;
	text-decoration: none;
	line-height: 13px;
	font-variant: normal;
}
.text_title_servicelist {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #13616F;
	text-decoration: none;
	line-height: 25px;
	font-variant: small-caps;
}
a.text_title_servicelist {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #069;
	text-decoration: underline;
	line-height: 25px;
	font-variant: small-caps;
}
a.text_title_servicelist:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
	line-height: 25px;
	font-variant: small-caps;
}
.italica {
	font-size: 11px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 15px;
	text-decoration: none;
	color: #666;
}

.section {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #353535;
	text-decoration: none;
	line-height: 16px;
}
.text_cyan {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #1FA0B8;
	text-decoration: none;
	line-height: 16px;
}
.visit {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #677e16;
	text-decoration: none;
	line-height: 25px;
}
a.visit:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #353535;
	text-decoration: none;
	line-height: 25px;
}
.send {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #677e16;
	text-decoration: none;
}
a.send:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #930276;
}





.text_underline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-decoration: underline;
	line-height: 27px;
	font-weight: normal;
	color: #353535;
}
.text_fucsia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #930276;
	text-decoration: none;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}

a.text_underline:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 27px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}
.foot {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #F3FEBA;
	text-decoration: none;
}
.text_foot {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

a.foot:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}






#right {
	width: 321px;
	position: relative;
	height: auto;
	float: right;
	background-image: url(../images/right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 22px;
	padding-top: 110px;
}
#right_home {
	height: auto;
	float: right;
	background-repeat: no-repeat;
	background-position: left -26px;
	padding-top: 0px;
	background-image: url(../images/home_service_list.gif);
	padding-left: 0px;
	position: absolute;
	width: 180px;
	left: 789px;
	top: 370px;
	z-index: 8;
}
#right_home2 {
	height: 462px;
	float: right;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-left: 0px;
	position: absolute;
	width: 472px;
	left: 66px;
	top: 630px;
}


#right_section {
	width: 321px;
	position: relative;
	height: auto;
	float: right;
	padding-left: 22px;
}

#title_right {
	width: 337px;
	position: absolute;
	height: 41px;
	left: 2px;
	top: 35px;
}

#title_right2 {
	width: 337px;
	position: absolute;
	height: 45px;
	left: 2px;
	top: 326px;
}

#footer {
	background-image: url(../images/back_footer.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 188px;
	width: 100%;
	background-position: center top;
	clear: both;
}
.phones {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: #424242;
	text-decoration: none;
}
.datos {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #424242;
	text-decoration: none;
}
a.datos:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #787878;
	text-decoration: none;
}



#foot {
	position: absolute;
	height: 121px;
	width: 875px;
	left: 53px;
	top: 49px;

}
.text_italic {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	color: 353535;
	text-decoration: none;
}
.titulos_grandes {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	font-weight: normal;
	color: #00688F;
	text-decoration: none;
}

.titulos_grandes_pink{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #D01081;
	text-decoration: underline;
}
.project {
	display:block;
	width:302px;
	height:168px;
	padding-bottom:3px;
	}
.negrita {
	font-style: italic;
	color: #000000;
	font-size: 10px;
}
a.breadcrums {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #999;
	text-decoration: underline;
}
a.breadcrums:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #930276;
	text-decoration: none;
}
a.menu_portfolio {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #B4B4B4;
	text-decoration: underline;
}
a.menu_portfolio:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #C1FBFF;
	text-decoration: underline;
}
#flash_screen {
	position: absolute;
	height: 190px;
	width: 410px;
	left: 553px;
	top: 0px;
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	z-index: 0;
}
.testimonials {
	font-size: 11px;
	font-style: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	text-decoration: none;
	color: #333;
}
.italica_blue {
	font-size: 11px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 15px;
	text-decoration: none;
	color: #016388;
}
