@charset "UTF-8";

a {
	color: #79cf00;
	text-decoration: none;
}

a:visited {
	color: #79cf00;
	text-decoration: none;	
}

a:hover {
	color: #79cf00;
	text-decoration: underline;
}

p {
	color: #555;
	margin-bottom: 10px;
}

ul {
}

li {
	color: #555;
	list-style: url(../images/listitem2.gif);
}

html {
	height: 100%;	
}

body {
	height: 100%;
	font-family: Arial, Tahoma, Verdana, "Trebuchet MS", sans-serif;
	font-size: 12px;
	background: #EEEEEE url(../images/layout/body_bg.gif) top left repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.zuppex #container {
	position: relative; /*	Es necesaria esta línea para dejar el footer debajo del content en aquellas páginas que tengan gran cantidad de contenido y 
						superen el espacio vertical. Hay que quitarla para páginas con poco texto para que el footer se quede debajo en IE6*/
	min-height: 100%;
	width: 980px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.zuppex #header {
}
.zuppex #header h1 {
	margin-top: 89px;
	position: absolute;
}
.zuppex #header h1 a {
	background: url(../images/layout/zuppex_logo.gif) top left no-repeat;
	width: 162px;
	height: 36px;
	display: block;
	visibility: hidden;
}
.zuppex #header h1 a:hover {
	text-decoration: none;
}
.zuppex #header h1 span {
	visibility: hidden;
}

.zuppex #header h2 {
	/*background: url(../images/layout/title_h2zuppexcore.gif) top left no-repeat;*/
	width: 980px;
	height: 47px;
	margin-top: 402px;
	position: absolute;
}
.zuppex #header h2 span {
	display: none;
}
.zuppex #header span {
	visibility: hidden
}

.zuppex #logo_sevenclick a {
	background: url(../images/layout/logo_sevenclick.gif) top left no-repeat;
	width: 100px;
	height: 86px;
	position: absolute;
	top: 72px;
	right: 18px;
	display: block;
	text-decoration: none;
}

.zuppex #menu {
	background: url(../images/layout/menu_bg.gif) top left no-repeat;
	width: 628px;
	height: 37px;
	position: absolute;
	margin-left: 176px;
}

.zuppex #menu_options {
	position: relative;
	top: 5px;
	width: 628px;
	height: 37px;
}


.zuppex #submenu {
	width: 628px;
	height: 21px;
	position: absolute;
	margin-left: 0px;
	margin-top: 37px;
}
.zuppex #submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.zuppex #submenu li {
	margin: 0px 20px 0px 0px;
	float: left;
}

.zuppex #menu_language {
	display: none;	/* OCULTA EL MENU DE IDIOMA HASTA QUE SE DESARROLLE LA VERSIÓN EN ESPAÑOL */
	position: absolute;
	top: 20px;
	right: 0px;
	width: 72px;
}

.zuppex #menu_language_options {
	position: relative;
}

.zuppex #btn_english a {
	background: url(../images/layout/btn_english.gif) top left no-repeat;
	width: 32px;
	height: 12px;
	position: absolute;
	display: block;
}
.zuppex #btn_english a:hover {
	background: url(../images/layout/btnX_english.gif) top left no-repeat;
	width: 32px;
	height: 12px;
	text-decoration: none;
}

.zuppex #btn_spanish a {
	background: url(../images/layout/btn_spanish.gif) top left no-repeat;
	width: 35px;
	height: 12px;
	position: absolute;
	left: 37px;
	display: block;
}
.zuppex #btn_spanish a:hover {
	background: url(../images/layout/btnX_spanish.gif) top left no-repeat;
	width: 35px;
	height: 12px;
	text-decoration: none;
}

.zuppex #promo_index {
	background: url(../images/layout/promo_obama.jpg) top left no-repeat;
	position: absolute;
	top: 58px;
	left: 176px;
	width: 628px;
	height: 346px;
}

.zuppex #content {	
	background: url(../images/layout/content_bg.gif) left 394px no-repeat;
	width: 980px;
	/*height: 100%;*/
	height: 190px;
	padding-top: 455px; /* 404 + altoh2 (47) + 4 fondo*/
	padding-bottom: 110px;	/* Height of the footer + 10. Debe ser mayor el margen para que en IE6 con poco texto, se vea el título de la sección*/
}

.zuppex #content p {
	margin: 0px 0px 10px 0px;
}

.zuppex #footer {	
	position: absolute;
	bottom: 0px;
	width: 980px;
	color: #A4A4A4;
	padding-bottom: 10px;
}

.zuppex #footer_up {
	background:  url(../images/layout/footer_bgup.gif) top left no-repeat;
	width: 980px;
	height: 10px;
	display: block;
}
.zuppex #footer_up span {
	display: none;
}

.zuppex #footer_down {
	background: url(../images/layout/footer_bgdown.gif) top left no-repeat;
	width: 980px;
	height: 10px;
	display: block;
}
.zuppex #footer_down span {
	display:none;
}

.zuppex #footer_content {
	background: #2E2E2E;
	width: 980px;
	height: 80px;
	position: relative;
}

.zuppex #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.zuppex #logosgroup {
	position: absolute;
	left: 797px;
	top: 11px;
}

.zuppex #logosgroup span {
	display: none;
}

.zuppex #logosgroup_tbsolutions a {
	background:url(../images/layout/logosgroup_tbsolutions.gif) top left no-repeat;
	width: 52px;
	height: 43px;
	display: block;
	position: absolute;
}
.zuppex #logosgroup_tbsecurity a {
	background: url(../images/layout/logosgroup_tbsecurity.gif) top left no-repeat;
	width: 48px;
	height: 43px;
	display: block;
	left: 58px;
	position: absolute;
}
.zuppex #logosgroup_sevenclick a {
	background: url(../images/layout/logosgroup_sevenclick.gif) top left no-repeat;
	width: 49px;
	height: 43px;
	display: block;
	left: 112px;
	position: absolute;
}
.zuppex #logosgroup_tbsg {
	background: url(../images/layout/logosgroup_tbsg.gif) top left no-repeat;
	width: 161px;
	height: 11px;
	display: block;
	top: 43px;
	position: absolute;
}

.zuppex #copyright {
	background: url(../images/layout/copyright.gif) top left no-repeat;
	width: 700px;
	height: 54px;
	position: absolute;
	top: 13px;
	left: 16px;
}
.zuppex #copyright p {
	top: -4px;
	left: 41px;
	position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	line-height: 1.1em;
	color: #666;
}

.small {
	font-size: 11px;
}

.smallcenter {
	font-size: 11px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.uppercase {
	text-transform: uppercase;
}

.smallcaps {
	text-transform:uppercase;
	font-size: 10px;
}

.smallcapscenter {
	text-transform:uppercase;
	font-size: 11px;
	text-align: center;
	color: #000;
}

.longlist {
	margin-top: 4px;
}

#ribbon_date {
	background: url(../images/layout/ribbon_date.gif) top left no-repeat;
	width: 88px;
	height: 86px;
	position: absolute;
	top: 72px;
	left: 18px;
	z-index: 10;
}

#ribbon_date2 a {
	background: url(../images/layout/ribbon_date3.gif) top left no-repeat;
	width: 86px;
	height: 86px;
	position: absolute;
	top: -10px;
	left: -14px;
	z-index: 11;
	text-decoration: none;
}

#ribbon_sharing {
	background: url(../images/layout/ribbon_sharing.gif) top left no-repeat;
	width: 73px;
	height: 73px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#ribbon_features {
	background: url(../images/layout/ribbon_features.gif) top left no-repeat;
	width: 73px;
	height: 73px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}


#ribbon_downloads {
	background: url(../images/layout/ribbon_downloads.gif) top left no-repeat;
	width: 73px;
	height: 73px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#ribbon_whatis {
	background: url(../images/layout/ribbon_whatis.gif) top left no-repeat;
	width: 73px;
	height: 73px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#ribbon_whatis a {
	width: 73px;
	height: 73px;
	display: block;
	text-decoration: none;
}

#ribbon_suite {
	background: url(../images/layout/ribbon_suite.gif) top left no-repeat;
	width: 73px;
	height: 73px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#ribbon_suite a {
	width: 73px;
	height: 73px;
	display: block;
	text-decoration: none;
}

#ribbon_wallpapers {
	background: url(../images/layout/ribbon_wallpapers.jpg) top left no-repeat;
	width: 73px;
	height: 73px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#ribbon_wallpapers a {
	width: 73px;
	height: 73px;
	display: block;
	text-decoration: none;
}

#ribbon_video {
	background: url(../images/layout/bgvideo.gif) top left no-repeat;
	width: 5px;
	height: 346px;
	top: 48px;
	left: 795px;
	position: absolute;
	z-index: 50;
}