@charset "utf-8";
h1 { font: 90%  "Lucida Grande",Arial, Helvetica, sans-serif; color:#651715; font-weight:bold; letter-spacing:0.1em; border-bottom: 1px solid #651715 }
h2 { font: 80%  "Lucida Grande",Arial, Helvetica, sans-serif; color:#A42623; font-weight:bold; letter-spacing:0.1em; border-bottom: 1px dotted #A42623 }
h3 { font: 70%  "Lucida Grande",Arial, Helvetica, sans-serif; color:#A42623; font-weight:bold; letter-spacing:0.1em;  }
p { font-size: 70%; font-weight: normal; line-height: 20px; }

body {
	font: 120% Arial, Helvetica, sans-serif;
	background-color:#4A9024;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#003399;}


#container {
	width: 778px; height:100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:url(../images/fdo_centre.jpg) center repeat-y;
	padding: 0; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
/*SEE WHETHER I CAN CREATE DIV STYLES FOR BACKGROUND IMAGES!!!!*/
#menu,#text,#images,#footer,#footerfin { overflow:hidden;display:inline-block}
#menu,#footer {width:728px;  margin: 0 auto;}
#text,#image {float:left}

#header1,#header2,#header3,#header4,#header5,#header6,#header7,#header0,#header8 {height: 130px; padding:0;width:728px;overflow:hidden;display:inline-block; position: relative; margin: 0 auto;}
#header1 {background-image: url(images/bg_01_a.jpg);}
#header2 {background-image: url(images/bg_02_a.jpg);}
#header3 {background-image: url(images/bg_03_a.jpg);}
#header4 {background-image: url(images/bg_04_a.jpg);}
#header5 {background-image: url(images/bg_05_a.jpg);}
#header6 {background-image: url(images/bg_06_a.jpg);}
#header7 {background-image: url(images/bg_07_a.jpg);}
#header0 {background-image:url(images/bg_gracias_a.jpg)}
#header8 {background-image:url(images/bg_impressum_a.jpg)}
	
/*}
#topimagetext {
text-align:right;
color: #FFFFFF;
padding: 150px 20px 0 0 ;
font-size: 80%;*/

/*MENU STYLES*/

#menu
{
margin: 0;
padding: 0;
height: 18px;
background:#401CF4;border-top: 1px solid #6A4EF6;border-bottom: 1px solid #6A4EF6;
}

#menu ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#menu ul li
{
display: block;
float: left;
text-align: center;
padding: 0 ;
margin: 0;
}

#menu ul li a
{
background:#401CF4;
width: auto;
height: 18px;
border-left: 1px solid #6A4EF6;
border-right: none;
padding: 0 10px;
margin: 0 0 10px 0;
color: #FFF;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Arial Rounded MT Bold", "Arial Bold", Arial, sans-serif;
}

#menu ul li a:hover
{
color: #000E7A;
background: #6A4EF6;
}


/*#menu a:active
{
background: #c60;
color: #fff;
}

#menu li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}*/

/*end menu styles*/

#content1,#content2,#content3,#content4,#content5,#content6,#content7,#content0,#content8 { overflow:hidden; display:inline-block;height: auto;padding: 0;position: relative; width:728px; margin: 0 auto;}
#content1 { background:url(../images/bg_01_b.jpg) no-repeat top center;}
#content2 { background:url(../images/bg_02_b.jpg) no-repeat top center;}
#content3 { background:url(../images/bg_03_b.jpg) no-repeat top center;}
#content4 { background:url(../images/bg_04_b.jpg) no-repeat top center;}
#content5 { background:url(../images/bg_05_b.jpg) no-repeat top center;}
#content6 { background:url(../images/bg_06_b.jpg) no-repeat top center;}
#content7 { background:url(../images/bg_07_b.jpg) no-repeat top center;}
#content0 {background: url(../images/bg_gracias_b.jpg) no-repeat top center;}
#content8 {background:url(../images/bg_impressum_b.jpg) no-repeat top center;}
	
#text { width: 450px; padding: 20px 0 0 45px; text-align:left; }
#text li {color:#003399; font: normal 75% "Lucida Grande", "Lucida Sans Unicode", Arial, lucida, sans-serif; line-height: 25px;}
#text li.small {color:#003399; font: normal 65% Arial, lucida, sans-serif; line-height:20px; margin-bottom: 20px;}
#text a {text-decoration: none; border-bottom:1px dotted #651715; color:#651715}
#text a:hover {text-decoration: none; border-bottom:1px dotted #A42623; color:#A42623}
#text .center {margin-left: 200px}


#imagen01,#imagen02,#imagen03,#imagen04,#imagen05,#imagen06,#imagen07,#imagen08,#imagen09,#imagen10 {width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}
.imagen127 {height: 127px;width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}
.imagen221 {height: 221px;width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}
.imagen113 {height: 113px;width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}
.imagen125 {height: 125px;width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}
.imagen138 {height: 138px;width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}
.imagen170{height: 170px;width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}
.imagen95{height: 95px;width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}
.imagen121{height: 121px;width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}
.imagen132{height: 132px;width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}
.imagen185{height: 185px;width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}
.imagen145{height: 145px;width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}
.imagen227{height: 227px;width: 170px; background-color:#fff; margin: 40px 10px 0 10px; float:right; border: 1px solid #6A4EF6; padding:3px;}


#footer {text-align:center; height: 25px;}
#footer img {margin: 0 15px 0 0; border: none}
#footer a {text-decoration: none}
#footer .text {font-size: 55%; color: #A42623; border-top: 1px dotted #A42623 }
#footer .text a {color: #A42623; }
#footer .text a:hover {color: #651715; border-bottom:1px dotted #651715}

#footerfin {background: url(../images/bg_footer.jpg);width: 778px; height:25px;  margin: 0 auto;}

.MenuActive1,.MenuActive2,.MenuActive3,.MenuActive4,.MenuActive5,.MenuActive6,.MenuActive7,.MenuActive1e,.MenuActive2e,.MenuActive4e,.MenuActive5e,.MenuActive6e,.MenuActive7e{color: #000E7A;background: #6A4EF6;font: normal 10px/18px "Arial Rounded MT Bold", "Arial Bold", Arial, sans-serif; }
.MenuActive1 {width:114px;}
.MenuActive2 {width:83px;}
.MenuActive3 {width:72px;}
.MenuActive4 {width:81px;}
.MenuActive5 {width:118px;}
.MenuActive6 {width:109px;}
.MenuActive7 {width:76px;}


.resalt { font-size: 100%; font-weight: bold; /*color: #651715*/}
.logo {width: 700px; height:auto; margin-left: 30px;}
.logo td {width: 170px}
.logo p {width: 150px; font-size:55%}
.logo img {padding: 5px;  border: 1px solid #DCE3FF;}
.logo a {border: none}
.clear {clear: right}
.float {float: left}
.button { background-color: #6A4EF6; font-family: "Arial Rounded MT Bold", "Arial Bold", Arial, sans-serif; font-size: 12px; color: #fff; border:1px solid #401CF4;}