body{
	background-color: #e9e9e9;
	padding-top:15px;
}

#contenedor{
	width:999px;
	margin: 0 auto;
	
}

#cabecera{
	width:999px;
	height:105px;
}

#menu{
	width:979px;
	height:30px;
	padding-top:8px;	
	padding-left: 20px;
	background-color: green;	
}

	ul{
		display:inline;
		margin-left: -50px;
	}

	li{
		display:inline;
		margin:5px;
	}

	li a{
		color:orange;
		text-decoration:none;
		font-family: arial black;
		font-size: 11pt;
		padding:15px 5px 15px 5px;
	}

	#activo{
		background-color: orange;
		color:white;
		padding:15px 5px 15px 5px;
		border-radius: 5px;
	}

#contenido{
	width:999px;
	height:550px;
}

	#articulo{
		width:808px;
		height:550px;
		background-color: white;
		float:left;
	}

		#titular{
			height:50px;
			padding-top: 30px;
			float:left;
		}

		#encabezado{
			float:right;
			margin-top: -25px;
			margin-right: 25px;				
			background-color: white;
			color:orange;
			line-height: 0px;
			position: relative
		}


		#pagina{
			padding: 20px;
			font-family: arial;
			font-size: 14px;
		}


			#mapa{
				width:550px;
				height:450px;
				float:left;
				text-align: center;
			}

			#app{
				width:200px;
				height:410px;
				margin-left: 15px;
				float:left;
			}

			#pa1{
				font-family: arial;
				font-size: 14pt;
				color: green;
				font-weight: bold;
				line-height: 0px;
			}

			#pa2{
				font-family: arial;
				font-size: 12pt;
				color: green;
				font-weight: bold;
				line-height: 0px;
			}

			#lent1{
				width: 550px;
				float:left;
			}

			#ojos{
				width: 200px;
				height:200px;
				float:left;
				border:solid thin green;
				margin-left: 15px;

			}

			#tres_ojos{
				position: relative;
			}
				
				#ojo_azul{
					position: absolute;
					top:0px;
					left:0px;
				}

				#ojo_verde{
					position: absolute;
					top:0px;
					left:0px;
					visibility: hidden;
				}

				#ojo_marron{
					position: absolute;
					top:0px;
					left:0px;
					visibility: hidden;
				}

				#ojostexto{
					position: absolute;
					top:175px;
					left:20px;
					font-family: arial;
					font-size: 12pt;
					color: green;
					font-weight: bold;
					line-height: 0px;
				}

			#cambia_ojos{	
				position:relative;
				left:150px;
			}

			#lent2{
				clear:left;
			}

			#foto1{
				float:left;
				margin-right: 10px;
				height: 100px;
			}

			#of1{
				float:left;
				margin-right: 10px;
			}

			#of2{
				float:right;
				margin-left: 10px;
			}

			#mensaje{
				width:729px;
				height:200px;
				left:11px;
				position: relative;
			}

				#mensaje1, #mensaje2, #mensaje3{

					width:729px;
					height:200px;
					position: absolute;

				}

				#mensaje2, #mensaje3{
					display: none;
				}

				#temporada, #clasicos, #outlet{
					padding: 20px;
					height:160px;
					border-bottom-style: solid;
					border-bottom-width: 2px;
					border-bottom-color: black;
					border-left-style: solid;
					border-left-width: 2px;
					border-left-color: black;
					border-right-style: solid;
					border-right-width: 2px;
					border-right-color: black;
				}


				#consejo1, #consejo2{
					width:760px;
					height:200px;
					margin-top: 50px;
				}

					#c1_izq{
						width:140px;
						height:200px;
						background-color: salmon;
						border: solid 2px black;
						float: left;
						padding:5px;
					}


					#c1_der{
						margin-left: 10px;
						width:560px;
						height:200px;
						background-color: salmon;
						border: solid 2px black;
						float: left;
						padding:5px;
						overflow: auto;
					}

					#c2_izq{
						width:140px;
						height:200px;
						background-color: salmon;
						border: solid 2px black;
						float: left;
						padding:5px;
					}

					#c2_izq img{
						margin:10px;
					}

					#c2_der{
						margin-left: 10px;
						width:560px;
						height:200px;
						background-color: salmon;
						border: solid 2px black;
						float: left;
						padding:5px;
					}


	#publicidad{
		width:191px;
		height:547px;
		background-color: white;
		float:left;
		padding-top: 3px;
	}


#pie{
	width:999px;
	height:60px;
}
