*{
	margin:0px;
	padding:0px;
	font-family:Rockwell,Georgia,Palatino,"Times New Roman",serif;
}
body {
	color: #333;
	text-align:left;
	height:100%;
	/*background-image: url(img/textura/textura.jpg); 
	
	
	background-image:url(img/textura/laja-para-pisos_17467.jpg); 
	background-image: url(img/textura/textura.jpg); 
	*/
	}
	#contenedor{ 
		background-color:white;
		margin:1em  4%;
		position:absolute;
		padding: 5% 4%;
		width:80%;
		
		}
#encabezado{
	text-align:right;
	border-bottom:#efefef solid 1px;
	color: #fff;
	position:fixed;
	left:0px;
	top:0px;
	background:#777;
	width:98%;
	padding:1% 1%;
		z-index:+99999;
	
	}
	#contenedorizquierda{
		width:20%;
		float:left;
		
		}
	#menu2{
	width:100%;
	}
	#precarga{
		display:none;
		}
/*	#menu{
	top:0em;
	font-family: Verdana, sans-serif;	
	}
#menu li{
	padding:0.51em 0.5em;
	float:left;
	list-style:none;
	opacity: 1;
	filter: alpha(opacity=100);
	width:100%;
	background-color:#000;
	color:#FFF;
	
	font-size:1em;
	border-left: thin #333 solid;
	color:#333;
}
#menu ul li{
	background-color:#666;
	margin:-0.51em 0.5em ;
	color:#FFF;
}
menu a{
	width:100%;
	
	}
#menu ul li:hover,#menu ul li:hover a{
	opacity: .8;
	filter: alpha(opacity=80);
	text-decoration:underline;
	height:100%;
	color:#333;
}
#menu ul li a,#menu ul li a:visited,#menu ul li a:active{
	text-decoration:none;
	color:#333;
}
#menu ul li a:hover{
	text-decoration:underline;
}
	#menu ul{
	list-style:none;
		margin:0px;
		}
*/
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 100%;;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}
		
	#titulo{
		clear:both;
		}
	#logotipo{
	background-color:#83AE00;
	text-align:center;
	vertical-align:middle;
		margin:0px -1.5%;

}	
	#logotipo img{
	text-align:center;
	vertical-align:middle;
	margin:40px 0;
}	
	#logotipo #imagenprincipal{
	background-image:url(imagenes/diseno/imagenprincipal.jpg);
	background-repeat:no-repeat;
	background-position:right;
	
}	
	#centro{
	min-height:500px;
	height:500px !important;
	max-height:3000px;
	overflow:auto;
	text-align:center;
	font-size:1em;
	line-height:1.1em;
	padding:2em 2em;
	color:#333;
		opacity: 0.9;
	filter: alpha(opacity=90);	
	width:65%;
	float:left;

	/*background-attachment: fixed;background-color:#eee;
	background-position: center center;
	background-image: url(img/textura/perfilado.png);
	background-repeat:no-repeat;*/
	
	overflow: auto;
		}
	#pie{
	clear:both;
	bottom:0px;
	left:0px;
	background-color:#CF3;
	padding:1.5%;
	width:100%;
	color:#333;
	position:fixed;
	text-align:center;
	z-index:999999999999;
		}
.nuevalinea{
	
	clear:both;}
/*Estilos Carrusel
**/

.simpleCarousel div{
  margin-top:0px;
}
.inicio div{
  margin-top:0px;
}

.simpleCarousel div.button a {
float:right;

  padding: 0px 7px 5px 7px;
  
  margin:0px 1px 0px 0px;
  font-size:10px;
  background-color:#603;
}
.inicio div.button a {
float:right;

  padding: 0px 7px 5px 7px;
  
  margin:0px 1px 0px 0px;
  font-size:10px;
  background-color:#603;
  
}
.simpleCarousel div.button a:hover {
  background-color:#a47;
}
.inicio div.button a:hover {
  background-color:#a47;

}
.simpleCarousel div.controles {
    margin-top:0px;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 20px;
  height:19px;
  width:410px;
  position:absolute;
 

}
.inicio div.controles {
    margin-top:-20px;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 20px;
  height:19px;
  width:410px;
  position:absolute;
 

}
.simpleCarousel div.selected a {
  font-weight: bold;
  background-color:#603;
}
.inicio div.selected a {
  font-weight: bold;
  background-color:#603;
}
.simpleCarousel div.slides {
height:120px;
width:430px;
overflow:visible;

	float:left;

}
.inicio div.slides {
	height:300px;
	width:300px;
	overflow:hidden;
	float:left;
	border: 5px solid #603;
}
.simpleCarousel div.slides div.slide div.img_slide {
position:absolute;
overflow:hidden;
height:181px;
margin-top:15px;

}
.inicio div.slides div.slide div.img_slide {
position:absolute;
overflow:hidden;

}

.simpleCarousel  .txt_carrousel{
	float:left;
	letter-spacing:1px;
	padding:5px;
	left:5px;
	top: 5px;
	width:360px;
	font-size:12px;
	line-height:13px;
	text-align:justify;
	height:200px;
	
	

	
}
.inicio  .txt_carrousel{
	float:left;
	letter-spacing:1px;
	padding:5px;
	left:5px;
	top: 5px;
	width:360px;
	height:200px;
}
.cuadro_ver{
	background-color: #F7EEF2;
	border: 3px solid #CD83A8;
	margin:5px auto;
	width:800px;
	padding:3px;
	}
/*Estilos  botones*/
#centro ul {
	text-align:left;
}
#centro .boton {
	height: 64px;
	width: 378px;
	text-align:middle;
	list-style:none;
	margin:3px 5px;
	opacity: 1;
	padding:0px;
	filter: alpha(opacity=100);
	padding-left:1px;
	font-size:16px;
	background-color: #603;
	border: 2px solid #a47;
	color: #FFF;
	float:left;

}
#centro .boton a{
	font-size:20px;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	color: #FFF;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	text-decoration: none;
	border-top-color: #FFA8D3;
	border-right-color: #FFA8D3;
	border-bottom-color: #FFA8D3;
	border-left-color: #FFA8D3;	

}
#centro .boton table{
		padding:0px;
		margin:0px;
	width:100%;
	

}

#centro .boton:hover{
	opacity: .7;
	filter: alpha(opacity=70);
}
#centro .botones_productos{
	background-color: #333;
	overflow:visible;
	width:50px;
}
table{
	width:100%;
	}
/*
Tips
*/

.tip {
	color: #fff;
	width: 172px;
	z-index: 13000;
	background-color:#333;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
}
.izquierda{
	float:left;
	margin:5px;
	}
#centro ul{
	margin-left:15px;
}
#centro li{
	margin-left:15px;
	padding-left:15px;
}
#centro p.justificado{
	text-align:justify;
}
#centro h1{
	font-size:30px;
	text-align:center;
	color: #603;
	margin-top:0px;
	padding-bottom:20px;
	
}
#formExample label{
	float:left;
	width:40%;
	vertical-align: middle;
	display: block;
	padding-right: 1%;
	padding-left: 1%;
	text-align:right;
	color:#300;	
	font-size:16px;
	font-weight:600;
	clear:both;
	
	}
#formExample textarea,#formExample input{
	float:left;
	width:40%;
	vertical-align: middle;
	display: block;
	padding-right: 1%;
	padding-left: 1%;
	text-align:right;
	color:#300;	
	font-size:16px;
	font-weight:600;
	
	}
#formExample input.boton_submit{
	float:right;
	margin-right:15%;
	text-align:center;
	color:#603;
	background-color:#ADADAD;
	font-size:14px;
	}
h1#titulo {
	margin: 0.5em 0;
	font-size: 200%;
	color:#300;
	}
p {
	margin: 0.5em 0;
	} 

.color-table {
	margin: 2em 2em 5em;
	border-collapse:collapse;
	border:none;
	border-spacing:0;
	font-size:100%;
	}
.color-table th {
	padding: 0 1em 0 0;
	text-align:right;
	vertical-align: middle;
	font-size:110%;
	border: none;
	}
.color-table td.sample {
	width:10em; height:8em;
	padding: 10px;
	text-align:center;
	vertical-align:middle;
	font-size:90%;
	border: 1px solid white;
	white-space:nowrap;
	}
.color-table.small td.sample {
	width:4em; height:4em;
	padding:0;
	border:none;
	}
.color-table .white { margin-bottom:0.2em; color:white }
.color-table .black { margin-top:0.2em; color:black }

hr {
	border:none;
	border-bottom:1px solid silver;
	}
#footer {
	padding:1em;
	text-align:center;
	font-size:80%;
	}
.primario1 { background-color: #9FEE00 }
.primario2 { background-color: #86B22D }
.primario3 { background-color: #679B00 }
.primario4 { background-color: #B9F73E }
.primario5 { background-color: #C9F76F }

.complementario1 { background-color: #CD0074 }
.complementario2 { background-color: #992667 }
.complementario3 { background-color: #85004B }
.complementario4 { background-color: #E6399B }
.complementario5 { background-color: #E667AF }
.conteoRegresivo{
	
	font-size:2em;}