/*--------------------- INICIO ---------------------*/
#inicio #contenedor {
	background:#1b1b1b;
}
#inicio #menu {
	width:81.1em;
}
#inicio #pie {
	width:85.56em;
}
#inicio #contenido {
	padding:0;
	position:relative;
}
#inicio #imagenes div {
	color:#000;
	font-size:1.5em;
	left:2em;
	position:absolute;
	top:2em;
	width:20em;
}
#inicio #imagenes .blanco p {
	color:#FFF;
	font-weight:bold;
}
#inicio #paginacion01 {
	margin:0;
}
#inicio #paginacion01 .siguiente a,
#inicio #paginacion01 .anterior a {
	background:url(../img/all/bullet-inicio-anterior.gif) no-repeat left center;
	float:none;
	position:absolute;
	left:3em;
	top:36em;
	z-index:50;
}
#inicio #paginacion01 .anterior a:hover {
	background:url(../img/all/bullet-inicio-anterior-hover.gif) no-repeat left center;
}
#inicio #paginacion01 .siguiente a {
	background:url(../img/all/bullet-inicio-siguiente.gif) no-repeat left center;
	left:79em;
}
#inicio #paginacion01 .siguiente a:hover {
	background:url(../img/all/bullet-inicio-siguiente-hover.gif) no-repeat left center;
}

/*--------------------- QUIENES SOMOS + DISENO ---------------------*/
#quienesSomos #col2,
#diseno #col2 {
	margin-left:60.5em;
}
#quienesSomos #col2 {
	padding-top:.5em;
}
#quienesSomos #col2 h2,
#diseno #col2 h2 {
	border-top:1px solid #CCC;
	color:#666;
	font-size:1em;
	font-weight:normal;
	margin:2em 0 1em 0;
	padding-top:.5em;
	text-transform:uppercase;
}
#quienesSomos #col2 h3,
#diseno #col2 h3 {
	font-size:1em;
}
#quienesSomos #col2 a,
#diseno #col2 a {
	background:url(../img/all/bullet-01.gif) no-repeat left .55em;
	font-weight:normal;
	padding-left:.5em;
}
#quienesSomos #col2 li,
#diseno #col2 li {
	margin-left:.4em;
}
#quienesSomos #col2 li p,
#diseno #col2 li p {
	margin-left:.5em;
}
/*------ Quienes Somos ------*/
#quienesSomos #col1 {
	float:left;
}
#quienesSomos #col1 li {
	float:left;
	padding-right:1.65em;
	width:18em;
}
#quienesSomos #col1 li img {
	margin-bottom:.75em;
}
#quienesSomos #contenido .clear {
	height:5em;
}
#quienesSomos #logos{
	margin-left:60.9em;
}
/*------ Diseno ------*/
#diseno #col1 {
	float:left;
	width:57.5em;
}
#diseno #col1 h2 {
	color:#000;
	margin-top:1em;
}
#diseno #col1 #introduccion {
	color:#353535;
	font-size:1.1em;
}
#diseno #col1 #principal img {
	float:left;
	margin:0 1.75em 1em 0;
}
#diseno #col1 h3 {
	font-size:1em;
}
#diseno #col1 #principal p,
#diseno #col1 li p {
	margin-bottom:0;
}
#diseno #col1 .enlace {
	margin-top:.5em;
}
#diseno #col1 a {
	font-weight:normal;
}
#diseno #col1 li {
	float:left;
	padding-right:1.7em;
	width:18em;
}
#diseno #col1 li img {
	margin-bottom:.75em;
}
#diseno #col1 li.ultimo {
	padding:0;
}
/*--------------------- PRODUCTOS (+ proyectos) ---------------------*/
/*------ Listado ------*/
#productos {
	background-image:url(../img/all/bg-body-productos.jpg);
}
#productos h2 {
	color:#686868;
	font-size:1em;
	font-weight:normal;
}
#productos h2 span {
	color:#000;
	font-size:1.6em;
}
/*------ Categoria ------*/
#productosCategoria h1 {
	margin-bottom:0;
}
#productosCategoria h2 {
	font-size:4em;
}
#productosCategoria .volver {
	margin:-3em 0 0 0;
	text-align:right;
}
#productosCategoria .volver a {
	font-weight:normal;
}
#productosCategoria #contenido ul {
	margin:3.5em 0 0 1em;
}
#productosCategoria #contenido li {
	float:left;
	margin:0 .5em 2em 0;
}
#productosCategoria #contenido a:hover {
	opacity: 0.6; 
	filter: alpha(opacity = 60); /* Transparencia para explorers */
	zoom:1; /* Para que funcione la transparencia en explorers */
}
/*------ Detalle ------*/
#productosDetalle {
	background-image:url(../img/all/bg-body-productos.jpg);
}
#productosDetalle h1 {
	margin-bottom:0;
}
#productosDetalle h2 {
	float:left;
	font-size:4em;
	width:13em;
}
#productosDetalle .volver {
	text-align:right;
}
#productosDetalle .volver a {
	font-weight:normal;
}
#productosDetalle #paginacion01 .anterior a {
	float:right;
	margin-left:.5em;
}
#productosDetalle #paginacion01 {
	margin:0;
	float:right;
	width:8em;
}
#productosDetalle .volver {
	float:right;
	margin:0 1em 0 0;
	padding-top:.75em;
	width:15em;
}
/* Col1 */
#productosDetalle #col1 {
	float:left;
	width:24em;
}
#productosDetalle #col1 .jcarousel-skin-tango {
	margin-left:-2.5em;
	margin-bottom:-1.5em;
}
#productosDetalle #col1 .jcarousel-skin-tango li {
	background:none;
	margin:0;
	padding:0;
}
#productosDetalle #col1 .jcarousel-skin-tango strong {
	opacity: 0.3; 
	filter: alpha(opacity = 30); /* Transparencia para explorers */
	zoom:1; /* Para que funcione la transparencia en explorers */
}
#productosDetalle #col1 .jcarousel-skin-tango a:hover {
	opacity: 0.6; 
	filter: alpha(opacity = 60); /* Transparencia para explorers */
	zoom:1; /* Para que funcione la transparencia en explorers */
}
#productosDetalle #col1 h3 {
	border-top:1px solid #CCC;
	color:#666;
	font-size:1em;
	font-weight:normal;
	margin:2em 0 1em 0;
	padding-top:.5em;
	text-transform:uppercase;
}
#productosDetalle #col1 li {
	background:url(../img/all/bullet-01.gif) no-repeat left .55em;
	color:#333;
	margin-left:.4em;
	padding-left:.5em;
}
#productosDetalle #col1 #caracteristicas {
	color:#333;
	margin-left:.85em;
}
#productosDetalle #col1 #caracteristicas ol, 
#productosDetalle #col1 #caracteristicas ul {
	margin-bottom:.75em;
}
#productosDetalle #col1 #caracteristicas li {
	background:none;
	margin:0;
	padding:0;
}
#productosDetalle #col1 #caracteristicas li strong {
	padding-right:.75em;
}
/* Col2 */
#productosDetalle #col2 {
	margin-left:3em;
	float:left;
	width:53em;
}
#productosDetalle #col2 p {
	margin-bottom:0;
	text-align:center;
}
/*--------------------- NOVEDADES ---------------------*/
#novedades #col1 {
	float:left;
	width:59.5em;
}
/*------ Listado ------*/
#novedades #listado li {
	float:left;
	height:24em;
	margin:0 1.5em 2.5em 0;
	position:relative;
	width:18em;
}
#novedades #listado li .fecha {
	background:#000;
	color:#FFF;
	display:inline;
	left:0;
	padding:.1em .7em;
	position:absolute;
	top:0;
}
#novedades #listado li h3 {
	font-size:1.1em;
	line-height:1.4em;
	margin:.35em 0 .5em 0;
}
#novedades #listado li h3 a {
	color:#666;
}
#novedades #listado li h3 a:hover {
	color:#000;
}
#novedades #paginacion02 {
	padding-right:2.5em;
}
/*------ Detalle ------*/
#novedades #detalle {
	position:relative;
}
#novedades #detalle .fecha {
	background:#000;
	color:#CCC;
	display:inline;
	left:0;
	padding:.1em .7em;
	position:absolute;
	top:0;
}
#novedades #detalle img {
	margin-bottom:1.5em;
}
#novedades #detalle h2 {
	float:left;
	font-size:2.1em;
	font-weight:normal;
	margin-right:1em;
	text-align:right;
	width:13em;
}
#novedades #detalle #descripcion {
	float:left;
	font-size:1.1em;
	width:25.5em;
}
#novedades #detalle #descripcion ol, 
#novedades #detalle #descripcion ul {
	margin:.5em 0 2em .75em;
}
#novedades #detalle #descripcion li {
	background:url(../img/all/bullet-01.gif) no-repeat left .5em;
	line-height:1.3em;
	margin:0 0 .4em 0;
	padding-left:.75em;
}
#novedades #detalle #descripcion ol li {
	background:none;
	list-style:decimal;
	margin-left:1.7em;
	padding-left:0;
}
#novedades #detalle #descripcion li li {
	margin:.5em 0 0 0;
}
#novedades .volver {
	clear:both;
	height:4em;	
	padding-top:4em;
}
#novedades .volver a {
	background:url(../img/all/bullet-02.gif) no-repeat left .5em;
	color:#000;
	padding-left:.65em;
}
#novedades .volver a:hover {
	color:#666;
}
/*------ Col2 ------*/
#novedades #col2 {
	float:left;
	padding-top:.5em;
	width:20.5em;
}
#novedades #col2 li {
	margin:0 0 .2em .8em;
	color:#999;
}
#novedades #col2 h2 {
	border-top:1px solid #CCC;
	color:#666;
	font-size:1em;
	font-weight:normal;
	margin:1.5em 0 1em 0;
	padding-top:.5em;
	text-transform:uppercase;
}
#novedades #col2 a,
#novedades #col2 strong {
	background:url(../img/all/bullet-01.gif) no-repeat left .55em;
	padding-left:.5em;
}
/*--------------------- DISTRIBUIDORES ---------------------*/
#distribuidores #contenido li {
	float:left;
	margin-right:2em;
	width:29em;
}
#distribuidores #contenido li h2 {
	color:#666;
	font-size:1.3em;
	margin-bottom:1.5em;
}
#distribuidores #contenido li li {
	float:none;
	margin:0;
	width:auto;
}
#distribuidores #contenido li li h3 {
	border-top:1px solid #CCC;
	color:#000;
	font-size:1em;
	font-weight:normal;
	margin:2em 0 1em 0;
	padding-top:.5em;
	text-transform:uppercase;
}
#distribuidores #contenido li li dl {
	font-size:1.1em;
}
#distribuidores #contenido li li dt {
	float:left;
	width:9em;
}
#distribuidores #contenido li li dd {
	margin:0 0 .2em 10em;
}
#distribuidores #contenido li li dd.ultimo {
	margin-bottom:2em;
}
#distribuidores #contenido li li dd a {
	font-weight:normal;
}
/*------ Version simple ------*/
#distribuidoresSimple #contenido li {
	float:left;
	margin-right:2em;
	width:28em;
}
#distribuidoresSimple #contenido li h2 {
	color:#666;
	font-size:1.3em;
	margin-bottom:1.5em;
}
#distribuidoresSimple #contenido li dl {
	font-size:1.1em;
}
#distribuidoresSimple #contenido li dt {
	float:left;
	width:9em;
}
#distribuidoresSimple #contenido li dd {
	margin:0 0 .2em 10em;
}
#distribuidoresSimple #contenido li dd.ultimo {
	margin-bottom:2em;
}
#distribuidoresSimple #contenido li dd a {
	font-weight:normal;
}
/*--------------------- CONTACTO ---------------------*/
/*------ Col1 ------*/
#contacto #col1 {
	float:left;
	margin-right:2em;
	width:57.5em;
}
#contacto h2 {
	color:#666;
	font-size:1.3em;
}
#contacto #introduccion p {
	font-size:1.1em;
}
#contacto #introduccion .obligatorio {
	margin:0 1.25em 1em 0;
	text-align:right;
}
#contacto form {
	margin:0;
}
#contacto form li {
	float:left;
	margin-bottom:1em;
	width:19em;
}
#contacto form li.sugerencias {
	clear:both;
}
#contacto form li label {
	font-size:1.1em;
	font-weight:bold;
}
#contacto form li label span {
	font-size:1.1em;
}
#contacto form li input,
#contacto form li textarea {
	border:1px solid #CCC;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-top:.5em;
	padding:.5em;
	width:17em;
}
#contacto form li textarea {
	height:10em;
	width:55em;
}
#contacto form li input:hover,
#contacto form li textarea:hover {
	border:1px solid #CCC;
}
#contacto form li input:focus,
#contacto form li textarea:focus {
	background:#F8F8F8;
	border:1px solid #999;
	color:#333;
}
#contacto form .boton {
	clear:both;
	padding-top:.8em;
}
#contacto form .boton input {
	background:#666;
	border:none;
	color:#FFF;
	font-size:.9em;
	font-weight:bold;
	padding:.65em 1.1em;
	text-transform:uppercase;
}
#contacto form .boton input:hover {
	background:#999;
	cursor:pointer;
}
/* Feedback */
#contacto #feedback {
	margin:2em 1.25em 2.5em 0;
}
#contacto #feedback strong {
	font-size:1.2em;
}
#contacto #feedback p {
	margin-bottom:.5em;
}
#contacto #feedback li {
	background:url(../img/all/bullet-01.gif) no-repeat left .5em;
	margin:0 0 .25em .5em;
	padding-left:.75em;
}
#contacto #feedback #error {
	background:url(../img/all/bg-feedback-error.gif) no-repeat 1.25em 1em #faf9e7;
	padding:1em 1em .75em 3em;
}
#contacto #feedback #error p,
#contacto #feedback #error li {
}
#contacto form .error strong {
	background:#e3e0a3;
	padding:.3em 1em;
}
#contacto form .error input,
#contacto form .error input:hover,
#contacto form .error input:focus,
#contacto form .error textarea,
#contacto form .error textarea:hover,
#contacto form .error textarea:focus {
	border:2px solid #e3e0a3;
}
#contacto #feedback #ok {
	background:url(../img/all/bg-feedback-ok.gif) no-repeat 1.25em 1.25em #ebf3eb;
	padding:1em 1em .75em 3em;
}
/*------ Col2 ------*/
#contacto #col2 {
	float:left;
	padding-top:.5em;
	width:20.5em;
}
#contacto #col2 dt {
	border-top:1px solid #CCC;
	color:#666;
	font-size:1em;
	font-weight:normal;
	margin:2em 0 1em 0;
	padding-top:.5em;
	text-transform:uppercase;
}
#contacto #col2 dd {
	margin:0 0 .2em 1em;
}
#contacto #col2 dd a {
	font-weight:normal;
}
/*--------------------- PROYECTOS ---------------------*/
/*------ Paginacion ------*/
#proyectos #paginacion02 {
	margin:0 3.5em;
}
/*--------------------- AVISO LEGAL ---------------------*/
#avisoLegal h2 {
	color:#666;
	font-size:1.3em;
	margin:1em 0 .65em 0;
}
#avisoLegal #contenido p {
	font-size:1.1em;
	line-height:1.3em;
}

#avisoLegal #contenido ol, 
#avisoLegal #contenido ul {
	margin:.5em 0 2em .75em;
}
#avisoLegal #contenido li {
	background:url(../img/all/bullet-01.gif) no-repeat left .5em;
	line-height:1.3em;
	margin:0 0 .4em 0;
	padding-left:.75em;
}
#avisoLegal #contenido ol li {
	background:none;
	list-style:decimal;
	margin-left:1.7em;
	padding-left:0;
}
#avisoLegal #contenido li li {
	margin:.5em 0 0 0;
}