/*===============================================================

	G L O B A L     V A R I A B L E S

============================================== =GLOBAL VARIABLES */

html, body { 
	font-family:  'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 12px; 
/*	background-image: url(images/back.gif);*/
}

#pagewidth {
	width: 830px;
	height: 100%;
	margin: 0 auto auto auto;
	border-left: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC;
	} 


/*===============================================================

	T Y P O G R A P H Y
	
==================================================== =TYPOGRAPHY */

em { font-style: italic; }
h1, h3, h4, h5 { margin: 0 0 18px 0; }
h1 { font-size: 24px; line-height: 35px; }
h2 { margin: 0 0 0 0; } 
.logo { margin-left: 18px; }
p { margin: 18px 0 18px; }
h4 { background: #333333; margin-top: 36px; }
.strong { color: #000000; text-transform: uppercase; }
strong { font-weight: bold; }
a { color: #d35336; }
a:hover { text-decoration: none; }
.firstline { text-transform: uppercase; color: #000000; }
.snav { list-style: none; margin: 0; padding: 0; }
.snav li { margin: 0; padding: 0; display: inline;}
.snav li a { color: #FFFFFF; text-transform: uppercase;}


/*===============================================================

	L I N K      S Y L E I N G
	
=================================================== =LINK STYLING */

a { }
a:hover { }
a:visited { }
a:active { }

/*===============================================================

	N A V I G A T I O N 
	
=================================================== =NAVIGATION */

#main_nav {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 830px;
	height: 47px;
}

#main_nav:hover li a#activity { background-position: -309px 0px; }
#main_nav:hover li a#home { background-position: -163px 0px; }
#main_nav:hover li a#representadas { background-position: -307px 0px; }
#main_nav:hover li a#contacto { background-position: -277px 0px; }
#main_nav:hover li a#about { background-position: -301px 0px; }
#main_nav:hover li a#productos { background-position: -242px 0px; }
#main_nav:hover li a#spacer { background-position: 0px; }


/* ACCESSIBLE ROLL OVERS */
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 47px; } 

#home { background: url(images/navigation/home.gif); width: 83px; }
#home:hover { background: url(images/navigation/home.gif) 0 0 !important; }
#home.active { background: url(images/navigation/home.gif) -83 0; }

#about { background: url(images/navigation/who.gif); width: 165px; }
#about:hover { background: url(images/navigation/who.gif) 0 0 !important; }
#about.active { background: url(images/navigation/who.gif) -150px 0; } 

#activity { background: url(images/navigation/activity.gif); width: 153px; }
#activity:hover { background: url(images/navigation/activity.gif) 0 0 !important; }
#activity.active { background: url(images/navigation/activity.gif) -153px 0; } 

#representadas { background: url(images/navigation/socios.gif); width: 154px; }
#representadas:hover { background: url(images/navigation/socios.gif) 0 0 !important; }
#representadas.active { background: url(images/navigation/socios.gif) -154px 0; } 

#productos { background: url(images/navigation/productos.gif); width: 120px; }
#productos:hover { background: url(images/navigation/productos.gif) 0 0 !important; }
#productos.active { background: url(images/navigation/productos.gif) -120px 0; } 

#contacto { background: url(images/navigation/contacto.gif); width: 155px; }
#contacto:hover { background: url(images/navigation/contacto.gif) 0 0 !important; }
#contacto.active { background: url(images/navigation/contacto.gif) -137px 0; }

/* ACCESSIBLE ROLL OVERS INGLES */

#main_nav:hover li a#activity_en { background-position: -309px 0px; }
#main_nav:hover li a#home_en { background-position: -163px 0px; }
#main_nav:hover li a#representadas_en { background-position: -307px 0px; }
#main_nav:hover li a#contacto_en { background-position: -277px 0px; }
#main_nav:hover li a#about_en { background-position: -301px 0px; }
#main_nav:hover li a#productos_en { background-position: -242px 0px; }
#main_nav:hover li a#spacer_en { background-position: 0px; }


/* ACCESSIBLE ROLL OVERS */
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 47px; } 

#home_en { background: url(images/navigation/home_en.gif); width: 83px; }
#home_en:hover { background: url(images/navigation/home_en.gif) 0 0 !important; }
#home_en.active { background: url(images/navigation/home_en.gif) -83 0; }

#about_en { background: url(images/navigation/who_en.gif); width: 165px; }
#about_en:hover { background: url(images/navigation/who_en.gif) 0 0 !important; }
#about_en.active { background: url(images/navigation/who_en.gif) -150px 0; } 

#activity_en { background: url(images/navigation/activity_en.gif); width: 153px; }
#activity_en:hover { background: url(images/navigation/activity_en.gif) 0 0 !important; }
#activity_en.active { background: url(images/navigation/activity_en.gif) -153px 0; } 

#representadas_en { background: url(images/navigation/socios_en.gif); width: 154px; }
#representadas_en:hover { background: url(images/navigation/socios_en.gif) 0 0 !important; }
#representadas_en.active { background: url(images/navigation/socios_en.gif) -154px 0; } 

#productos_en { background: url(images/navigation/productos_en.gif); width: 120px; }
#productos_en:hover { background: url(images/navigation/productos_en.gif) 0 0 !important; }
#productos_en.active { background: url(images/navigation/productos_en.gif) -120px 0; } 

#contacto_en { background: url(images/navigation/contacto_en.gif); width: 155px; }
#contacto_en:hover { background: url(images/navigation/contacto_en.gif) 0 0 !important; }
#contacto_en.active { background: url(images/navigation/contacto_en.gif) -137px 0; }



/*===============================================================

	C O N T E N T     S T R U C T U R E
	
============================================== =CONTENT STRUCTURE */

.lfr { float: right; margin-right: 50px; }
#header { clear: both; height: 192px; background: url(images/header_05.gif) top left no-repeat;}

.hcontent { width: 405px; margin-left: 20px; height: 378px; }
/* .hcontent { width: 405px; float: left; margin-right: 280px; height: 378px; } */

.process { background: url(../images/ourprocess.png) top left no-repeat;}
.process p { margin-left: 60px; }

/* NEW HEADERS */

#graphic-design #header { background: url(../images/graphicdesign/gdesign-left.jpg) top left no-repeat; }
#graphic-design #right_header { background: url(../images/graphicdesign/gdesign-right.jpg); }

#web-design #header { background: url(../images/webdesign/left-header.jpg) top left no-repeat; }
#web-design #right_header { background: url(../images/webdesign/right-header.jpg); }

#search #header { background: url(../images/seo/header-left.jpg); }
#search #right_header { background: url(../images/seo/header-right.jpg); }

#about-us #header { background: url(../images/about/left-header.jpg) top left no-repeat; }
#about-us #right_header { background: url(../images/about/right-header.jpg); }

#contact-pg #header { background: url(../images/contact/left-header.jpg) top left no-repeat; }
#contact-pg #right_header { background: url(../images/contact/right-header.jpg); }

#home-pg #header { background: url(../images/home/left_header.jpg) top left no-repeat; }
#home-pg #right_header2 { background: url(../images/home/right_header.jpg); }

#contact-pg .hcontent { color: #000000; }

#right_header { padding: 27px 27px 27px 9px; width: 196px; float: right; height: 378px; overflow: hidden;}

#right_header p { margin-top: 0; text-align: justify; }

#right_header2 { padding: 27px 27px 27px 9px; width: 196px; float: right; height: 378px; overflow: hidden;}

#right_header2 p { margin-top: 0; text-align: justify; }

#right_header ul { list-style: none; margin: 30px 0 30px -8px; }
#right_header li { background: #000000; width: 196px; padding: 10px; filter:alpha(opacity=5);-moz-opacity:.5;opacity:.5; margin: 0px 0 0 0; }
#right_header li a { color: #FFFFFF; }

#content { clear: both; padding: 0 0 0 0; }

#footer { clear: both; width: 830px; margin: 0 auto 0 auto; } 
	
#footer p { margin: 0; color: #000000; font-size: 10px; text-align: center; position: inherit;}

#right_col { width: 573px; float: right; padding: 0px 0px 0px 0px; font-size: 95%; background-color:#FFFFFF }

#right_col a { color: #333333; }

#left_col { width: 250px; height:100%; float: left; border-right: 1px solid #e7e7e7; padding: 0px 0px 0px 0px; background-color:#FFFFFF}

.halfcol_left { float: left; width: 49%; }
.halfcol_right { float: right; width: 49%; }




/*  STYLOS */

.div_arrow_wht {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	background-image: url(images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	margin-top: 7px;
	margin-bottom: 7px;
}
.div_arrow_wht a {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration:none;
}
.storysubtitwht {
	font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; 
	font-size: 14px;
	color: #FFFFFF;
}
.plain_txt {
	font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 13px;
}
.plain_txt a:link{
	font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; 
	font-size: 12px;
	color: #666666;
	line-height: 13px;
}
.plain_txt_tit {
	font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 13px;
}
.plain_txt_tit a:link{
	font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; 
	font-size: 12px;
	color: #FFFFFF;
	line-height: 13px;
}
.plain_txt_big {
	font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; 
	font-size: 16px;
	color: #666666;
}
.plain_txt_big a:link{
	font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif; 
	font-size: 16px;
	color: #666666;
}
.box_step_inter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: none;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	background-image: url(images/line_grey.gif);
	background-position: center;
	background-repeat: repeat-x;
	height: 18px;
}
.plain_box_abc {
	font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	background-color: #EBEBEB;
	padding: 3px;
	border: 1px solid #999999;
	margin-right: 1px;
	cursor:pointer;
	text-decoration:none;
}
.div_arrow_blk {

	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	margin-top: 7px;
	margin-bottom: 7px;
}