#wrapper-menu-top {
	
/* envoltorio menu superior */
	background:  #C4C5B5 url('') no-repeat left top; 

}

#wrapper-header {
 border:0px solid #ccc; 
    /*Envoltorio cabecera, repite a ambos lados, eliminado para kitar colores*/
	/*background: transparent url('images/bg.png') top center repeat-x;*/
}


/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
	
	width: 865px;
	/*width: 85%;*/
	margin: 0 auto;
	text-align: left;
}

#header {
        width: 865px;
				height: 100px;
        border:0px solid #ccc; 
				/*blanco FFFFFF eee gris*/
				background: #C4C5B5 url('logo6.jpg') no-repeat center top;
        }

#logo_ambiente {
        width: 219px;
		height: 62px;
        background: #C4C5B5 url('logo_ambiente2.jpg') no-repeat center top;
        border:0px solid #ccc; 
	              }

#lengua {
        width: 100px;
	    height:100px;
		margin-left:700px;
        border:0px solid #ccc;  
        background: #C4C5B5 url('') no-repeat center top;
        }
        


DIV#loader {
            border: 1px solid red;
            width: 765px;
            height: 340px;
            overflow: hidden;
			background: #C4C5B5 url('') no-repeat right top;
			background-color: #C4C5B5;
			     }

DIV#loader.loading {
                   background: url(spinner.gif) no-repeat center center;
                   }
		
		   
DIV#azulejos{
		   
		   border:1px solid red;
		   width: 765px; 
		   height:80px; 
			 background: #C4C5B5 url('') no-repeat  top;
			 background-color: #C4C5B5;
		   }
		   
DIV#data{
		   
		  border:1px solid white;  
		  width:765px; 
		  height:23px; 
      background: #C4C5B5 url('') no-repeat right top;
			background-color: #C4C5B5;
		   
		  }
		
DIV#flecha_der {
		
		width: 25px;
    height: 25px; 
		cursor:pointer;
	  visibility:visible;
		background:url(flecha_der.gif) right  no-repeat
		           }
		
DIV#flecha_iz {
		visibility:hidden;
		width: 25px;
    height: 25px; 
		cursor:pointer;
	  background:url(flecha_iz.gif) right  no-repeat 
}
		



#slideshow {list-style:none; color:#fff}

#slideshow span {display:none}

#wrapper {width:895px; height:555px; margin:1px auto; margin-left:-60px; display:none; border:0px solid #5B8FBE; }

#wrapper * {margin:0; padding:0}


#fullsize {position:relative; width:790px; height:300px; padding:2px; border:0px solid #ccc; background:#C4C5B5}


#information {position:relative; margin-left:38px; margin-top:486px; bottom:0; width:835px; height:0; 

background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}

#information h3 {padding:4px 8px 3px; font-size:14px}

#information p {padding:0 8px 8px}

#image {width:715px;   padding-left:35px; border:0px solid #C4C5B5;}

/*Imagen en si tamaņo etc*/
#image img {position:absolute; z-index:25; width:835px; height:550px; border:3px solid red;}

.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}


#imgprev {left:0; background:url(images/left.gif) left center no-repeat}

#imgnext {position:absolute; margin-left:715px; background:url(images/right.gif) right center no-repeat }

#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}

#thumbnails {margin-top:100px}

#slideleft {float:left; width:00px; height:0px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}

#slideright {float:right; width:0px; height:0px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}

#slidearea {float:left; position:relative; width:0px; margin-left:0px; height:0px; overflow:hidden}

#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}










body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: black;
	background-color: #C4C5B5;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;
}





#menu-top {
	
	
	font-size: 20px;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#menu-top ul {
	margin: 0 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
}


#menu-top li {
	display: inline;
	float: left;
}











#header2 {

				width: 865px;
				height: 500px;
				display: block;
	      cursor: pointer; 
				/*blanco FFFFFF eee gris*/
				background: #transparent url('logo_basico_2.jpg') no-repeat center top;
	      }



		#crossslide{
				width: 200px;
				height: 500px;
				margin:1em auto;
				position:relative;
				border: 2px solid red;				
			}


#wrapper-header2 {


/*Estaba en azul antes, pasado a blanco a ambos lados*/
	
	background: transparent url('') top left no-repeat;
	
}

#wrapper-header3 {

/*Estaba en azul antes, pasado a blanco a ambos lados*/
	background: transparent url('') top right no-repeat;
	
}

#header h1 {
	margin: 0 20px;
	padding: 0;
	height: 192px;
	line-height: 3em;
	color: black;
	font-size: 130%;
}

#wrapper-content {
	background: #C4C5B5 url('') no-repeat left top;
	
}

* html #wrapper-content { height: 1%; background-color: #C4C5B5;}

#content {
	background: #C4C5B5 url('') no-repeat right top;
	padding: 1px 40px 5px 40px;
	background-color: #C4C5B5;
	
/*
	padding:25px 50px 75px 100px;

    * top padding is 25px
    * right padding is 50px
    * bottom padding is 75px
    * left padding is 100px
	*/
}

#wrapper-menu-page {
	float: right;
	width:180px;
	margin: 20px 30px 3em 2em;
	background: transparent url('images/menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: white; }

#wrapper-footer {

	   background-color: #C4C5B5;
	text-align: center;
}

#footer {
	

    margin: 0 20px;
    color:#000000;
    background-color: #F3F3F3;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
}

h2 { font-size: 110%; }
h3 { font-size: 100%; }

a:link, a:visited { color: white; text-decoration: none; }
a:hover{ color: red; text-decoration: none; }