body {
 	margin-left: 0px;
 	margin-top: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
 	background-attachment: fixed;
 /*	background-image: url(images/bg.gif); */
 	background-repeat: repeat;
 	background-position: left top;
 	background-color: #000000;
 }

body,td,th {
  	font-family: Tahoma;
  	font-size: 10px;
 }

.style1 {color: #808080}

.style2 {font-size: 11px}

.style3 {color: #FFFFFF}

input {

	font-family: Tahoma;
    	font-size: xx-small;

}

#logo {
   	background-image:url(images/logo.gif);
   	background-repeat:no-repeat;
   	background-position: left top;
   	width:450px;
}

.companyname{

	font-family:Georgia, "Times New Roman", Times, serif;
       	font-size:36px;
       	color:#FFFFFF;
       	margin-left: 80px;

}

.slogan{

	font-family:Georgia, "Times New Roman", Times, serif;
        font-size:16px;
       	color:#FFFFFF;
       	margin-left: 10px;
}

select {

	font-family: Tahoma;
        font-size: 10px;
     	color: #5E5E5E;
}

.input {
    	width: 115px;
   	font-family: Tahoma;
   	font-size: 10px;
}

.input02 {
        width: 185px;
      	font-family: Tahoma;
     	font-size: 10px;
}

.bg_but01 {
 	background-image: url(images/but01.gif);
 	height: 37px;
 	width: 207px;
 }

.bg_but02 {
	background-image: url(images/but02.gif);
	height: 36px;
	width: 207px;
}

.bg_but03 {
	background-image: url(images/but03.gif);
	height: 36px;
	width: 207px;
}

.bg_but04 {
	background-image: url(images/but04.gif);
	height: 38px;
	width: 207px;
}

.bg_but05 {
	background-image: url(images/but05.gif);
	height: 32px;
	width: 207px;
}

.bg_but06 {
	background-image: url(images/but06.gif);
	height: 34px;
	width: 207px;
}

.bg_but07 {
	background-image: url(images/but07.gif);
	height: 35px;
	width: 207px;
}

.bg_but08 {

	background-image: url(images/but08.gif);
	height: 35px;
        width: 207px;
}

.txt_but {
	font-family: "Helvetica Condensed";
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.txt_but a{ text-decoration: none; }

.txt_but a:link { color: #FFFFFF; }

.txt_but a:active { color: #FFFFFF; }

.txt_but a:visited { color: #FFFFFF; }

.txt_but a:hover { color: #CDCDCD; }


.txt_aviso a{ text-decoration: none; }

.txt_aviso a:link { color: #808080; }

.txt_aviso a:active { color: #808080; }

.txt_aviso a:visited { color: #808080; }

.txt_aviso a:hover { color: #CDCDCD; }


.txt_weather {font-size: 14px;}


.txt_weather a{ text-decoration: none; }

.txt_weather a:link { color: #FFFF33; }

.txt_weather a:active { color: #FFFF33; }

.txt_weather a:visited { color: #FFFFFF; }

.txt_weather a:hover { color: #CDCDCD; }




.txt_idioma {

	font-family: "Helvetica Condensed";

	font-size: 8px;

	font-weight: bold;

	color: #FFFFFF;

}

.txt_idioma a{ text-decoration: none; }

.txt_idioma a:link { color: #FFFFFF; }

.txt_idioma a:active { color: #FFFFFF; }

.txt_idioma a:visited { color: #FFFFFF; }

.txt_idioma a:hover { color: #CDCDCD; }





.bg_event {

	background-image: url(images/bg_event.gif);

	height: 101px;

	width: 668px;

}

.txt_title {

	font-family: Baramond;
 
	font-size: 16px;
 
	font-style: italic;
 
	color: #FFFFFF;

}

.txt_content {
  
	font-family: Tahoma;
 
	font-size: 12px;
 
	color: #8f9191;

}

.txt_titulo {
  
	font-family: Tahoma;
 
	font-size: 14px;
	
	font-style: bold;
 
	color: #aa3939;

}

.txt_enlace {
	font-family: "Helvetica Condensed";
	font-size: 11px;
	font-weight: bold;
	color: #aa3939;
}

.txt_enlace a{ text-decoration: none; }

.txt_enlace a:link { color: #aa3939; }

.txt_enlace a:active { color: #aa3939; }

.txt_enlace a:visited { color: #aa3939; }

.txt_enlace a:hover { color: #CDCDCD; }







.txt_address {

	font-family: Tahoma;

	font-size: 10px;

	color: #ffffff;

}

.txt_content_bold {
 
	font-family: Tahoma;
 
	font-size: 10px;
 
	font-weight: bold;
 
	color: #feb300;
 
}

/*CSS aplicado a los thumbnails de las fotos*/

div.img
{
  margin: 2px;
  border: 2px solid #8e0606;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 75px;
  margin: 2px;
  font-family: Tahoma;
  font-size: 10px;
  color: #8f9191;
}


a img {border:none}



/* Comentarios sobre el CSS aplicado al formulario del menu Contactar
Right, let's go through that CSS bit-by-bit. We gave the label a fixed width of 4em, although this should obviously be increased
 if the prompt text in the form is anything longer than what we've got now (‘name’ and ‘e-mail’). We also specified the width in
  terms of em and not px so that if users increase the text size2 the width will increase with the larger letters.

The margin-right: 0.5em CSS command means the labels will have a small amount of spacing after them, so that the
 text isn't up against the input box.

The submit button has a left margin of 4.5em so that it aligns with the input boxes, which are 5em from the left.
 This includes the 4em width and the 0.5em right margin of the prompt text.

The three CSS commands we'll use to make those forms look good are border, background and color (you can also use any
 other CSS command, such as font, text size, bold etc.).

So, let's say we want the input boxes in this form to have a dark blue text colour and border and a pale orange background,
 and the submit button to have black text, an orange background and a dark blue border. In addition to the above CSS, we would add in the following commands:

*/



label
{
width: 9em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 9.5em;
width:5em
}
input
{
color: #781351;
background: #fee3ad;
width: 25em;
border: 1px solid #781351
}

textarea
{
color: #781351;
background: #fee3ad;
width: 22em;
border: 1px solid #781351;
font-size: 10px
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 
fieldset
{
border: 1px solid #781351;
width: 40em;
padding: 2px 6px
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
}

#lightview * { margin: 0; padding: 0; }
#lightview {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
}

#lightview ul li { list-style-type: none; }
#lightview .container { position: relative; width: 100%; height: 100%; }
#lightview .button { cursor: pointer; text-decoration: none; border: none; }

#lightview .sideButtons {
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 0;
	clear: both;
	width: 100%;
	height: 22px;
}

#lightview .sideButtons .prev { float: left; }
#lightview .sideButtons .next { float: right; }
#lightview .side { position: relative; overflow: hidden; }
#lightview .side .wrapper { width: 100%; height: 100%; }
#lightview .side .button { float: left; }

#lightview .frames { width: 100%; height: 100%; }
#lightview .frames .frame {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
#lightview .frames .top { top: 0; }
#lightview .frames .bottom { bottom: 0; }

#lightview .liquid { position: relative; float: left; width: 100%; overflow: hidden; clear: both; }
#lightview .liquid .filler { position: absolute; height: 100%; width: 2px; top: 0; left: 50%; }

#lightview .half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
#lightview .half .corner { float: left; height: 10px; width: 10px; }
#lightview .tr, #lightview .br { float: right; }

#lightview .fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

#lightview .container .wrap { float: left; position: relative; width: 50%; height: 100%; overflow: hidden; }
#lightview .container .right .wrap { float: right; }

#lightview .corner { position: relative; }
#lightview .left .corner { float: left; }
#lightview .right .corner { position: relative; float: right; }

#lightview .center { position: relative; clear: both; height: 100%; overflow: hidden; }
#lightview .wrapup { position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; }
#lightview .wrapdown { position: relative; height: 100%; width: 100%; overflow: hidden; }
#lightview .wrapcenter { position: relative; }

#lightview .loading {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -11px;
	margin-left: -11px;
}
#lightview .loading .button {
	float: left;
	height: 100%;
	width: 100%;
}

#lightview .imageWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
}
#lightview .imageWrapper img { position: relative; float: left; }

#lightview .prevnext { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
#lightview .prevnext .button { position: relative; height: 100%; width: 49%; display: block; }
#lightview .prevnext .prev { float: left; }
#lightview .prevnext .next { float: right; }

#lightview .dataContainer {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
}

#lightview .close,
#lightview .data { margin-top: 6px; }
#lightview .close { float: right; overflow: hidden; }
#lightview .close .button {	float: right; width: 100%; height: 100%; }

#lightview .data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}
#lightview .imgText div, #lightview .imgNumber div { margin-left: 3px; } /* simulates padding-left inside .data */

#lightview .data li { float: left; margin-top: 3px; }
#lightview .imgText { width: 100%; }
#lightview .imgText .title { font-weight: bold;}
#lightview .imgText .caption { clear: both; }
#lightview .imgNumber { color: #b8b8b8; margin-right: 5px; margin-top: 5px; }
#lightview .slideshow { border-left: 1px solid #efefef; padding-left: 5px; margin-top: 5px; }
#lightview .slideshow .button { /* play and stop */
	float: left;
	width: 43px;
	height: 13px;
	background-position: center left;
	background-repeat: no-repeat;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
}

#overlay .closeable {
	position: relative;
	height: 100%;
	width: 100%;
	background: #000; /* IE */
}

* html #lightview {
	position: absolute;
	margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

* html #overlay { /* IE6 */
	position: absolute;
	height: expression((document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) > document.body.offsetHeight ? (document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) : document.body.offsetHeight + 'px');
	width: expression((document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) > document.body.offsetWidth ? (document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) : document.body.offsetWidth + 'px');
}