/* CSS Document */

body{
	background-repeat: repeat-x;
	font-family: "trebuchet MS", Verdana;
	font-size: 12px;
	color: #6b6b6b;
	background-color: #000000;
	
}

#cuerpo{	
	text-align: left;
	margin: 0px auto;
	width: 827px;
	background-image: url(imagenes/cuerpo-promowebs.gif);
	background-repeat:repeat-y;
}
#contenido{
	clear:both;
	margin:0px 30px 0px 30px;
}
#pie{
	
	.margin:0 0 -8px 0;
	clear:both;
}
#caja-contenido{
	width:746px;
	background-image: url(imagenes/cabecera-tu-web-a-350.gif);
	background-repeat: no-repeat;	
}
#cabecera-caja{
	padding:40px 40px 0 40px;
	
}

#listas{
	width:700px;
	padding:0px 0px 0px 20px;
}
#lista-izquierda{
	width:300px;
	float:left;
}
#lista-derecha{
	width:300px;
	float:right;
}
#contenido-caja{
	clear:both;
}

#contenido-caja li{
display: inline;
list-style-type: none;
padding-right: 10px;
}
#caract{
padding:0 0 0 20px;
}
#caract li {
    margin:15px 0 0 0;
    padding:0 0px 0 0;
    line-height:15px;
}
.licol {
    float: left;
    width: 80px;
}
.lico2 {
    float: left;
    width: 150px;
}
#pie-caja{
	clear:both;

}
#footer{
	padding:0 0 20px 0;
	text-align: left;
	margin: 0px auto;
	width: 750px;
	color:#FFFFFF;
}
#logo-footer{
	width:120px;
	float:left;
}
#texto-footer{
	width:620px;
	float:right;
	padding:20px 0 0 0;
}
#footer a{
	color:#FFFFFF;
}
/*estilos*/
h1{
	font-size: 17px;
	font-weight: bold;
}
h2{
	margin: 0px auto;
	width: 660px;
	font-size: 15px;
	font-weight: bold;
	padding:10px 0px 10px 0px;
	color:#e2001a;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

a:link, a:active, a:visited, a:hover{
	color: #e2001a;
	font-weight: bold;
}

/*catalogo*/
#catalogo{
padding:0 0 0 60px;}

/*Definimos una clase para <ul> */

  ul.col-catalogos {
  Float: left;
  width: 100%; /*Este ancho será el total que ocupen muestras columnas */
  List-style-type: none; /*Eliminamos las viñetas */
  }

/*Definimos las propiedades para <li> a partir de las otorgadas a <ul>*/

  ul.col-catalogos li{
  Display:inline; /*Se declara que las propiedades serán otorgadas a cada linea*/
  Float: left;
  Width:33%;
  padding:0 80px 20px 0;
  
  } /*Al definir el ancho definimos también el número de columnas, siendo 25% para 4 columnas, 33% para 3, 50% para 2 y asi para la cantidad de columnas que deseemos */




/*menu*/
#menu{
	margin:0px 30px 20px 20px;
}
#menu a{
	font-weight: bold;
	color: #6b6b6b;
	text-decoration: none;
	font-size: 13px;
}
#menu a:hover{
	font-weight: bold;
	color: #e2001a;
	text-decoration: none;
	font-size: 13px;
}
#m1, #m2, #m3, #m1-active, #m2-active, #m3-active {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
	text-align:center;
}
#m1 ul, #m2 ul, #m3 ul,#m1-active ul, #m2-active ul, #m3-active ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
	list-style-type: none;
}
#m1 li a {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	float: left;
	height: 25px;
	width: 63px;
	list-style-type: none;
	background-image: url(imagenes/menu-inicio.gif);
	overflow: hidden;
}
#m1-active li a {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	float: left;
	height: 25px;
	width: 63px;
	list-style-type: none;
	background-image: url(imagenes/menu-inicio.gif);
	overflow: hidden;
}
#m2 li a {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	float: left;
	height: 25px;
	width: 74px;
	list-style-type: none;
	background-image: url(imagenes/menu-galeria.gif);
	overflow: hidden;
}
#m2-active li a {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	float: left;
	height: 25px;
	width: 74px;
	list-style-type: none;
	background-image: url(imagenes/menu-galeria.gif);
	overflow: hidden;
}
#m3 li a {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	float: left;
	height: 25px;
	width: 87px;
	list-style-type: none;
	background-image: url(imagenes/menu-contacto.gif);
	overflow: hidden;
}
#m3-active li a {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	float: left;
	height: 25px;
	width: 87px;
	list-style-type: none;
	background-image: url(imagenes/menu-contacto.gif);
	overflow: hidden;
}
#m1-active a{
	font-weight: bold;
	color: #e2001a;
	text-decoration: none;
	font-size: 13px;
}
#m1-active a:hover{
	font-weight: bold;
	color: #6b6b6b;
	text-decoration: none;
	font-size: 13px;
}
#m2-active a{
	font-weight: bold;
	color: #e2001a;
	text-decoration: none;
	font-size: 13px;
}
#m2-active a:hover{
	font-weight: bold;
	color: #6b6b6b;
	text-decoration: none;
	font-size: 13px;
}
#m3-active a{
	font-weight: bold;
	color: #e2001a;
	text-decoration: none;
	font-size: 13px;
}
#m3-active a:hover{
	font-weight: bold;
	color: #6b6b6b;
	text-decoration: none;
	font-size: 13px;
}