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

* {
	margin:0;
	padding:0;
}

img {border:0;}

body {
}

#content {
	position:absolute;
	width:980;
	height:auto;
	left:50%;
	top:1px;
	margin-left:-490px;
	
}

/*---------- HEAD -----------*/

#head {
	width:980px;
	height:55px;
}

#head #head-izq {
	width:180px;
	height:55px;
	float:left;
	background:url(../images/back_izq.gif) 0 0 repeat-y;
}

#head #head-der {
	width:800px;
	height:55px;
	float:right;
	background:url(../images/back_der.gif)0 0 repeat-x;
}

#head #head-der #iconos{
	float:right;
	padding:3px;
	margin-top:25px;
}

/*---------- BOTONERA -----------*/

#botonera {
	width:980px;
	height:100px;
}

#botonera #bot-izq {
	width:180px;
	height:100px;
	float:left;
	background:url(../images/back_izq.gif)0 0 repeat-y;
}

#botonera #bot-der {
	width:800px;
	height:100px;
	float:right;
}

/*---------- CONTENIDOS -----------*/

#contenido {
	width:980px;
	height:auto;
	background:url(../images/back_izq.gif) repeat-y 0 0 ;
	display:block;
}

#contenido #cont-izq {
	width:180px;
	height:auto;
	float:left;
}

#contenido #cont-der {
	width:800px;
	height:auto;
	float:right;
}

/*---------- PIE -----------*/

#pie {
	width:980px;
	height:30px;
	float:left;
}

#pie #pie-izq {
	width:180px;
	height:30px;
	float:left;
	background:url(../images/back_izq.gif) repeat-y 0 0;
	display:block;
}

#pie #pie-der {
	width:800px;
	height:30px;
	float:right;
	background:url(../images/pie_der.gif) repeat-x 0 0;
	display:block;
}

#pie #pie-der #logo-pie {
	float:left;
}

#pie #pie-der #texto-pie {
	font-family: Arial;
	font-size:11px;
	margin:0px 0 0 70px;
}

#pie #pie-der #paradogma-pie {
	float:left;
}


/*---------- CONT HOME -----------*/

#contenido #cont-der #texto-home{
	width:800px;
	height:40px;
	margin:25px 75px 25px 34px;
	float:left;
	background:#FFF;
}

#contenido #cont-der #botonera-producto{
	width:120px;
	height:286px;
	margin:25px 0px 0px -130px;
	float:left;
	background: url(../images/back_botonera_prod.gif)repeat-x 0 0;
}

#contenido #cont-der #catalogo{
	width:455px;
	height:307;
	font-family:Arial;
	font-size:11px;
	color:#333333;
	text-align:justify;
	float:left;
	background:#FFF;
	margin:0px 0px 0px 60px;
}

#contenido #cont-der #producto1{
	width:645px;
	height:307;
	font-family:Arial;
	font-size:11px;
	color:#333333;
	text-align:justify;
	float:left;
	margin:0px 0px 0px 60px;
}

#contenido #cont-der #producto1 #titulo-image{
	width:215px;
	height:250px;
	float:left;
	background:#FFFFFF;
}

#contenido #cont-der #producto1 #descripcion{
	width:430px;
	height:250px;
	float:right;
	background:#fff;
}

#contenido #cont-der #producto1 #descripcion h1{
	font-family:arial;
	font-size:12px;
	color:#333333;
	margin:30px 0px 0px 0px;
	
}


#contenido #cont-der #texto-seccion{
	width:600px;
	height:auto;
	font-family:Arial;
	font-size:11px;
	color:#333333;
	text-align:justify;
	float:left;
	background:#FFF;
	margin:0px 0px 0px 60px;
}

#contenido #cont-der #imagenes{
	width:660px;
	height:auto;
	float:left;
	background:#FFF;
	margin:0px 0px 0px 60px;
}


#contenido #cont-der #texto-seccion #bold{
	font-family:Arial;
	font-size:11px;
	color:#333333;
	font-weight:bold;
}

#lista{
	float:left;
	background:#FFF;
	margin:0px 0px 0px 30px;
}

#items{
	list-style-image:url(../images/itemList.gif);
}

a{
	font-family:Arial;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}

a:hover{
	font-family:Arial;
	font-size:11px;
	color:#b10021;
	text-decoration:none;
}

#contenido #cont-der #foto-home{
	width:526px;
	height:379px;
	float:left;
	margin:0px 0px 35px 40px;
}

#contenido #cont-der #banner1{
	width:209px;
	height:114px;
	float:right;
	margin-left: 5px;
	background:#fff;
	margin:0px 0px 19px 0px;
}

#contenido #cont-der #banner2{
	width:209px;
	height:114px;
	float:right;
	background:#FFFFFF;
	margin:0px 0px 19px 0px;
}

#contenido #cont-der #banner3{
	width:209px;
	height:114px;
	float:right;
	background:#fff;
}

imagenes



/*
#col-der #pie-der{
	width:800px;
	height:30px;
	background:url(../images/pie_der.gif) 0 0 repeat-x;
}

#col-der #pie-der #pie{
	float:left;
	width:auto;
}
#col-der #pie-der #pie p{
	font-family:Arial;
	font-size:10px;
	color:4d4d4d;
	margin:-18px 0 0 70px;
}

#col-der #pie-der #paradogma{
	width:70px;
	height:30px;
	background:url(../images/logo_paradogma.gif) 0 0;
	margin:0px 0px 0 0;
	float:right;
}


*/

/* IE6 css fixer v0.4: Fri, 02 Oct 2009 15:36:55 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html #head #head-izq,
* html #head #head-der,
* html #head #head-der #iconos,
* html #botonera #bot-izq,
* html #botonera #bot-der,
* html #contenido #cont-izq,
* html #contenido #cont-der,
* html #pie,
* html #pie #pie-izq,
* html #pie #pie-der,
* html #pie #pie-der #logo-pie,
* html #pie #pie-der #paradogma-pie,
* html #contenido #cont-der #texto-home,
* html #contenido #cont-der #botonera-producto,
* html #contenido #cont-der #catalogo,
* html #contenido #cont-der #producto1,
* html #contenido #cont-der #producto1 #titulo-image,
* html #contenido #cont-der #producto1 #descripcion,
* html #contenido #cont-der #texto-seccion,
* html #contenido #cont-der #imagenes,
* html #lista,
* html #contenido #cont-der #foto-home,
* html #contenido #cont-der #banner1,
* html #contenido #cont-der #banner2,
* html #contenido #cont-der #banner3,
* html #col-der #pie-der #pie,
* html #col-der #pie-der #paradogma {display:inline;}

/* fix negative margins */
* html #content,
* html #contenido #cont-der #botonera-producto,
* html #col-der #pie-der #pie p {position:relative; zoom:1;}

