/*
	Hoja de estilos compleja, define el esqueleto de la pagina. 
	Solo para navegadores con soporte CSS2 y superiores.
	
	Codigo basado en la plantilla http://www.redmelon.net/tstme/3cols2/

	============================================================================
	Contenedor principal
	============================================================================
*/

#contenedor { 
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	margin: 0 -1px;
	min-width: 200px;
	width: 100%;
	}
/*
	============================================================================
	Contenedores interiores #inner / #outer
	============================================================================
*/

#inner {
	margin: 0;
	width: 100%;
	}
#outer {
	border-left-width: 180px;
	border-left-color: #fff;
	
	border-right-width: 200px;
	border-right-color: #FDD4BF;
	
	background-color: #fff;
	
	width: auto;
	
	border-left-style: solid;
	border-right-style: solid;
	}

/*
	============================================================================
	Columna Izda
	============================================================================
*/

#left {
	width: 180px;
	margin-left: -180px;
	float: left;
	position: relative;
	z-index: 10;
	}

/*
	============================================================================
	Columna Dcha
	============================================================================
*/

#right {
	width: 200px;
	margin-right: -200px;
	float: left;
	position: relative;
	z-index: 11;
	}
	
/*
	============================================================================
	Columna Centro
	============================================================================
*/

#center {
	float: left;
	width: 100%;
	position: relative;
	z-index: 12;
	text-align:left;
	}

/*
	============================================================================
	Cabecera y pie
	============================================================================
*/

#cabecera {
	width: 100%;
	position: relative;
	z-index: 13;
	border-bottom: 1px dashed #000;
	background: #fff url(/media/img/bg-ojo.png) no-repeat right top;
	}

	#cabecera img {
		padding:5px;
		}
	#cabecera #skipnav {
		display: none;
	}

#pie {
	background-color: #fff;
	width: 100%;
	position: relative;
	z-index: 13;
	}

/*
	============================================================================
	Varios
	============================================================================
*/

.clear { clear: both; }

#caja-bba-home {
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	float:left;
	}

#caja-bba-imagen-home {
	padding:5px;
	float:right;
	}

.padding {
	margin: 10px;
	}


/*
	============================================================================
	Menu Vertical Izda.
	============================================================================
*/

#left ul {
	position:relative;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	}

#left a {
	display: block;
	padding: 3px;
	width: 160px;
	background-color: #00749B;
	border-bottom: 1px solid #fff;
	}

#left a:link, #navlist a:visited {
	color: #fff;
	text-decoration: none;
	}

#left a:hover {
	background-color: #ccc;
	color: #000;
	}
#left #active a, #left #current {
	color:#000;
	background-color: #fff;
}


/*
	============================================================================
	Menu Horizontal. Extraido de http://unraveled.com/projects/css_tabs/
	============================================================================
*/

ul#tabnav {
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #ccc;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #f5f5f5;
margin: 2px 2px 0 2px;
border: 1px solid #ccc;
color: #000;
}

ul#tabnav li.active{
border-bottom: 1px solid #fff;
background-color: #fff;
}

#tabnav a {
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}

/*Opera 7 Hack*/
html*#tabnav a {
float: left;
}

#tabnav a:hover {
background: #fff;
}

#container-past {
border-bottom: 1px solid #ccc;
padding:15px;
}

/*
	============================================================================
	Listado Descriptivo
	============================================================================
*/

#lista {
	margin: 5px 90px 50px 45px;
	padding: 0;
	width: auto;
	}

#lista dt {
	float: left;
	font-weight: bold;
	color: #008;
	}

#lista dd {
	display: block;
	font-style: italic;
	color: #888;
	text-align: left;
	width:auto;
	}

#lista dd.first {
	border-bottom: 1px dotted #ccc;
	display: block;
	font-weight: normal;
	color: #000;
	font-size:0.95em;
	font-family:"Courier New", Courier, monospace;;
	font-style : normal;
	text-align: right;
	}

#lista dd.last {
	margin-bottom: 20px;
	}

#lista strong ,#lista u {
	color:#000;
	font-style: normal;
	}

/*
	============================================================================
	Formulario
	============================================================================
*/

div#formulario {
	width:350px;
/*	border: 1px #ccc solid;
	margin: 0px auto;*/
	}

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 235px;
  text-align: left;
  }
 
span.formw, span.label {
	color:#000;
	font-style: normal;
	font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;
	font-size:1.0em;
	}
div#formulario-small {
	font-size: 0.8em;
	color:#6c6c6c;
	padding:5px;
	}
/*
	============================================================================
	Como llegar
	============================================================================
*/

#mapa {
	border: 1px dashed #000;
	padding: 15px;
	background-color:#ebebeb;
}

#mapa img {
	float:left;
	margin:10px;
	border:2px solid #000;
}

#mapa .fotos {
	float:left;
}
	
	
/*
	============================================================================
	Codigo para Mozilla (bug)
	============================================================================
*/
#outer > #inner { border-bottom: 1px solid transparent; }
#left { margin-right: 1px; }
#right { margin-left: 1px; }
#center { margin: 0 -3px 0 -2px; }