@charset "utf-8";
body {
	font: 100%  Tahoma, Arial, Helvetica, sans-serif;
	background-image:url(imagenes/bg-plasticaucho.png);
	background-repeat:repeat-x;
	background-color:#369;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000;
	margin-bottom: 3px;
}

img { behavior: url(iepngfix.htc); }
div{
	behavior: url(iepngfix.htc);
}
input{ behavior: url(iepngfix.htc); }

h1, h2{ 
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:13px;
	font-weight:normal;
	padding:0px;
	}
p{
	margin-top:0px;
	font-size:13px;
}

a {
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	/*padding-bottom:3px;
	padding-top:3px;
	padding-right:6px;*/
	
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	color: #FFF;
	
	
}
a:active {
	text-decoration: none;
	color: #FFF;
}

a.mail {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	padding:0px;
	
}

a.mail:visited {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

a.mail:hover {
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;

}

a.mail:active {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

a.logo {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	padding:0px;
	
}

a.logo:visited {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

a.logo:hover {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;

}

a.logo:active {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

a.botarriba {
	font-size: 13px;
	color:  #D9E7F2;
	text-decoration: none;
	padding-right:7px;
	letter-spacing:-1px;	
}

a.botarriba:visited {
	font-size: 13px;
	color: #D9E7F2;
	text-decoration: none;
}

a.botarriba:hover {
	font-size: 13px;
	color:  #D9E7F2;
	text-decoration: underline;

}

a.botarriba:active {
	font-size: 13px;
	color: #D9E7F2;
	text-decoration: none;
}
a.download {
	font-size: 13px;
	color:  #333;
	text-decoration: none;
	padding-right:7px;
	letter-spacing:-1px;	
}

a.download:visited {
	font-size: 13px;
	color: #999;
	text-decoration: none;
}

a.download:hover {
	font-size: 13px;
	color:  #666;
	text-decoration: underline;

}

a.download:active {
	font-size: 13px;
	color: #D9E7F2;
	text-decoration: none;
}

a.menu {
	font-size: 15px;
	color: #25405A;
	text-decoration: none;
	padding-left:9px;
	padding-right:9px;
	padding-top:5px;
	letter-spacing:-1px;
}

a.menu:visited {
	font-size: 15px;
	color: #25405A;
	text-decoration: none;
}

a.menu:hover {
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
	background-color:#5883AD;
}

a.menu:active {
	font-size: 15px;
color: #25405A;
	text-decoration: none;
}


.plasticaucho #container {
	width: 780px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	
	text-align: left; /* esto anula text-align: center en el elemento body. */
	position: relative;
	clear:both;
}

.plasticaucho #topround {
	width:100%;
	height:15px;
	background-image:url(imagenes/top-round.png);
	position: relative;
	margin-top: 0px;
}

.plasticaucho #centre {
	width:100%;
	height:auto;
	background:#FFF;
	position:relative;
	clear:both;
}

.plasticaucho #bottomround {
width:100%; 
height:15px; 
background-image:url(imagenes/bottom-round.png);
}

.plasticaucho #header {
	padding: 0px 0px 0 0px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	border: 0px solid;
	padding-top:10px;
	height: 50px;
	

}
.plasticaucho #header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 0px 0 0 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
.plasticaucho #mainContent {
	padding: 0 0px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	height:auto;
	position:relative;
	clear:both;
	padding-top: 5px;
}
.plasticaucho #mainContentleft {
	width:400px;
	margin-left:15px;
	_margin-left:10px;
	float:left;
	clear:both;
	position: relative;

}

.plasticaucho #mainContentright {
	float:right;
	position: relative;
	margin-right: 10px;
}

.plasticaucho #footer {
	padding: 0 17px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	background-image:url(imagenes/bottom-d.png);
	height:118px;
	color:#FFF;
	font-size:15px;
	position:relative;
	clear:both;
}
.plasticaucho #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
	font-size:11px;
	color:#FFF;
}
#menu {
	padding-left:0px;
	padding-right:10px;
	text-align:right;
	color:#FFF;
	width:570px;
	float:right;
	height: 28px;
	padding-top: 8px;
}

#inicio-cont {
	padding-right:13px;
	padding-top:5px;
	text-align:right;
	color:#FFF;
	width:100px;
	float:right;
	position:relative;
}

#logo {
	width:190px;
	float:left;
	position:relative;
	margin-top: 12px;
	height: 44px;
}
	
.titulos {
	margin-bottom:10px;
	width:350px;
	height:30px;
}

.img-home {
		padding-left:25px;
}

#cocaucho {
	width:auto;
	height:auto;
	padding-left:15px;
	padding-top: 15px;
	background-color: #FFF;

}


#home {
	padding-left:15px;
	padding-right:15px;
	height:270px;
	background-color:#FFF;
}

.separar {
		padding-left:50px;
		
}

li.productos{
	list-style-image:url(imagenes/square.png);
	font-size:12px;
	margin-left:-25px;
}

ol{
	margin-top:0px;
	margin-bottom:0px;
		
}

.enviar {
	background-color:#069;
	color:#FFF;
	border:thin;
		
}