<!--
*{
	margin: 0;
	padding: 0;
}
body {
font-family: Arial, "Times New Roman", Times, serif;
font-size: 14px;
	line-height: 1.6em;
	color: #383838;
	background-color: #FFFFFF;
}
#parada
{
background:#ffffff; height:325px;
}
img, div {
	margin: 0;
	padding: 0;
	}
td, th {border: #FF9900 1px solid; padding: 5px; font-size: 12px;}
ul, li {list-style:square inside;}
a {	color: #FF9900;	text-decoration: none; position:relative; top: 0px; left: 0px;}
a:hover { color: #CCCCCC; position:relative; top: 0px; left: 0px;}
p { margin: 0 0 10px 0; }
h1 { font-size: 28px; font-weight: normal; line-height: 1.4em; padding-right: 20px;}
h2 { font: bold 1.6em Arial, Sans-Serif; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
h3 { font-size: 16px; font-weight: bold; line-height: 2em;}
h4 { color: #808080; font-weight: normal; font-size: .9em; margin-top: 0px; margin-bottom: 8px; }

input, textarea, select {border: 1px solid #CCCCCC; padding: 3px;}
.izq
{
float: left; 
text-align: justify;
}
.der
{
float: right; 
text-align: justify;
}
#paradas
{
float: right; 
text-align: justify;
font-size: 12px;
	line-height: 1em;

}
#paradas input, textarea, select {border: 0px solid #CCCCCC;padding:0;}

#cabeza
{
height:95px;
width: 90%; 
float: auto; 
text-align: left;
background: #0059BD url(http://www.auherrera.es/imagenes/fondo.gif) repeat-x bottom;
padding: 0 0 0 24px;
_padding: 6px 0 0 24px;
}
#cabeza h1 {
padding: 6px 0 0 0;
_padding: 0;
font-size: 20px; color: #ffffff; font-weight: normal; line-height: 1em; padding-right: 10px;}
#enlaces{
border-top: solid 1px #0059BD;
border-bottom: dashed 2px #0059BD;
}
#enlaces a {	color: #FF9900;	text-decoration: none; position:relative; top: 0px; left: 0px; font-weight: bold;}
#enlaces a:hover { color: #CCCCCC; position:relative; top: 0px; left: 0px; font-weight: bold;}

#h1 {float: right; padding: 40px 15px 0 0;}
#logo
{
background: url(http://www.auherrera.es/imagenes/logo.png) no-repeat bottom;
float: left; 
height:86px;
width: 383px;
padding: 6px 0 0 0;
_padding: 0;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auherrera.es/imagenes/logo.png', sizingMethod='scale');
  _background: none;
}
#menu
{
width: 90%; 
float: auto; 
margin-top: 0;
padding-left: 28px;
_padding-left: 15px;
_margin-left: 13px;
}
#bton
{
float: left; 
height:37px;
width: 162px; 
color: #ffffff;
background: url(http://www.auherrera.es/imagenes/bton.png) no-repeat;
margin: 0 -2px 0 0;
padding-top: 5px;
font-weight: bold;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auherrera.es/imagenes/bton.png', sizingMethod='scale');
  _background: none;
}
#btoff
{
behavior: url('./utiles/hover.htc');
float: left; 
height:37px;
width: 162px; 
color: #ffffff;
background: url(http://www.auherrera.es/imagenes/btoff.png) no-repeat;
margin: 0 -2px 0 0;
padding-top: 0;
font-weight: bold;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auherrera.es/imagenes/btoff.png', sizingMethod='scale');
  _background: none;
}
#btoff:hover
{
float: left; 
height:37px;
width: 162px; 
color: #ffffff;
background: url(http://www.auherrera.es/imagenes/bton.png) no-repeat;
margin: 0 -2px 0 0;
padding-top: 5px;
font-weight: bold;
cursor:hand;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auherrera.es/imagenes/bton.png', sizingMethod='scale');
  _background: none;
}
#btoff.hover
{
float: left; 
height:37px;
width: 162px; 
color: #ffffff;
background: url(http://www.auherrera.es/imagenes/bton.png) no-repeat;
margin: 0 -2px 0 0;
padding-top: 5px;
font-weight: bold;
cursor:hand;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auherrera.es/imagenes/bton.png', sizingMethod='scale');
  _background: none;
}
#btoff a, #bton a {	color: #FFFFFF;	text-decoration: none; position:relative; top: 0px; left: 0px;}
#btoff a:hover,#bton a:hover { color: #FFFFFF; position:relative; top: 0px; left: 0px;}

#contenido
{
width: 90%; 
float: auto; 
padding: 0 15px 0 15px;

}
#pie
{
font-size: 11px;
line-height: 1em;
color: #FFFFFF;
font-weight: bold;
width: 90%; 
height:83px;
float: auto; 
padding: 0 15px 0 15px;
background: #0059BD url(http://www.auherrera.es/imagenes/fondo.gif) repeat-x bottom;
}
#pie33
{
font-size: 11px;
line-height: 1em;
width: 90%; 
float: auto; 
padding: 0 15px 5px 15px;
margin-top: 5px;}
#pie div.izq
{
float: left; 
text-align: left;
padding-top: 35px;
}
#pie div.der
{
float: right; 
text-align: right;
padding-top: 35px;
}
#pie a{	color: #FF9900;	text-decoration: none; position:relative; top: 0px; left: 0px;}
#pie a:hover{ color: #CCCCCC; position:relative; top: 0px; left: 0px;}

	#mainContainer{
		margin:0 auto;
		width:730px;
		text-align:left;
		background-color:#FFF;
		padding:3px;
		border:3px solid #317082;	
	}
	.clear{
		clear:both;
	}
	/* End of demo CSS */
	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:240px;
	}
	#DHTMLgoodies_panel_one{		
		float:left;	
	}
	#DHTMLgoodies_thumbs{
		overflow:hidden;	/* Don't change this */
		height:280px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
		width:400px;	/* Width of large image div */
		height:310px;	/* Height of large image div */
		float:left;
		padding-left:10px;	/* "Air" */
		padding-right:10px;	
	}
	#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImage img{	/* Large image */
		border:5px solid #317082;	/* Border around large image */
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:114px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails div{
		width:110px;
		height:90px;
		padding:2px;
		text-align:center;

	}
	.strip_of_thumbnails img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:5px solid #317082;	/* Green border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}	
	#DHTMLgoodies_largeImage img
	{width:400px;}


#the_side_bar
{
text-align: justify;
	line-height: 1em;
	padding:5px;
}

#the_side_bar LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#the_side_bar UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; PADDING-TOP: 0px
}
#the_side_bar UL UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 8px; PADDING-TOP: 0px
}
#the_side_bar UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 8px; PADDING-TOP: 0px
}
#the_side_bar UL LI.liServer .bullet {
	BACKGROUND: WIDTH: 15px; CURSOR: pointer; HEIGHT: 15px
}
#the_side_bar UL LI.liOpen .bullet {
	BACKGROUND: WIDTH: 15px; CURSOR: pointer; HEIGHT: 15px
}
#the_side_bar UL LI.liClosed .bullet {
	BACKGROUND: WIDTH: 15px; CURSOR: pointer; HEIGHT: 15px
}
#the_side_bar UL LI.liBullet .bullet {
	BACKGROUND: WIDTH: 15px; CURSOR: default; HEIGHT: 15px
}
#the_side_bar UL LI.liOpen UL {
	DISPLAY: block
}
#the_side_bar UL LI.liClosed UL {
	DISPLAY: none
}
#the_side_bar UL LI.liOpen IMG.legendimg {
	DISPLAY: inline
}
#the_side_bar UL LI.liClosed IMG.legendimg {
	DISPLAY: none
}
#the_side_bar UL LI {
	FONT-SIZE: 11px
}
#the_side_bar UL LI UL LI {
	FONT-SIZE: 10px
}
#the_side_bar UL LI UL LI UL LI {
	FONT-SIZE: 9px
}
#the_side_bar UL LI UL LI UL LI UL LI {
	FONT-SIZE: 8px
}
-->