/******************************************/
/* Standard-CSS for Remo                  */
/* green: #33DEC0                         */
/* grey: #8F8F8F                          */
/******************************************/

/******************************************/
/* Imports                                */
/******************************************/
@import url(screen_typo3.css);
@import url(screen_navigation.css);
@import url(screen_content.css);

/******************************************/
/* General definitions                    */
/******************************************/

html, body, p, h1, h2, h3, span, a, ul, ol, table, td, form, hr, div {
	margin: 0px;
	padding: 0px;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #8F8F8F;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	background: #fff url(../img/main_bg.gif) repeat top center;
	text-align: center;
}
a:link, a:visited { 
	color: #8F8F8F;  
	text-decoration: underline;
}  
a:active, a:hover {  
	color: #33DEC0;  
	text-decoration: underline;  
}  
img {  
	border: 0px;  
}
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/******************************************/
/* END General definitions                */
/******************************************/

div#wrapper_box {
  	margin: 0px auto;
	text-align: left;
	width: 983px;
	min-height: 100%;
	background: #fff;
}
/* CSS hack for IE 100% and more height */
*html div#wrapper_box {
	height: 100%;
} 
/******************************************/
/* Header Box                             */
/******************************************/
div#wrapper_box div#header_box {
	width: 983px;
	height: 95px;
	position: relative;
	background: url(../img/line_bg.gif) no-repeat 42px 94px;
} 
div#wrapper_box div#header_box img.logo {
	position: absolute;
	top: 32px;
	left: 39px;
} 

/******************************************/
/* Subheader Box                          */
/******************************************/
div#wrapper_box div#subheader_box {
	width: 901px;
	height: 75px;
	margin: 0px 42px;
	background: url(../img/dotted_line_bg.gif) no-repeat bottom left;
} 

div#wrapper_box div#subheader_box h1 {
	height: 74px;
	font: 28px/74px Arial, Helvetica, sans-serif;
	text-indent: -999em;
	width: 901px;
} 

/******************************************/
/* Submenu Box                            */
/******************************************/
div#wrapper_box div#submenu_box {
	width: 901px;
	margin: 0px 42px;
	background: url(../img/dotted_line_bg.gif) no-repeat bottom left;
}
div#wrapper_box div#submenu_box select {
	margin: 7px 0px 0px 0px;
} 

/******************************************/
/* Content Box                            */
/******************************************/
div#wrapper_box div#content_box {
	width: 943px;
	background: url(../img/dotted_line_bg.gif) no-repeat bottom left;
	margin: 0px 0px 0px 42px;
	padding: 0px 0px 1px 0px;
	min-height: 415px;
}
/* CSS hack for IE 100% and more height */
*html div#wrapper_box div#content_box {
	height: 415px;
} 
/* Paging */
div#wrapper_box div#content_box div#paging {
	width: 901px;
	background: url(../img/dotted_line_bg.gif) no-repeat bottom left;
	height: 36px;
	padding: 0px 0px 1px 0px;
} 
div#wrapper_box div#content_box div#paging img {
	float: left;
	margin: 7px 0px 0px 0px;
}
div#paging a.backButton, div#paging a.nextButton, div#paging a.backButtonInactive,  div#paging a.nextButtonInactive{
	float: left;
	width: 46px;
	height: 21px;
	margin: 7px 0px 0px 0px;
	font-weight: bold;
} 
div#paging a.backButton {
	background: transparent url(../img/paging_back_bu_lo.gif) no-repeat top left;
} 
div#paging a.backButton:hover {
	background: transparent url(../img/paging_back_bu_hi.gif) no-repeat top left;
} 
div#paging a.nextButton {
	background: transparent url(../img/paging_next_bu_lo.gif) no-repeat top left;
} 
div#paging a.nextButton:hover {
	background: transparent url(../img/paging_next_bu_hi.gif) no-repeat top left;
} 
div#paging a.nextButton span, div#paging a.backButton span , div#paging a.backButtonInactive span , div#paging a.nextButtonInactive span {
	display: none;
}

div#paging a.nextButtonInactive {
	background: transparent url(../img/paging_next_bu_inactive.gif) no-repeat top left;
} 

div#paging a.backButtonInactive {
	background: transparent url(../img/paging_back_bu_inactive.gif) no-repeat top left;
} 

/******************************************/
/* Column 1                               */
/******************************************/
div#wrapper_box div#content_box div#col1_video {
	width: 425px;
	height: 380px;
	float: left;
	padding: 18px 0px 17px 0px;
	background: url(../img/col1_green_bg.gif) no-repeat top left;
} 
div#wrapper_box div#content_box div#col1_reconocimientos {
	width: 901px;
	height: 380px;
	float: left;
	padding: 18px 0px 17px 0px;
} 
div#wrapper_box div#content_box div#col1_clientes {
	width: 340px;
	height: 380px;
	float: left;
	padding: 18px 25px 17px 0px;
} 
div#wrapper_box div#content_box div#col1_detail {
	width: 365px;
	float: left;
}
div#wrapper_box div#content_box div#col1_service {
	width: 421px;
	height: 380px;
	margin: 18px 0px 17px 430px;
	padding: 0px 50px 0px 0px;
	overflow: auto;
}
div#wrapper_box div#content_box div#col1_contact {
	float: left;
	width: 557px;
	height: 380px;
	margin: 18px 0px 17px 0px;
}
/* Paging */
div#wrapper_box div#content_box div#col1_detail div#paging {
	width: 307px;
	background: url(../img/dotted_line_bg.gif) no-repeat bottom left;
	height: 36px;
	padding: 0px 0px 1px 0px;
} 


/******************************************/
/* Column 2                               */
/******************************************/
div#wrapper_box div#content_box div#col2_video {
	width: 476px;
	height: 380px;
	float: left;
	padding: 18px 0px 17px 0px;
	background: url(../img/col2_green_bg.gif) no-repeat top left;
}
div#wrapper_box div#content_box div#col2_clientes {
	width: 536px;
	height: 380px;
	float: left;
	margin: 18px 0px 17px 0px;
	overflow: auto;
}
div#wrapper_box div#content_box div#col2_detail {
	width: 536px;
	float: left;
	padding: 18px 0px 17px 0px;
}
div#wrapper_box div#content_box div#col2_contact {
	float: left;
	width: 344px;
	height: 380px;
	margin: 18px 0px 17px 0px;
}

/******************************************/
/* Footer Box                             */
/******************************************/
div#wrapper_box div#footer_box {
	position: relative;
	width: 901px;
	padding: 0px 42px;
}
div#wrapper_box div#footer_box p.copyright {
	font: 11px/28px Arial, Helvetica, sans-serif;
	position: absolute;
	left: 42px;
}

/******************************************/
/* Subfooter Box                          */
/******************************************/
div#wrapper_box div#footer_box div#subfooter_box {
	width: 901px;
	height: 36px;
	background: url(../img/line_bg.gif) no-repeat bottom left;
	position: relative;
}
div#wrapper_box div#footer_box div#subfooter_box img {
	position: absolute;
	left: 13px;
	bottom: 0px;
}
div#wrapper_box div#footer_box div#subfooter_box p {
	position: absolute;
	left: 95px;
	font: 12px/35px Arial, Helvetica, sans-serif;
}