@charset "utf-8";
/* CSS Document */

@import url("reset.css");

/* Esto se usa en la validación de los formularios y mensajes de error */
label.error, p.error { 
	color: red;
	font-size:0.9em;
}
input.error {
	border: 1px dotted #F00;
}
body {
	background: #EEEEEE url(../images/fondo_body.jpg) repeat-x;
	padding-top:45px;
	padding-bottom:100px;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333;	
}

a:link, a:visited {
	text-decoration:none;
	font-weight:normal;
	color:#333;
}

/*----FORMATOS GENERALES----*/

#principal h2 {
	font-size:18px;
	color:#900;
	padding-bottom:2px;
	margin-bottom:18px;
	border-bottom: 2px solid #900;
}

#principal h2 a {
	font-size:18px;
	color:#900;
	text-decoration:none;
}

#principal p {
	padding-bottom:8px;
}

#principal img {
	padding:3px;
	border:1px solid #CCC;
}
#principal h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:18px;
	margin-top:18px;
}

div.apertura_body {
	padding:0px;
	width:1000px;
	margin:0px auto;
	background: url(../images/sombrero_body.png) no-repeat center top;
	height: 4px;
	line-height:0;
	overflow: hidden;

}
div.cierre_body {
	margin:0px;
	padding:0px;
	width:1000px;
	margin:0px auto;
	background: url(../images/sombrero_body_abajo.png) no-repeat center top;
	height: 10px;
	line-height:0;
	overflow: hidden;
}
div.apertura_col {
	padding:0px;
	width:199px;
	margin:0px auto;
	background: url(../images/columna2_tapa1.png) no-repeat center top;
	height: 9px;
	line-height:0;
	overflow: hidden;
}
div.cierre_col {
	margin:0px;
	padding:0px;
	width:199px;
	margin:0px auto;
	background: url(../images/columna2_tapa2.png) no-repeat center top;
	height: 9px;
	line-height:0;
	overflow: hidden;
}

#cabecera {
	padding-top:5px;
	width:1000px;
	margin:auto;
	background: url(../images/fondo_cabecera.png) repeat-y;
}

#cabecera #menuContacto {
	float:right;
	height:30px;
}

#cabecera #menuContacto ul li {
	display:inline;
}

#cabecera #menuContacto ul li a {
	float:left;
	height:9px;
	line-height:9px;
	padding:5px;
	margin-top:5px;
	text-decoration:none;
	color:#333;
}

#cabecera #menuContacto a.inicio {
	background: url(../images/icon_inicio.png) no-repeat left top;
	padding-left:20px;
}

#cabecera #menuContacto a.rss {
	background: url(../images/icon_rss.png) no-repeat left top;
	padding-left:20px;
	margin-left:15px;
}

#cabecera #menuContacto a.contacto {
	background: url(../images/icon_contacto.png) no-repeat left top;
	padding-left:20px;
	margin-left:15px;
	margin-right:40px;
}

#cabecera #menuContacto a.inicio:hover {
	color:#900;
	background: url(../images/icon_inicio.png) no-repeat left bottom;
}

#cabecera #menuContacto a.rss:hover {
	color:#900;
	background: url(../images/icon_rss.png) no-repeat left bottom;
}

#cabecera #menuContacto a.contacto:hover {
	color:#900;
	background: url(../images/icon_contacto.png) no-repeat left bottom;
}

#cabecera #menu {
	height:66px;
	background: url(../images/fondo_menu.png) no-repeat;
}

#cabecera #menu img {
	float:left;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 60px;
	border:none;
}

#cabecera #menu ul li {
	display:inline;
}

#cabecera #menu ul a {
	margin-top:25px;
	float:left;
	text-decoration:none;
	color:#333;
	padding-left:35px;
	padding-right:35px;
}

#cabecera #menu ul a:hover {
	color:#900;
}

#cabecera #slide {
	margin-top:21px;
	height:150px;
}

#contenido {
	width:1000px;
	margin:0 auto;
	min-height:500px;
	background: url(../images/fondo_contenido.png) repeat-y;
}

#contenido #columna2 {
	display:none;
}

#contenido #principal a:link, #contenido #principal a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#900;
}
#contenido #principal a.first,#contenido #principal a.previous, #contenido #principal a.next, #contenido #principal a.last {
	padding:0 5px;
}
#contenido #principal li {
	padding-left: 20px;
	background-image: url(../images/vineta.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

/*------PRINCIPAL----*/

#contenido #principal {
	width:675px;
	float:left;
	padding:25px 10px 90px 15px;
	margin-left:15px;
	_margin-left:7px;
}

#contenido #columna1 {
	float:right;
	width:242px;
	padding:25px 15px 20px 15px;
	margin-right:10px;
	_margin-right:5px;
}

#contenido #columna1 h2 {
	width: 242px;
	font-size: 18px;
	font-weight:normal;
	border-bottom: 2px solid #900;
	margin-bottom:20px;
}

#contenido #columna1 .bloquecasos {
	padding-bottom:10px;
	border-bottom: 2px solid #900;
	margin-bottom: 20px;
}

#contenido #columna1 .bloquecasos img {
	float:left;
	margin: 0 10px 0 0;
	padding:3px;
	border:1px solid #CCC;
}

#contenido #columna1 .bloquecasos a {
	display:block
}

#contenido #columna1 .bloquecasos h3 {
	display:block;
	color:#333;
	font-weight:normal;
	margin-top:10px;
}

#contenido #columna1 #botonesgrandes ul li a {
	display:block;
	width:174px;
	margin-left:25px;
	height:53px;
}

#contenido #columna1 #botonesgrandes ul li a.contacto {
	background: url(../images/btn_columna_consultas.png) no-repeat left top;	
}

#contenido #columna1 #botonesgrandes ul li a.newsletter {
	background: url(../images/btn_columna_newsletter.png) no-repeat left top;	
}

#contenido #columna1 #botonesgrandes ul li a.cv {
	background: url(../images/btn_columna_trabajo.png) no-repeat left top;	
}

#contenido #columna1 #botonesgrandes ul li a.contacto:hover {
	background: url(../images/btn_columna_consultas.png) no-repeat left bottom;	
}

#contenido #columna1 #botonesgrandes ul li a.newsletter:hover {
	background: url(../images/btn_columna_newsletter.png) no-repeat left bottom;	
}

#contenido #columna1 #botonesgrandes ul li a.cv:hover {
	background: url(../images/btn_columna_trabajo.png) no-repeat left bottom;	
}


/*--------INDEX--------------------*/

#default #contenido #principal {
	width:492px;
	_width:486px;
	float:none;
	margin-left:199px;
}

#default #contenido #principal .bloquenoticias .item {
	width:230px;
	padding:0 8px 8px 8px;
	float:left;
	margin-bottom:8px;
	background: url(../images/borde_bloque.png) repeat-x bottom;
	min-height: 100px;
}

#default #contenido #principal .bloquenoticias .item img {
	float:left;
	padding:4px;
	margin-right:10px;
	margin-top:15px;
}

#default #contenido #principal .bloquenoticias .item p.fecha {
	padding-bottom:3px;
	font-size:10px;
  	color:#999;
}

#default #contenido #principal .bloquenoticias .item a h3 {
	font-weight:normal;
	color:#333;
	font-size:12px;
	margin:0px;
}

#default #contenido #columna2 {
	display:block;
	width:199px;
	float:left;
	padding:25px 0px 20px 0px;
}

#default #contenido #columna2 p {
	padding:3px 5px 3px 13px;
}

#default #contenido #columna2 h2 {
	font-size:14px;
	padding: 0px 0px 3px 18px;
}

#default #contenido #columna2 #alianzas {
	background-color:#FFF;
	padding-right:12px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

#default #contenido #columna2 #alianzas img {
	padding-left:45px;
	padding-top:10px;
}

#default #contenido #columna2 #alianzas p {
	text-align:justify;	
}

#default #contenido #columna2 #tecnologias {
	background-color:#FFF;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	height:90px;
}

#default #contenido #columna2 div.slide {
	width:198px;
}

#default #contenido #columna2 #tecnologias img {
	padding:12px;	
}

 /* slider */

#default #contenido div.productosdestacados {
	height:320px;
	overflow:hidden;
}
 
#slider {
	width:371px;
	margin:0 auto;
}
 
#default #slider li { 
	width:371px;
	height:300px;
	overflow:hidden;
	background-image:none;
	padding:0;
	margin:0;
}	
#prev, #next { 
	display:block;
	width:40px;
	height:40px;
	position:relative;
	top:-190px;
	z-index:1000;
	overflow:hidden;
    text-indent:-8000px;
}	
#next { 
	left:450px;
	top:-230px;
}														
#prev a, #next a {  
	display:block;
	position:relative;
	width:40px;
	height:40px;
	background:url(../images/main__flecha_izquierda.png) no-repeat 0 0;	
}	
#next a{ 
	background:url(../images/main__flecha_derecha.png) no-repeat 0 0;	
}

#slider h3 {
	font-size:18px;
	color:#900;
	padding-bottom:5px;
}

#slider img {
	background-color:#FFF;
	padding:5px;
	margin-bottom:15px;
}

#slider p.more {
	margin-top:10px;
	text-align:right;
}

#contenido #slider p.more img {
	border:none;
	padding:0;
	background-color:transparent;
}
	
#contenido #columna2 p.deco, body p.deco {
	line-height:0;
	padding:0;
	margin:0;
}

#footer {
	width:1000px;
	margin:auto;
}

#footer img {
	float:left;
	margin: 10px 0px 0px 10px;
}

#footer ul {
	margin-left:250px;
}

#footer ul li {
	display:inline;
}

#footer ul li a {
	float:left;
	margin-top:10px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
	color:#333;
}

#footer ul li a:hover {
	color:#900;
}

#footer p {
	float:right;
	font-size:9px;
	padding-right:10px;
	padding-top:10px;
}

#footer p a {
	color:#900;
	text-decoration:none;
}

#footer p a:hover {
	text-decoration:underline;	
}

/*------EMPRESA----*/

#general #principal .gallery {
	width:20px;
	float:left;	
}

#general #principal .gallery a {
	display:block;
	margin-bottom:5px;
}

#general #principal h2 {
	margin-left:210px;
}

#general #principal .texto {
	margin-left:210px;
}

/*-------- SERVICIOS--------- */

#multiple #contenido #principal {
	width:472px;
	_width:470px;
	float:none;
	margin-left:199px;
	_margin-left:99px;
	padding-right:20px;
}

#multiple #contenido #principal img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#multiple #contenido #columna2 {
	display:block;
	width:114px;
	float:left;
	padding:15px 15px 20px 15px;
	margin:67px 10px 15px 40px;
	_margin-left:20px;
	background-color:#FFF;
	border:1px solid #CCC;
}

#multiple #contenido #columna2 h1 {
	font-size:14px;
	margin-bottom:10px;
	color:#CCC;
}

#multiple #contenido #columna2 a {
	font-weight:bold;
	text-decoration:none;
	color:#900;
	margin-bottom:10px;
	display:block;
}

/*-----CASOS---*/
#casos #contenido #principal {
	width:472px;
	_width:470px;
	float:none;
	margin-left:199px;
	_margin-left:99px;
	padding-right:20px;
}

#casos #contenido #columna2, #noticias #contenido #columna2 {
	display:block;
	width:114px;
	float:left;
	padding:15px 15px 20px 15px;
	margin:67px 10px 15px 40px;
	_margin-left:20px;
	background-color:#FFF;
	border:1px solid #CCC;
}

#casos #contenido #columna2 h1, #noticias #contenido #columna2 h1, #productos #contenido #columna2 h1, #introproductos #contenido #columna2 h1 {
	font-size:14px;
	margin-bottom:10px;
	color:#CCC;
}

#casos #contenido #columna2 a, #noticias #contenido #columna2 a {
	font-weight:bold;
	text-decoration:none;
	color:#900;
	margin-bottom:10px;
	display:block;
}

#casos #principal .bloquenoticia, #noticias #principal .bloquenoticia {
	padding-top:15px;
	padding-bottom:15px;
	background: url(../images/borde_bloque.png) repeat-x bottom;	
}

#casos #principal .bloquenoticia img, #casos #contenido .noticia img {
	float:left;
	margin-right:10px;
	padding:10px;
	background-color:#FFFFFF;
	margin-top:30px;
}

#casos #principal .bloquenoticia h3, #noticias #principal .bloquenoticia h3 {
	font-size:14px;
	font-weight:bold;
}


#casos #principal .bloquenoticia a.more, #noticias #principal .bloquenoticia a.more {
	float:right;
	margin-right:10px;
	text-decoration:none;
	color:#900;
	font-size:10px;
	font-weight:bold;
}

#casos #principal .bloquenoticia span.fecha, 
#casos #principal .noticia span.fecha {
	display:none;
}

#casos #principal .bloquenoticia span.categoria, 
#casos #principal .noticia span.categoria,
#noticias #principal .bloquenoticia span.categoria, 
#noticias #principal .noticia span.categoria {
	padding:0;
	font-size:9px;
	margin-left:5px;
	color:#999;
}

#casos #principal .noticia p.resumen, #noticias #principal .noticia p.resumen {
	color:#999;
}

#casos #contenedorclientes {
	text-align:center;
	width:210px;
	padding-left:20px;
	padding-bottom:10px;
	border-bottom: 2px solid #900;
	margin-bottom: 20px;
	background-color:#FFF;
}

#casos #contenedorclientes div.slide {
	width:198px;
}

#casos #contenedorclientes img {
	padding:12px;
}

/*------NOTICIAS------*/

#noticias #contenido #principal {
	width:472px;
	_width:470px;
	float:none;
	margin-left:199px;
	_margin-left:99px;
	padding-right:20px;
}

#noticias #principal .bloquenoticia span.fecha, 
#noticias #principal .noticia span.fecha {
	font-size:11px;
	font-weight:bold;
	color:#900;
}

#noticias #principal .bloquenoticia img, 
#noticias #principal .noticia img {
	float:left;
	margin-right:10px;
	background-color:#FFFFFF;
}

#noticias .noticia .optionbar img, 
#casos #contenido #principal .noticia .optionbar img {
	border:none;
	padding:0;
}

#noticias .noticia .optionbar, 
#casos .noticia .optionbar {
	margin-top:20px;
}

#noticias .noticia .optionbar p, 
#casos .noticia .optionbar p {
	display:inline;
	margin-left:5px;
	padding:0;
}

#noticias .noticia p.all a, 
#casos .noticia p.all a {
	display:block;
	text-decoration:none;
	color:#900;
	font-weight:bold;
}

.gallery {
	margin-top:0px;
	margin-bottom:40px;
}


/*----PRODUCTOS-----*/

#productos #contenido, #introproductos #contenido {
	background: url(../images/fondo_cabecera.png) repeat-y;
}

#productos #contenido #principal, #introproductos #contenido #principal {
	width:744px;
	_width:740px;
	float:none;
	margin-left:199px;
	_margin-left:99px;
	padding-right:20px;
}

#productos #contenido #columna2, #introproductos #contenido #columna2 {
	display:block;
	width:114px;
	float:left;
	padding:0px 15px 20px 15px;
	margin:67px 10px 15px 40px;
	_margin-left:20px;
	background-color:#FFF;
	border:1px solid #CCC;
}

#productos #contenido #columna2 h4, #introproductos #contenido #columna2 h4 {
	font-weight:normal;
	margin-top:5px;
}

#productos #contenido #columna2 a, #introproductos #contenido #columna2 a {
	font-weight:bold;
	text-decoration:none;
	color:#900;
	display:block;
	margin-bottom:5px;
}

#productos #contenido #columna2 li, #introproductos #contenido #columna2 li {
	padding-left: 20px;
	background-image: url(../images/vineta.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;	
}

#productos #contenido #principal p.categoria {
	float:left;
	margin-right:5px;
	color:#CCC;
	padding:0;
}

#productos #contenido #principal .descripcion {
	padding-bottom:20px;
	margin-bottom:10px;
	background: url(../images/borde_bloque.png) repeat-x bottom;	
}


#productos #contenido #principal .gallery li {
	float:left;	
	margin-right:12px;
}


#productos #principal .bloqueproducto {
	float:left;
	width:335px;
	padding:10px;
	margin:5px;
	border:1px solid #CCC;
}

#productos #principal .bloqueproducto h3 {
	font-weight:bold;
	font-size:12px;
	text-align:center;
	margin:10px;
}

#productos #principal .bloqueproducto a.more {
	color:#900;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	float:right;
	margin-right:5px;
}

#productos #principal .bloqueproducto a.more:hover {
	text-decoration:underline;	
}
#productos #principal div.gallery, #productos #principal div.gallery h3 {
	clear:both;
}
#productos #principal div.gallery li {
	background:none;
}



/*-----DESCARGAS---*/

#fileshareloginform #contenido #principal input {
		display:block;
}

#fileshare #contenido #principal a {
	color:#900;
	text-decoration:none;
}

#fileshare #contenido #principal form {
	margin-top:25px;	
}


#fileshare #contenido #principal table {
	margin-top:30px;
	text-align:center;
}

#fileshare #contenido #principal th {
	padding:5px;
	border:1px solid #CCC;
	background-color:#FFF;
}

#fileshare #contenido #principal td {
	padding:5px;
	border:1px solid #CCC;
}


/* ----CONTACTO----||----CURRICULUM-----*/

#contacto input, #contacto textarea, #cv input, #cv textarea {
	display:block;
}

#contacto form, #cv form {
	margin-left:50px;
}

#contacto #principal #mapicon {
	float:right;
	margin-right:20px;
	margin-top:20px;
}

#contacto #principal #mapicon a {
	color:#900;
	text-decoration:none;
	padding:20px;
	font-weight:bold;
	line-height:20px;
	font-size:9px;
}

#contacto #map {
	width:675px;
	height:400px;
}

/* Newsletter */ 
#newsletter #contenido #principal table {
	margin-top:30px;
	text-align:center;
}

#newsletter #contenido #principal th {
	padding:5px;
	border:1px solid #CCC;
	background-color:#FFF;
}

#newsletter #contenido #principal td {
	padding:5px;
	border:1px solid #CCC;
}
#newsletter label {
	display:block;
}

#newsletter form {
	margin:15px 0 15px 50px;
}