BODY  {
	background-color: #A9D1E0;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background-position: center top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.azul {color: #000080;}
.naranja {color: #d97200;}
.negro {	color: #000;}
b {font: bold 10px verdana, Arial, Helvetica, sans-serif;}

p  {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #4D2B11;
	line-height: 120%;
	
}
hr	{
	display:none;
}
h1  {
	font:25px Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	color : #d97200;
	margin:0px;
	
}

h2  {
	font:bold 20px Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	color: #d97200;	
	text-transform: capitalize;
	
}
h3  {
	font:18px Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	color: #d97200;	
	
}
h4  {
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	color: #d97200;	
	
}
h5  {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	color: #d97200;	
	
}
h6  {
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	color: #d97200;	
	
}

a	{
	font-size:15px;
}
a:link {
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
	color:#325FA0;
	
}
a:hover {
	text-decoration: none;
	color:#000066;
	
}
a:active {
	text-decoration: none;
	color:#0099CC;
	
}

/*FFFF99 AHORA VAMOS A PASAR A DEFINIR LOS VALORES
PARA ORDENAR LAS CAJAS QUE HEMOS CREADO EN XHTML,
 RECORDAD QUE SI NO ESTÁN BIEN ESTRUCTURADAS DENTRO
 DEL DOCUMENTO TENDRÉIS COMPLICACIONES AL QUERER SITUARLAS EN CSS*/
 
 /*PRIMERO HACEMOS UN CONTENEDOR PARA QUE ALBERGUE A 
 LOS DEMÁS ELEMENTOS, ADEMÁS QUEREMOS QUE QUEDE CENTRADO,
  POR LO QUE PONDREMOS ATENCIÓN A LOS VALORES DE MARGIN*/
#container	{
	border-style:solid;
	border-color: transparent;
	margin: 0 auto; /*con este valor quedará centrado,
					 no hace falta repetir otra vez 0 
					 auto porque ahora mismo el 0 se refire
					 a arriba y abajo, y el auto a los lados*/
	width:900px;
	height:755px;
	border-width:1px;
	background-color: #E8E8E8;
/*	background-color: transparent;
	background-image: url(../images/patt.png);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: left bottom;*/
}
#header{
	width:900px;
	height:200px;
	background-image: url(../images/header.jpg);
	margin:0 0 0 0;
}
#menu {
	width:900px;
	height:25px;
	margin:0 0 10px 0;
}

#izquierda{
	width:150px;
	height:500px;
	background-image: url(../images/izquierda.jpg);
	background-repeat: no-repeat;
	/*background-color: #FFF8E3;
	border-style:solid;
	border-width:1px;
	border-color:#E9701F;*/
	margin:0 0 0 3px;
	float:left;
	padding:5px 0px 0px 10px;
	
	position: absolute;
	z-index: 3;
	
	/*-moz-border-radius:5px;
	-webkit-border-radius:5px; */
}
#derecha {
	width:158px;
	height:500px;
	background-image: url(../images/derecha.jpg);
	background-repeat: no-repeat;
	/*background-color:#FFF8E3;
	border-style:solid;
	border-width:1px;
	border-color:#E9701F;*/
	margin:0 3px 0 0;
	float:right;
	padding: 8px 0px 0px 2px;

	/*-moz-border-radius:5px;
	-webkit-border-radius:5px; */
}
.frases { margin-bottom: 0px;}
.frases li {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin-left: -25px;
	color: #f75d21;	
	}
#principal{
	width:535px;
	height:485px;
	background-color:#FFF8E3;
	border-style: solid;
	border-width:1px;
	border-color:#E9701F;
	margin:0 0 0 170px;
	padding: 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
}

#contenido {
	height: auto;
	width: auto;
	background-color: transparent;

}
#flag{
	width: 535px;
	height: 480px;
}

#inicio {
	width: 525px;
	height: 395px;
	padding: 5px;
}
/*Sección galerias*/
#galeria {
	width: 525px;
	height:390px;
	/*background-color: #a7a7a7;*/
	padding: 5px;
}
#galeria ul { list-style: none; }
#galeria ul li { display: inline; }
/*
#galeria.herr ul li img { border: 2px solid #000}*/

#galeria.herr ul img {
	border: 6px solid #f7c17c;
	border-width: 5px 5px 20px;
}
#galeria.herr ul a:hover img {
	border: 6px solid #fd9239;
	border-width: 5px 5px 20px;
}

#galeria.hog ul img {
	border: 6px solid #f0c3c3;
	border-width: 5px 5px 20px;
}
#galeria.hog ul a:hover img {
	border: 6px solid #f07070;
	border-width: 5px 5px 20px;
}

#galeria.elec ul img {
	border: 6px solid #c0debf;
	border-width: 5px 5px 20px;
}
#galeria.elec ul a:hover img {
	border: 6px solid #7ac777;
	border-width: 5px 5px 20px;
}
/*#galeria ul a:hover { color: #bbd2f4; }*/

/*------------------fin seccion galeria---------------------------*/

#productos {
	width: 525px;
	height:390px;
	padding: 5px;
	}
#lista_prod {
	float: left;
	}
#productos.productos ul li {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #225289;
	margin: 0px;		
	}
#prod_img {
	width: 150px;
	height: 430px;
	background-image: url(../images/productos.jpg);
	float: right;
}
#pie {
	width:auto;
	height:80px;
	background-color:#FFF;
	margin-top: 5px;
}

.herramientas {
	background-image:url(../images/herramientas.jpg);
}
.hogar {
	background-image:url(../images/hogar.jpg);
}
.electrica {
	background-image:url(../images/electrica.jpg);
}

#promociones {
	width: 525px;
	height:390px;
	padding: 5px;
	}
#promo_img {
	width: 535px;
	height: 480px;
	background-image: url(../images/promociones.jpg);
	}
	
.oferta_swf {
	width: 140px;
	height: 110px;
	margin-top: 315px;
}
.promo_swf {
	width: 150px;
	height: 82px;
	margin-top: 5px;

}

#contacto {
	width: 150px;
	height: 188px;
	float: right;
	background-image: url(../images/contacto.jpg);	
}

#novedades {
	margin-left: 30px;
}
.titulo {
	text-align: center;
	font: 34px Verdana, Arial, Helvetica, sans-serif;
	}
	
.casacimar {
	background-image: url(../images/casacimar.jpg);
	}
#marcas {
	width:auto;
	height:80px;
	background-color:#FFF;
	background-image:url(../images/marcas.jpg);
	margin-top: 0px;
}

#footer{
	width:auto;
	height:30px;
	background-color: #245B7A;
	border-style:solid;
	border-width:1px;
	border-color:#245B7A;
	margin:5px 0 0 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
}

#footer h6{
	text-align:center;
	margin:5px auto;
	color:#fff;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}		

.flower {
	position: absolute;
	z-index: 2;
	width: 130px;
	height: 354px;
	bottom: 0px;
	}
#flower_izq {
	left: 0px;	
	}
#flower_der{
	right: 0px;
	}
	
/*##############################################*/
/*Estilo de layouts y fuentes en empresa.html*/
/*##############################################*/


#casacimar {
	background-color: #FFFFDD;
	width: auto;
	height: auto;
	padding: 3px;
	margin-bottom: 5px;
}

#logo_empresa	{
	width:100px;
	height: 204px;
	float: left;
	background-image: url(../images/empresa.jpg);

}

#nombres {
	width: 160px;
	height: auto;
	float: left;
}

#nombre_mision	{
	width: 40px;
	height: 60px;
	padding: 3px;
	margin-bottom: 3px;
	float: right;
}

#nombre_vision	{
	width: 40px;
	height: 60px;
	padding: 3px;
	margin-bottom: 3px;
	float: right;
}

#nombre_meta {
	width: 40px;
	height: 60px;
	padding: 3px;
	float: right;
}

#mision {
	background-color: #FFD1A4;
	width: 340px;
	height: 60px;
	float: right;
	padding: 3px;
	margin-bottom: 3px;
}
#vision {
	background-color: #deefde;
	width: 340px;
	height:60px;
	float: right;
	padding: 3px;
	margin-bottom: 3px;
}
#meta {
	background-color: #e3e9f4;
	width: 340px;
	height:60px;
	float: right;
	padding: 3px;
}
/*Estilo para las fuentes de empresa.html*/
.text {
	text-align: justify;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #4D2B11;
	line-height: 100%;

}
.titulo-orange {
	color: #FF8000;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
}
.titulo-green {
	color: #669933;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
}
.titulo-blue {
	color: #333399;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
}