/*-----------------------------------------------------------------------------
Estilos para todos los navegadores

version:   1.0
autor:     Luis Latre, Soluciones Binaria
email:     luislatretena@solucionesbinaria.com
notas:     Poner todo en minúsculas.
-----------------------------------------------------------------------------*/

/* = Comunes a todas las páginas y elementos sueltos
-----------------------------------------------------------------------------*/
html
{
	overflow-x:hidden;
}
a
{
	color:#644F19;
	text-decoration:underline;
}
p
{
	text-align:justify;
}
h1, h2, h3, h1 a, h2 a, h3 a
{
	font-size:18px;
	font-weight:bold;
	color:#644f19;
}
h2, h2 a
{
	font-size:14px;
}
h3, h3 a
{
	font-size:12px;
}
input.boton,
input.botonOver
{
	display:block;
	width:108px;
	height:22px;
	border:none;
	color:#FFF;
	cursor:pointer;
}
input.boton
{
	background:url("../IMG/Boton.jpg") top left;
}
input.botonOver
{
	background:url("../IMG/Boton.jpg") top right;
}

/* = Formularios
-----------------------------------------------------------------------------*/	
input, textarea
{
	border:1px solid #7a672b;
	font-family:arial;
	font-size:12px;
}
label
{
	color:#af8324;
	float:right;
	font-weight:bold;
}

label
{
	cursor:default;
}

form
{
	width:500px;
	margin:0 auto;
	margin-top:30px;
	display:block;
}
/* = Plantilla.dwt
-----------------------------------------------------------------------------*/	
body
{
	background:url(../IMG/SkinNormal/RepetidorFondo.gif) repeat-x top left #FFF;
	margin:0px;
	padding:0px;
	overflow:hidden;
	overflow-y: auto; 
	font-family:arial;
	font-size:12px;
}

#web
{
	width:1000px;
	margin:0 auto;
	position:relative;
}

	#recortesIzquierda
	{
		background:url(../IMG/recortesIzquierda.jpg) no-repeat top right;
		width:457px;
		height:954px;
		position:absolute;
		top:133px;
		left:-369px;
		z-index:-1;
	}
	#recortesDerecha
	{
		background:url(../IMG/recortesDerecha.jpg) no-repeat top left;
		width:404px;
		height:950px;
		position:absolute;
		top:136px;
		left:980px;
		z-index:-1;
	}
	#cabecera
	{
		background:url(../IMG/SkinNormal/Cabecera.jpg) no-repeat top left;
		width:1000px;
		height:176px;
		position::relative;
	}
		#aLogo
		{
			position:absolute;
			top:20px;
			left:30px;
			width:300px;
			height:130px;
			display:block;
		}
		#logo
		{
			position:absolute;
			top:95px;
			left:410px;
			font-size:21px;
			font-weight:bold;
			color:#FFF;
		}
		#mensajeCorporativo
		{
			position:absolute;
			top:46px;
			left:470px;
			font-size:12px;
			font-weight:bold;
		}
		#cabeceraMenu,
		#miguitasPan
		{
			font-weight:bold;
			font-size:15px;
			color:#FFF;
		}
		#cabeceraMenu
		{
			position:absolute;
			top:155px;
			left:50px;
		}
		#miguitasPan
		{
			position:absolute;
			top:155px;
			left:255px;
		}
			#miguitasPan a
			{
				text-decoration:none;
				color:#FFF;
			}
		#enlaceForo,
		#enlaceContacto
		{
			position:absolute;
			display:block;
			top:30px;
			right:30px;
			width:60px;
			height:60px;
		}
		#enlaceContacto
		{
			display:none;
		}
	#cuerpo
	{
		background:url(../IMG/RepetidorWeb.png) repeat-y top left;
		_background:url(../IMG/RepetidorWeb.jpg) repeat-y 20px 0px;
		float:left;
		min-height:900px;
		_height:900px;
	}	
		#panelLateral
		{
			float:left;
			width:192px;
			margin-left:36px;
			_margin-left:18px;
		}
			ul
			{
				padding:0px;
				margin:0px;
				list-style-type:none;
				background-color:#ded59e;
			}
				#menu
				{
					padding-top:20px;
				}
		
				#menu li
				{
					background:url(../IMG/SkinNormal/repetidorBoton.gif) repeat-x top left;
				}
					#menu li.seccionActiva
					{
						background:url(../IMG/SkinNormal/repetidorBotonOn.gif) repeat-x top left;
					}
						#menu li.seccionActiva a
						{
							background:none;
						}
					#menu li a
					{
						line-height:29px;
						height:29px;
						font-weight:bold;
						font-size:13px;
						color:#FFF;
						text-decoration:none;
						margin-left:15px;
						display:block;
						background:url(../IMG/SkinNormal/Flecha.jpg) no-repeat 155px top;
					}
					#menu li ul
					{
						display:none;
						padding-bottom:20px;
					}
					#menu li ul li
					{
						background:none;
						font-weight:bold;
						font-size:14px;
						text-align:left;
						margin-top:10px;
						margin-left:25px;
						margin-right:10px;
					}
					
						#menu li ul li a
						{
							font-weight:bold;
							font-size:12px;
							color:#af8324;
							line-height:14px;
							height:100%;
							margin-left:0px;
						}
							#menu li ul li.subSeccionActiva a
							{
								color:#5b591b !important;
								background:none !important;
							}
				#Memoria
				{
					display:block;
					width:86px;
					height:134px;
					background:url(../IMG/SkinNormal/Memoria2024.jpg) no-repeat top left;
					font-weight:bold;

					padding-top:35px;
					line-height:20px;
					text-align:right;
					padding-right:100px;
				}
				#Facebook 
				{
					display:block;
					width:86px;
					height:134px;
					background:url(../IMG/SkinNormal/Facebook1.jpg) no-repeat top left;
					font-weight:bold;

					padding-top:35px;
					line-height:20px;
					text-align:right;
					padding-right:100px;
				}				
				
		#contenido
		{
			float:left;
			margin-left:15px;
			width:690px;
			padding:13px;
			padding-right:40px;
			background:url(../IMG/MarcaAgua.jpg) no-repeat 431px  100%;
			padding-bottom:100px;
			min-height:900px;
			_height:900px;
		}
			#contenido p
			{
				margin-left:10px;
			}
			#contenido ul
			{
				margin:10px;
				padding:10px;
				color:#4e4113;
				font-size:12px;
				background-color:#DED59E;
				list-style-type:disc;
				list-style-position:inside;
			}
				#contenido ul li
				{
					margin-top:5px;
				}
					#contenido ul li ul
					{
						margin:0px;
						padding:0px;
						margin-left:20px;
						list-style-type:circle;
					}
					#contenido div.cuadroDerecha,
					#contenido div.cuadroIzquierda
					{
						margin:5px;
						margin-top:0px;
						padding:10px;
						padding-top:3px;
						font-size:13px;
						font-weight:bold;
					}
					#contenido div.cuadroDerecha
					{
						float:right;
						width:33%;
					}
					#contenido div.cuadroIzquierda
					{
						float:left;
						width:25%;
					}
						#contenido div.cuadroDerecha div.arriba,
						#contenido div.cuadroIzquierda div.arriba
						{
							border-top:5px solid #d19c2b;
							border-bottom:5px solid #d19c2b;
							color:#d19c2b;
							padding:5px;
						}
						#contenido div.cuadroDerecha div.abajo,
						#contenido div.cuadroIzquierda div.abajo
						{
							background-color:#d19c2b;
							color:#FFF;
							padding:5px;
						}
	#pie
	{
		background:url(../IMG/SkinNormal/Pie.gif) no-repeat top left;
		_background:url(../IMG/SkinNormal/PieAlternativo.gif) no-repeat top left;
		clear:both;
		width:1000px;
		height:87px;
		margin-bottom:50px;
		text-align:center;
		padding-top:31px;
		font-size:13px;
		color:#FFF;
	}
		#pie a
		{
			color:#FFF;
		}
	
/* = Inicio.html y Contacto.html
-----------------------------------------------------------------------------*/

div.cuadroInfoGrande
{
	background:url(../IMG/FondoResidencia.jpg) no-repeat top left;
	width:622px;
	height:712px;
	margin:0 auto;
	text-align:center;
	margin-top:40px;
	
}
	div.cuadroInfoGrande a#mailto
	{
		display:block;
		width:210px;
		height:18px;
		position:relative;
		top:138px;
		left:10px;
		*left:-185px;
	}
	div.cuadroInfoGrande a#botonResidencia
	{
		display:block;
		width:568px;
		height:25px;
		line-height:22px;
		position:relative;
		top:231px;
		left:16px;
		text-decoration:none;
		color:#000;
		cursor:pointer;
		z-index:1000;
	}

div.cuadroInfo
{
	border:1px solid #4e4113;
	background-color:#DED59E;
	width:280px;
	text-align:center;
	margin-top:40px;
	margin-right:25px;
	margin-left:33px;
	float:left;
}

	div.cuadroInfo div.cabecera,
	div.cuadroInfoGrande div.cabecera
	{
		background-color:#d19c2b;
		padding:10px;
		color:#FFFFFF;
		font-size:15px;
		font-weight:bold;
	}
	
		div.cuadroInfo div.cabecera a,
		div.cuadroInfoGrande div.cabecera a
		{
			color:#FFFFFF;
			font-size:15px;
			font-weight:bold;
			text-decoration:none;
		}
	
	div.cuadroInfo div.contenido,
	div.cuadroInfoGrande div.contenido
	{
		padding:10px;
		font-size:13px;
		font-weight:bold;
		color:#4e4113;
		position:relative;
	}
	
	div.cuadroInfoGrande div.contenido div#videos
	{
		width:588px;
		height:191px;
		position:relative;
		top:200px;
		left:8px;
	}
	div.cuadroInfoGrande div.contenido div#videos #flash1
	{
		position:absolute;
		top:25px;
		left:21px;
	}
	
	div.cuadroInfoGrande div.contenido div#videos #flash2
	{
		position:absolute;
		top:25px;
		right:26px;
	}
	
	.subtitle{
		font-size: 26px;
		font-family: Lucida Sans;
	}
	
	.text{
		font-family: Tahoma;
	}