@charset "utf-8";
/* CSS Document */
html, body{ 
	margin			:0;
	padding			:0;
	text-align		:center;

	background-color:#00719d;
	background-image:url(../../images/layout/bkglayout.gif);
	background-position: left top;
	background-repeat:repeat-x;
	font-family	:Verdana, Arial, Helvetica, sans-serif;
	font-size	:0.83em;
}


#pagewidth {
	background-color:none;
	width		:675px; 
	text-align	:left;  
	margin-left	:auto; 
	margin-right:auto;
}

#pagewidth #header {
	position	:relative; 
	height		:237px; 
	width		:100%;

	background-color:#FFFFFF;
	background-image:url(../../images/layout/bkgheader.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#pagewidth #wrapper {
	float		:left; 
	display		:inline;
	position	:relative;
	width		:100%;

	background-image:url(../../images/layout/bkglayout_wrapper.gif);/*675x251*/
	background-position:left top;
	background-repeat:repeat-y;
}

#pagewidth #maincol {
	float		:left; 
	display		:inline;
	position	:relative;
	width		:100%;

	background-image:url(../../images/layout/bkglayout_content.gif);/*675x251*/
	background-position:left top;
	background-repeat:no-repeat;
}

#pagewidth #maincol #wrpcolleft {
	float		:left;
	width		:440px;/*375*/
}

#pagewidth #maincol #wrpcolright {
	width		:230px;
	float		:right;
}

#pagewidth #wrpcolleft #colleft {
	padding-top		:15px;

	padding-bottom	:10px;
	padding-left	:10px;
	margin-left	:15px;
}

#pagewidth #wrpcolright #colright {
	margin-right	:15px;
	padding-right	:8px;
	padding-top		:10px;
	/*border:1px dashed white;*/
	color: black;
}

#pagewidth #footer {
	height		:25px; 
	clear		:both;
}

#pagewidth DIV#closefooter {
	height:45px;
	background-image:url(../../images/layout/bkgfooter.gif);/*675x251*/
	background-position:left top;
	background-repeat:no-repeat;
	clear:both;
}

/* --------------------------------------- */
/* HEADER */
#pagewidth DIV#header DIV#logo {
	width		:230px;
	height		:95px;
	background-image:url(../../images/gsplogo.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-top	:70px;
	margin-left	:35px;
}

#pagewidth DIV#header DIV#logo SPAN {display:none;}

/* -------------------------------------- */
/* FOOTER ------------------------------- */
#pagewidth #footer {
	text-align:center;
	color: white;
	font-size: 90%;
	padding-top:10px;
	padding-bottom:10px;
}

#footer A:link,
#footer A:visited,
#footer A:active {color:white;}

#footer A:hover,
#footer A:focus {background-color:#469bbc;}


/* -------------------------------------- */
/* MAINCONTENT -------------------------- */
/* titlesection*/
H1.titlesection {margin:0;padding:0;}
H1.titlesection SPAN {display:none;}

/* NAVBAR -------------- */
DIV#navbar {width:160px;
	position:absolute;
	top		:50px;
	right	:180px;
}

DIV#navbar UL.main {margin:0;padding:0;list-style:none;}
DIV#navbar UL.main LI {margin-bottom:1px;}
DIV#navbar UL.main LI A {
	width:160px;
	display:block;
	text-transform:uppercase;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	padding-top:7px;
	padding-right:5px;
	padding-bottom:7px;
	padding-left:5px;
}

DIV#navbar UL.main LI A:link,
DIV#navbar UL.main LI A:active,
DIV#navbar UL.main LI A:visited {color:#333;background-color:#e7e5d5;}

DIV#navbar UL.main LI A:hover,
DIV#navbar UL.main LI A:focus {color:#585119;background-color:#c6c19d;}
DIV#navbar UL.main LI SPAN {}

DIV#navbar UL.main LI UL.sub {display:none;}
/* -------------- */
/* LINKS */
A:link,
A:active,
A:visited {
	font-size:100%;
	color:#5c540d;
	background-color:;
	text-decoration:underline;
}

A:hover,
A:focus {text-decoration:none;}


A.moreinfo {
	background-image:url(../../images/ico_popup.gif);
	background-repeat:no-repeat;
	background-position:3px left;
	padding-left:15px;
	padding-top:3px;
}

A.moreinfo:link,
A.moreinfo:visited,
A.moreinfo:active {color:white;text-decoration:underline;font-size:100%;}
A.moreinfo:hover,
A.moreinfo:focus {text-decoration:none;}

A.white {}
A.white:link,
A.white:visited,
A.white:active {color:white;text-decoration:underline;font-size:100%;}
A.white:hover,
A.white:focus {text-decoration:none;}

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


/* ACCORDION */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	font-size: 120%;
	font-weight: normal;
	margin-top:1px;
	background-image:url('../../images/bkg_H2acco.gif');
	background-position:left top;
	background-repeat:repeat-x;
	cursor:pointer;

}

DIV#accordion {width:85%;}
H2.toggler SPAN {display:none;} /* H2 title for robots */
H2.toggler IMG {border:0;margin:0;padding:0;margin-top:0px;} /* styled title */
DIV.accocnt DIV {
	border-top:1px solid white;
	padding:5px;
	background-color:#e1e1e1;
	background-image:url('../../images/contacto/bkg_accocontent.gif');
	background-position:left top;
	background-repeat:repeat-x;
} /* content of each accordion */

DIV.accocnt DIV dl {margin:0;padding:0;} /* list within div.accocnt > div */
DIV.accocnt DIV dt {font-weight:bold;font-size:110%;margin:0;padding:0;} /* title */
DIV.accocnt DIV dd {margin:0;padding:0;margin-bottom:10px;} /* description of company contact */
DIV.accocnt DIV dd SPAN.name {font-size:110%;} /* name of the contact */
/* ----------------------------- */

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */