/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : 
URL : 

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/


/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0;}
html { overflow-y: scroll; }
body { font: 62.5% Arial, Helvetica, sans-serif; }

ul { list-style: none inside; }
p { font-size: 12px; line-height: 13px; }
h2 { font-weight: bold; font-size: 2.2em; text-transform: uppercase;}
a { outline: none; }
a img { border: none; }
/* END RESETS */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both;}
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#page-wrap {
	width: 970px;
	margin: 0 auto;
}


#header{
	width: 970px;
	background:url(../images/bg-header.png) no-repeat top center;
	height: 229px;
	}
	#header.ingles{
		background:url(../images/bg-header-en.png) no-repeat top center;
	}
	#header.portugues{
		background:url(../images/bg-header-pr.png) no-repeat top center;
	}
	#header h1{
		float: left;
	}
	#header h1 a{
		display: block;
		text-indent: -9999px;
		background: url(../images/logo.png) no-repeat center center;
		height: 145px;
		width: 162px;
	}
	#header #idiomas{
		height: 48px;
		width: 133px;
		margin: 114px 0 0 646px;
		float: left;
		}
		#header #idiomas #idioma{
			float: left;
			margin-right: 38px;
			text-align: center;
		}
			#header #idiomas #idioma a{
				text-decoration: none;
				color: #646464;
				font-size: 1.1em;
				margin-top: 6px;
				display: block;
				}
				#header #idiomas #idioma a:hover{
					text-decoration: underline;
				}

	#header #nav{
		margin-top: 11px;
	}
	#header #nav ul.dropdown{
		
	}
		#header #nav ul.dropdown li{
			text-align: center;
			float: left;
			margin-right: 6px;
			width: 319px;
			background: #ff0000;
			}
			#header #nav ul.dropdown li a{
				display: block;
				padding: 3px 0 3px 0;
				font-weight: bold;
				font-size: 1.4em;
				color: #FFFFFF;
				text-decoration: none;
				text-transform:uppercase;
				}
				#header #nav ul.dropdown li:hover,
				#header #nav ul.dropdown li:active,
				body#productos #header #nav ul.dropdown li.productos,
				body#hogares #header #nav ul.dropdown li.productos,
				body#contacto #header #nav ul.dropdown li.contacto{
					background: #d20000;
				}
	
	#header #nav ul.dropdown ul{
		visibility: hidden; 
		position: absolute; 
		top: 200px; 
		left: 265px;
	}
	#header #nav ul.dropdown ul li{
		text-align: center;
		height: 10px;
		float: left;
		width:auto;
		}
		#header #nav ul.dropdown ul li a{
			background: #ffdca0;
			color:#000000;
			font-weight: normal;
			text-transform:none;
			display: block;
			padding: 3px 6px;
			}
			#header #nav ul.dropdown ul li a:hover,
			#header #nav ul.dropdown ul#fogones-lenos li.fogones-lenos a,
			#header #nav ul.dropdown ul#hogares li.hogares a,
			#header #nav ul.dropdown ul#parrillas-rodantes li.parrillas-rodantes a,
			#header #nav ul.dropdown ul#parrillas-portatiles li.parrillas-portatiles a,
			#header #nav ul.dropdown ul#accesorios li.accesorios a.titulo{
				background: #FC8517;
			}
			
		#header #nav ul.dropdown ul li.accesorios-raya{
			background-color: #f5c389;
			border-bottom: 2px solid #737373;
			border-right: 2px solid #737373;
		}
			
		#header #nav ul.dropdown ul li a.accesorios{
			font-size: 12px;
			height: 14px;
		}
	#header #nav ul.dropdown ul li.third{
		float: none;
		position: relative;
		top: -184px;
		/*left: 301px;*/
		height: 19px;
		width: 160px;
		text-align: left;
	}
	
	
	#body-home{
		float: left;
		width: 453px;
		padding-top: 32px;
		margin-left: 20px
		}
		#body-home p{
			margin-bottom: 17px;
			line-height: 15px;
		}
	
	#footer{
		background: #ff0000;
		height: 20px;
		width: 100%;
		text-align: center;
		padding-top:3px;
		}
		#footer span,
		#footer a{
			font-size:1.4em;
			font-weight: bold;
			color:#FFFFFF;
		}
		
		
		/* FOGONES */
		#titulo-foto{
			margin: 25px 40px 0 25px;
			float:left;
			width: 440px;
		}
		
		#detalles{
			margin-top: 25px;
			float: left;
			width: 450px;
			}
			#detalles ul#menu{
				margin-bottom: 7px;
				display: block;
				height: 23px;

			}
			
			#detalles ul#menu li{
				width: 216px;
				height: 23px;
				float: left;
				background: #ffdca0;
				text-align: center;
				line-height: 23px;
				font-size: 1.2em;
				}
				#detalles ul#menu li:hover,
				#detalles ul#menu li#modelos,
				#detalles ul#menu li#caracteristicas,
				#detalles ul#menu li#embalaje{
					background: #FC8517;
				}
				#detalles ul#menu li a{
					text-decoration: none;
					color: #000000;
				}
				
				
			#detalles ul#menu ul{
				visibility: hidden; 
				position: absolute; 
				top: 277px;
				left: 729px;
				
				}
				#detalles ul#menu ul li{
					text-align: left;
					height: 25px;
					width: 120px;
					padding-left: 15px;
					position:relative;
					background-color: #f5c389;
					border-bottom: 2px solid #737373;
					border-right: 2px solid #737373;
					}
					#detalles ul#menu ul ul{ 
						position: absolute;
						left: 100%; 
						top: 0; 
						height: auto;
						width: auto;
						}
						#detalles ul#menu ul li img{
							position: absolute;
							top: 25%; 
							left: 90%;
						}
						#detalles ul#menu ul li a	{ 
							border-right: none; 
							width: 100%; 
							display: inline; 
							font-size:12px;
						} 
						#detalles ul#menu ul ul li.third{
							width: 110px;
						}
						#detalles ul#menu ul ul li a{ 
							display: block;
							margin-left: 10px;
							text-align: left;
							font-size: 12px;
						}
					#detalles ul#menu li:hover > ul 			{ visibility: visible; }
				
				
			
			#detalles #descripcion{
				margin-top: 0;
				padding-top: 75px;
				}
				#detalles #descripcion ul li{
					margin-bottom: 12px;
				}
				#detalles #descripcion p{
					float: left;
					font-size: 13px;
					
					width: 431px;
					line-height: 16px;
				}
				#detalles #descripcion p#calorias{
					color:#FF0000;
					font-weight: bold;
					font-size: 18px;
					margin: 22px 0 5px 0;
				}
		#detalles #articulo{
			background-color: #787878;
			width:58px;
			height:50px;
			float: left;
			margin-top: 110px;
			text-align: center;
			padding-top: 3px;
			}
			#detalles #articulo p{
				width:58px;
				color: #FFFFFF;
				font-size:1.2em;
				font-weight: bold;
			}
			
		#detalles #paginacion{
			text-align: center;
			margin-top: 34px;
			}
			#detalles #paginacion a{
				font-size: 1.3em;
				font-weight: bold;
				color: #000099;
				text-decoration: none;
				padding: 0 6px;
				}
				#detalles #paginacion a#activo{
					border: 1px solid #FF0000;
					display: inline-block;
				}
		/* FIN FOGONES */
		
		/* ATRIBUTOS */
		#atributos{
			background: url(../images/bg-atributos.png) no-repeat center center;
			width: 970px;
			height: 235px;
			margin-top: 25px;
			}
			#atributos .detalles{
				height:97px;
				width: 164px;
				background-color: #d20000;
				float: left;
				}
				#atributos .detalles p{
					font-weight: bold;
					font-size: 13px;
					color:#FFFFFF;
					width: 141px;
					line-height: 16px;
				}
		
		/* FIN ATRIBUTOS */
		
		
		/* CALCULADORA CALORIAS */
		form#calculadora{
			background-color: #ffe6b9;
			min-height: 165px;
			width: 565px;
			padding: 20px 0 0 25px;
			margin-bottom: 15px;
			}
			form#calculadora label{
				font-size: 1.2em;
			}
			form#calculadora .campo {
				float: left;
				margin: 0 25px 15px 0;
			}
			form#calculadora input{
				width: 110px;
			}
			form#calculadora p#resultado,
			form#calculadora a{
				font-size: 14px;
				color:#FF0000;
				font-weight: bold;
			}
		/* FIN CALCULADORA CALORIAS */
		
		/* TERMOSTATO */
		#termo-header{
			background:url(../images/bg-termostato.png) no-repeat top center;
			height: 180px;
			width: 970px;
		}
		#termo-header-en{
			background:url(../images/bg-thermostat.png) no-repeat top center;
			height: 180px;
			width: 970px;
		}
		#termo-detalles{
			width: 440px;
			float: left;
			margin: 0 38px 0 25px;
			}
			#termo-detalles h1{
				font-size: 2.2em;
				font-weight: bold;
				margin-bottom: 30px;
			}
			#termo-detalles p{
				font-size: 1.3em;
				line-height: 16px;
				margin-bottom: 15px;
			}
			#termo-detalles h2{
				font-size: 1.6em;
				font-weight: bold;
			}
			#termo-detalles #modelos{
				float: left;
				text-align: center;
				}
				#termo-detalles #modelos img{
					margin: 12px 0 15px 0;
				}
				#termo-detalles #modelos p{
					font-weight: bold;
					font-size:1.4em;
					color:#FF0000;
				}
		#termo-grafico{
			float:left;
			width: 440px;
			}
			#termo-grafico p{
				margin: 0;
			}
			#termo-grafico p#titulo{
				font-weight: bold;
				font-size: 2.0em;
				margin:2px 0 5px 0;
			}
			#termo-grafico p#subtitulo{
				font-weight: bold;
				font-size: 1.6em;
				margin-bottom: 20px;
				line-height: 22px;
			}
		/* FIN TERMOSTATO */
		
		
	/* ATRIBUTOS PARRILLA RODANTES */
	#atributos-parrillas-rodantes,
	#atributos-accesorios{
		background: url(../images/bg-embalaje.png) no-repeat center bottom;
		width: 970px;
		height: 140px;
	}
	/* FIN ATRIBUTOS PARRILLA RODANTES */
		
		
	/* CONTACTO */
	#form-contacto{
		width: 920px;
		background-color: #ffe6b9;
		margin: 28px 25px 23px 25px;
		padding: 17px 0;
		}
		#form-contacto label{
			font-size: 1.2em;
		}
		#form-contacto #col-izq{
			width: 433px;
			float: left;
			margin-left: 54px;
			text-align: right;
			}
			#form-contacto #col-izq input,
			#form-contacto #col-der input{
				width: 282px;
				margin-left: 10px;
			}
			#form-contacto .bloqueinput{
				margin-bottom: 10px;
			}
		#form-contacto #col-der{
			width: 378px;
			float: left;
			text-align: right;
		}
		#form-contacto #form-comentario{
			width: 811px;
			height: 82px;
			margin: 0 0 0 43px;
			position: relative;
			}
			#form-contacto #form-comentario #textos{
				width: 151px;
				height: inherit;
				text-align: left;
				float: left;
				margin-right: 7px;
			}
			#form-contacto #form-comentario textarea{
				height: inherit;
				displar: inline;
				float: left;
				width: 560px;
				height: 82px;
			}
			#form-contacto #form-comentario #booble{
				position: absolute;
				top: 0;
				left: 743px;
				display:table;
				height: 82px;
			}
			#form-contacto #form-comentario #booble p{
				display: table-cell;
				vertical-align: bottom;
			}
	/* FIN CONTACTO */
	
/* END STRUCTURE*c