html * {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	font-size: 1em;
}

body {
	font-size: 76%;
	background: black;
	font-family: Verdana;
	color: 	#333;
}

a {
	color: #333;
	text-decoration: none;
}

#wrapper {
	position: relative;
	width: 948px;
	margin: 10px auto;
}

#navegacion {
	width: 644px;
	height: 25px;
	position: absolute;
	right: 0px;
	top: 10px;
}

#navegacion li {
	float: left;
	height: 25px;
}

#navegacion li a {
	display: block;
	height: 25px;
	background-image: url("imagenes/menu_es.gif");
	background-repeat: no-repeat;
}

body.fr #navegacion li a {
	background-image: url("imagenes/menu_fr.gif");
}

#navegacion li a span {
	display: none;
}

#subNavegacion {
	width: 644px;
	height: 28px;
	background: url("imagenes/submenu.gif");
	position: absolute;
	top: 42px;
	right: 0px;
}

.navegacionSeccion {
	width: 642px;
	height: 20px;
	background: url("imagenes/fondo_navegacion_seccion.gif") no-repeat;
	position: absolute;
	right: 0px;
	top: 68px;
}

.navegacionSeccion li {
	float: left;
	background:  none;
}

.navegacionSeccion li a {
	height: 20px;
	display: block;
}

.navegacionSeccion li a span {
	display: none;
}

h1.imagen {
	position: relative;
	height: 28px;
}

h1.imagen span {
	display: block;
	overflow: hidden;
	text-indent: 1000px;
	position: absolute;
	left: 10px;
}

#izquierda {
	width: 285px;
	position: relative;
	left: 0;
	top: 30px;
	overflow: hidden;
	float:	left;
	height:450px;
}

#noticias {
	margin-bottom: 10px;
}

#contenidoNoticias {
	padding: 10px; 
	height : 235px;
	background: url("imagenes/cuadro_noticias_fondo_negro.gif") center -28px no-repeat;
	color:	#eee;
	font-size: 1.1em;
}

#noticias h1 {
	background: url("imagenes/cuadro_noticias_fondo_negro.gif") top center no-repeat;
	position: relative;
}

#noticias h1 span {
	display: block;
	width: 57px;
	height: 18px;
	top: 13px !important;
	left: 10px !important;
	background: url("imagenes/h1_noticias.gif") no-repeat;
}

body.fr #noticias h1 span {
	background: url("imagenes/h1_noticias_fr.gif") no-repeat;
}


#noticias a {
display: block;
color: #eee;
}

#noticias a:hover {
	background: 	#666;
}

#login h1 span {
	top:	11px;
}

#contacto h1 span {
	top:	13px;
}


.noticia {
	border-left: 2px solid #cd202c;
	padding-left: 5px;
	margin-bottom: 10px;
}

.noticia .fecha {
	font-size: .6em;
}

.noticia h2 {
	color: 			#cd202c !important;
	font-size: 		.9em;
	margin: 		5px 0 5px 0;
	height: 		15px;
	overflow: 		hidden;
}

.noticia p {
	font-size: .7em;
	text-align: justify;
	height:  	3.6em;
	overflow: 	hidden;
}

.miniCuadro {
	width: 139px;
	height: 135px;
	background: url("imagenes/mini_cuadro_fondo.gif");
	float: left;
	position: 	relative;
	top: -1px;
}

#login h1 span {
	width: 88px;
	height: 18px;
	background: url("imagenes/h1_espacioDSS.gif") 1px 3px no-repeat;
}

body.fr #login h1 span {
	background: url("imagenes/h1_espacioDSS_fr.gif") 1px 0px no-repeat;
}

#contacto {
	left:			8px;
	overflow: 		hidden;
}

#contacto h1 span {
	width: 63px;
	height: 18px;
	background: url("imagenes/h1_contacto.gif") 1px 3px no-repeat;
}

body.fr #contacto h1 span {
	background: url("imagenes/h1_contacto_fr.gif") 1px 3px no-repeat;
}

#login form {
	padding:	5px 10px 0 10px;
	position: relative;
}

#login input {
	border:	1px solid #666;
	margin-bottom: 5px;
	width: 			110px;
}

#login label {
	font-size: .9em;
}

input.submit {
	display: none;
}

a.submit {
	border:	none;
	overflow: hidden;
	padding-right: 14px;
	background: url("imagenes/boton_submit.gif") no-repeat center right;
	position: absolute;
	right:	15px;
	bottom:	-17px !important;
	bottom: 32px;
}

#contacto ul {
	padding: 3px 0 0 10px;
}

#contacto ul li {
	float:			left;
	margin-bottom:	10px;
	position: 		relative;
	margin-right: 	25px; 
}

#contacto ul li, #contacto ul li a {
	width:			39px;
	height:			38px;
	background-image: url("imagenes/botones_contacto_off.gif");
	background-repeat: no-repeat;
	display: 		block;
	font-size: 		.95em;
}

#contacto .direccion a {
	background-position: 0px 1px;
}

#contacto .telefono a {
	background-position: 0px -49px;
}

#contacto .mail a {
	background-position: -64px 0px;
}

#contacto .localizacion a {
	background-position: -65px -49px;
}

#contacto a:hover {
	background-image: url("imagenes/botones_contacto.gif");
	color: 		#cd202c;
}

#contacto a span {
	position: 	absolute;
	left:	0;
	top:	35px;
	font-size: .8em;
}

li.telefono {
	clear:		both;
}

li.telefono, li.direccion {
	margin-right: 30px;
}

#central {
	width:	640px;
	position: 	relative;
	margin-left:	304px !important;
	margin-left:	301px;
	margin-top: 30px;
}

body.inicio #central ul li {
	height: 133px;
	width:	363px;
	background: url("imagenes/itemInicio_fondo.gif");
	margin-bottom: 9px;
	position: relative;
	margin-left:	280px;
}

.esquina {
	position: absolute;
	left: 0;
	bottom:	0 !important;
	bottom: -5px;
	width: 9px;
	height: 9px;
	background: url("imagenes/esquinaItemsInicio.gif") no-repeat;
}

body.inicio #central ul li h1 span  {
	display: none;
}

body.inicio #central ul li .izquierda {
	position: 	absolute;
	left:		1px;
	top:		28px;
}

body.inicio #central ul li .derecha {
	position: 		absolute !important;
	right:			3px !important;
	top:			29px !important;
	padding: 		0;
}

#cooperativas h1 {
	background: 	url("imagenes/h1_gestionCooperativa.gif") 10px 7px no-repeat;
}

#logistica h1 {
	background: 	url("imagenes/h1_tecnologiaLogistica.gif") 10px 7px no-repeat;
}

#ERP h1 {
	background: 	url("imagenes/h1_ERP.gif") 10px 7px no-repeat;
}

#formatione {
	background: 	url("imagenes/h1_formation.gif") 10px 6px no-repeat;
	width:			200px;
}

body.fr #formatione {
	background: 	url("imagenes/h1_formation_fr.gif") 10px 6px no-repeat;
	width:			200px;
}

#formatione span {
	display:		none;
	
}

body.fr #cooperativas h1 {
	background: 	url("imagenes/h1_gestionCooperativa_fr.gif") 10px 7px no-repeat;
}

body.fr #logistica h1 {
	background: 	url("imagenes/h1_tecnologiaLogistica_fr.gif") 10px 7px no-repeat;
}

body.fr #ERP h1 {
	background: 	url("imagenes/h1_ERP_fr.gif") 10px 7px no-repeat;
}


#infoContacto {
	padding-top: 15px;
	clear: both;
	font-size: .8em;
	color: #ddd;
	text-align: center;
	font-size: .9em;
}
#infoContacto a {
		color: #ddd;
}

#infoContacto a:hover {
	text-decoration: 	underline;
}

#infoContacto address {
	font-style: normal;
}

.inicio #central {
	background: none;	
	width: 		643px !important;
}


body.seccion #central {
	height: 	426px;
	width: 		643px;
	background: url("imagenes/fondo_central.gif") no-repeat;
	position: 	relative;
}

body.seccion #central .izquierda {
	position: 	absolute;
	top:		27px;
	left: 		2px;
	width:		246px;
	height: 	395px;
	overflow: 	hidden;
}

body.seccion #central .derecha {
	height: 	335px;
	position: 	absolute;
	top:		27px;
	right: 		18px;
	width:		360px;
	overflow:	hidden;
	font-size: 	.9em;
	padding: 	20px 0 20px 0;
}

body.seccion #central .derecha h2, body.seccion #central .derecha h3, body.seccion #central .derecha h4 {
	color: 		#cd202c;
}

body.seccion #central .derecha h2 {
	font-size: 	1.5em;
}

body.seccion #central .derecha h2, #central .derecha p, #central .derecha ul {
	margin-bottom: 	20px;
}

body.seccion #central .derecha p, #central .derecha ul {
	color: 		#eee;
}

#central .derecha ul li {
	list-style-type:	square !important;
	margin-left: 	20px;
}

body.seccion body.empresa #central h1 {
	background: url("imagenes/h1_DSSgrupo.gif") no-repeat 10px 3px;
}

body.seccion #central h1 span {
	display: none;
}

#flechas {
	position: 	absolute;
	bottom: 10px;
	right: 10px;
}

#scrollArriba {
	background: url("imagenes/flecha_arriba.gif");
	display: 	block;
	width: 10px;
	height: 	12px;
	overflow: hidden;
	text-indent: 200px;
}

#scrollAbajo {
	background: url("imagenes/flecha_abajo.gif");
	display: 	block;
	width: 10px;
	height: 	12px;
	overflow: hidden;
	text-indent: 200px;
}

img.logoDSS {
	float: 	left;
	margin: 0 20px 20px 0;
}

#scroller {
	padding-bottom: 	40px;
}

#scroller a {
	color: red;
}

#scroller a:hover {
	border-bottom: 1px solid #bbb;
}

.modal {
	background: 	white;
	padding:		20px;
}

.referencia {
	padding-top: 	3px;
}

.oferta {
		color:			white;
		margin-bottom: 	10px;
}


.oferta p {
	height: 	45px;
	overflow: 	hidden;
	margin: 	0 !important;
}

.oferta h2 {
	margin-bottom: 	5px !important;
}

.oferta h2 span {
	color:		white;
	font-size: 	.7em;
}

.derecha a {
	color:		#ddd;
}

.masInfo {
	border-bottom:  1px solid red;
}

#quant {
	padding-top:	40px;
	padding-bottom:	20px;
	width:			218px;
	display:		block;
	margin: 		auto;
}

.subQuant {
	margin: 		auto;
	width: 			580px;
	overflow: 		hidden;
	padding-left: 	10px;
}

.subQuant a {
	display: 		block;
	width: 			170px;
	height: 		70px;
	float: 			left;
	margin-right: 	32px;
}

#unicoo {
	padding-top:	40px;
	padding-bottom:	20px;
	width:			346px;
	display:		block;
	margin: 		auto;
}

.subUnicoo {
	margin: 		auto;
	width: 			480px;
	overflow: 		hidden;
} 

.subUnicoo a {
	margin-right:	30px;
	margin-bottom:	10px;
	display: 		block;
	float: 			left;
	width: 			140px;
}

.subUnicoo div {
	margin-bottom: 	20px;
	clear: 			both;
	width: 			600px;
}

.ultimo {
	padding: 		0 !important;
	margin: 		0 !important;
}

body.Subseccion #central .izquierda {
	position: 	absolute;
	top:		100px;
	left: 		2px;
	width:		380px !important;
	height: 	280px !important;
	overflow: 	hidden;
	font-size: 	.9em;
	padding: 	20px 0px 20px 10px !important;
}

body.Subseccion #central .derecha {
	height: 	280px !important;
	position: 	absolute;
	top:		100px;
	right: 		5px;
	width:		215px;
	overflow:	hidden;
	padding: 	20px 0 20px 0;
}

body.Subseccion #central .izquierda h2, body.Subseccion #izquierda .izquierda h3, body.Subseccion #central .izquierda h4 {
	color: 		#cd202c !important;
}

body.Subseccion #central .izquierda h2 {
	font-size: 	1.5em !important;
}

body.Subseccion #central .izquierda h2, #central .izquierda p, #central .izquierda ul {
	margin-bottom: 	20px ;
}

body.Subseccion #central .izquierda p, #central .izquierda ul, body.Subseccion #central .izquierda {
	color: 		#eee !important;
	text-align: justify;
}

body.Subseccion #central .derecha #subQuant {
	height: 	25px;
	width:		280px;
	position: 	absolute;
	bottom: 	10px;
	left: 		2px;
}

body.Subseccion #central .derecha #subQuant a {
	display: 		block;
	float:			left;
	margin-right: 	12px;
	width: 			60px !important;
	height: 		25px !important;	
}

#linkQuant {
	position: 		absolute;
	top: 			20px;
	right: 			20px;
}

.Subseccion #flechas {
	position: 	absolute;
	top: 		130px;
	right: 		233px;
}

body.soluciones #central .derecha ul, body.cursos #central .derecha ul {
	position: 	absolute;
	bottom: 	10px;
	right: 		10px;
	list-style: none !important;
}

body.soluciones #central .derecha ul li, body.cursos #central .derecha ul li {
	list-style: 	none !important;
	text-align: 	right;
}

body.soluciones .derecha ul li a {
	color: 		#cd202c;
	text-align: right;
	
}

.derecha ul li a {
	white-space: nowrap;
}

body.cursos .derecha li {
	
	font-size:		.9em;
	line-height:	13px;
	height:			13px;
	
	
}

body.soluciones .derecha h1 {
	color: 		white;
	position: 	absolute;
	top:		10px;
	right: 		10px;
}
.imagenSuperior {
	margin-left: 3px;
}

.edicionEnLinea a {
	color:		#eee;
}

body.soluciones #scroller ul li {
	margin-bottom: 		15px;
}

body.soluciones #scroller ul li h2 {
	margin-bottom: 		0px !important;
	padding-bottom: 	0px !important;
}

#subUnicoo {
	position:			absolute;
	right:				22px;
	top:				55px;
	height: 			160px;
	width: 				100px;
}

#subUnicoo img {
	display:			block;
	margin-bottom: 		3px;
}

#alzambra {
	position: 			absolute;
	top:				270px;
	left: 				260px;
}

.noticiaGrande {
	border-left:			2px solid red;
	padding-left:			5px;
}

.noticiaGrande p {
	margin-top:			15px !important;
	
}

li.publicaciones, li.proximos {
	
	display:		none !important;
	
}