/*ESTILOS por categoria y orden alfabetico*/
body {
	margin: 0px;
	background: #01143c ;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	text-align:center;
	}
/* CAPAS */
#cabecera {
	height:118px;
	background:#fff;
	}
#cabeceraint {
	text-align:left;
	margin:0 auto;
	width: 980px;
	}
#cabecera a{color:#ccc; text-decoration:none;}
#contenidos {width:980px; margin:0 auto; background:#fff; text-align:left; position:relative;}
#submenu{ background:#1b3264 url("../images/cabBreezair.jpg") no-repeat; height:105px; position:relative; }
	#submenu ul{position:absolute; top: 65px; left: 480px;}
	#submenu li {float:left; list-style-type:none; padding:10px;}
	#submenu a {color:#fff;}

#submenuHeat{ background:#000 url("../images/cabHeat.jpg") no-repeat; height:105px; position:relative; }
	#submenuHeat ul{position:absolute; top: 65px; left: 480px;}
	#submenuHeat li {float:left; list-style-type:none; padding:10px;}
	#submenuHeat a {color:#fff;}
	
.producto { margin:5px; padding:5px; border-bottom:1px dotted #ccc; width:300px; height:85px; background:url(images/flechaGr.gif) no-repeat bottom right;}
	#producto img{margin-right:30px;}
#pie { background-color: #333333; margin-top:20px; padding:20px;}

/* TAGS*/
a, a:visited, a:link, a:hover  { color: #555; text-decoration: none;}
a:hover { color: #ccc; }

h1, h2, h3 {font-family: "Trebuchet MS"; font-size: 18px; color: #000;}
	h1 {font-size:24px;}
	h2 {font-size:18px;}
	h3 {font-size:14px;}

img { border:0px;}

input, textarea {font: 10px Verdana, Arial, Helvetica, sans-serif;}
label.errorcampo { display: block; font:11px Verdana, Arial, Helvetica, sans-serif;color: #C13100; margin-left:0px; width: auto;}
input.errorcampo {border: 2px solid #C13100; font: 10px Verdana, Arial, Helvetica, sans-serif;color:#666; height:14px; width: auto;}


td { text-align:left;font: 11px Verdana, Arial, Helvetica, sans-serif;}

/* CLASES */

.azul { background:#3ca3f1; color:#fff;}
.blauFosc {color:#163d8d;}
.boton { padding:5px; margin:2px; border:1px solid #ccc;}
.boton2 { padding:5px; margin:2px; border:1px solid #ccc; background:#f2f2f2 url(images/flecha.gif) no-repeat right bottom;}
.boton3 { padding:3px; margin:2px; padding-left:20px; border:1px solid #ccc; background:#f2f2f2 url(images/flecha3.gif) no-repeat left bottom;}
.cazul { color:#3ca3f1;}
.enlace{padding-left:5px; font:10px Verdana;}
.esmeralda { background:#468378; color:#fff;}
.mas1 { font-size: 14px;}
.mas2 { font-size: 20px;}
.mas14 { font: 35px arial; color:#000;}
.mas20 { font: 50px arial; color:#000;}
.morado { background:#5a1ea4; color:#fff;}
.naranja{ background:#f77618;}
.negro { color:#000;}
.roig { color:#eb800f;}
.subtitulo{color:#000; font:14px "Trebuchet MS", Arial; font-weight:bold;}
.tacho { text-decoration: line-through;}
.titulo {  font-family: "Trebuchet MS"; font-size: 18px; color: #000;}
.verde { background:#1c6109; color:#fff;}

.centrar{ position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:50%;
	left:50%;
	/*determinamos una anchura*/
	width:600px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-300px;
	/*determinamos una altura*/
	height:400px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-200px;
	background: #ffffff;
	border:1px solid #ffffff;
	padding:5px;
	z-index:20;
	}