html, body, #wrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
html>body, html>body #wrapper {
	height: auto;
}

a {
	text-decoration:none;
}

h1, li, ul, for, p, h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

#wrapper {
	position: relative;
	display: table;
	margin: 0px auto;
	width: 770px;
	height: auto;
	padding: 0 0 20px 0;
}


.oculta {
	display: none;
}



/*  HOME  */

#contentHomeMenu {
	float: left;
	width:  575px;
	height: 275px;
	background: url(../images/fondoHomeA.gif) 0px -33px no-repeat;
}
#homeMenu {
	float: left;
	width:  185px;
	background: url(../images/fondoHomeA.gif) 0px -33px no-repeat;
	padding: 34px 0 0 122px;
}


#homeMotives {
	float: left;
	width:  185px;
	height: 275px;
	background: url(../images/fondoHomeB.jpg) 0px -33px no-repeat;
}

#homeFooter {
	float: left;
	width:  770px;
	height: 174px;
	background: url(../images/fondoHomeC.gif) no-repeat;
}
#homeFContacto {
	font-size: 1.1em;
	color: #7ECDE5;
	float: left;
	width: 330px;
	padding: 140px 0 0 30px;
}

#homeFIdis {
	float: left;
	padding: 152px 0 0 0px;
	color: #D3D3D1;
	width: 390px;	
	text-align: right;
}
#homeFIdis a {
	color: #D3D3D1;
}
#homeFIdis .idiActivo {
	color: #7ECDE5;
}


/*  Menú Home  */

a.m1, a.m2, a.m3, a.m4, a.m5, a.m6 {
	float: left;
	width:  171px;
	height: 40px;
}
a.m1 { background: url(../images/menu1.gif)  no-repeat; }
a.m2 { background: url(../images/menu2.gif)  no-repeat; }
a.m3 { background: url(../images/menu3.gif)  no-repeat; }
a.m4 { background: url(../images/menu4.gif)  no-repeat; }
a.m5 { background: url(../images/menu5.gif)  no-repeat; }
a.m6 { background: url(../images/menu6.gif)  no-repeat; }

a.m1:hover { background: url(../images/menu1.gif) 100%  no-repeat; }
a.m2:hover { background: url(../images/menu2.gif) 100%  no-repeat; }
a.m3:hover { background: url(../images/menu3.gif) 100%  no-repeat; }
a.m4:hover { background: url(../images/menu4.gif) 100%  no-repeat; }
a.m5:hover { background: url(../images/menu5.gif) 100%  no-repeat; }
a.m6:hover { background: url(../images/menu6.gif) 100%  no-repeat; }


/* 2º NIVEL */

#mainHeader {
	position: relative;
	float: left;
	width:  770px;
	height: 137px;
	background: url(../images/mainCab.gif) no-repeat;
}

#mainHeader a.linkHome {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 200px;
	height: 40px;
}

.mainM1tit, .mainM2tit, .mainM3tit, .mainM4tit, .mainM5tit, .mainM6tit {
	position: absolute;
	top: 56px;
	right: 10px;
	width: 369px;
	height: 33px;
}
.mainM1tit { background: url(../images/m1tit.gif) no-repeat; }
.mainM2tit { background: url(../images/m2tit.gif) no-repeat; }
.mainM3tit { background: url(../images/m3tit.gif) no-repeat; }
.mainM4tit { background: url(../images/m4tit.gif) no-repeat; }
.mainM5tit { background: url(../images/m5tit.gif) no-repeat; }
.mainM6tit { background: url(../images/m6tit.gif) no-repeat; }

#contentMainMenu {
	float: left;
	width:  190px;
}

/*  Menú Home  */

a.mainM1, a.mainM2, a.mainM3, a.mainM4, a.mainM5, a.mainM6, .mainM1activa, .mainM2activa, .mainM3activa, .mainM4activa, .mainM5activa, .mainM6activa {
	float: left;
	width:  170px;
	height: 28px;
}
a.mainM1 { background: url(../images/mainMenu1.gif) no-repeat; }
a.mainM2 { background: url(../images/mainMenu2.gif)  no-repeat; }
a.mainM3 { background: url(../images/mainMenu3.gif)  no-repeat; }
a.mainM4 { background: url(../images/mainMenu4.gif)  no-repeat; }
a.mainM5 { background: url(../images/mainMenu5.gif)  no-repeat; }
a.mainM6 { background: url(../images/mainMenu6.gif)  no-repeat; }

a.mainM1:hover, .mainM1activa { background: url(../images/mainMenu1.gif) 100%  no-repeat; }
a.mainM2:hover, .mainM2activa { background: url(../images/mainMenu2.gif) 100%  no-repeat; }
a.mainM3:hover, .mainM3activa { background: url(../images/mainMenu3.gif) 100%  no-repeat; }
a.mainM4:hover, .mainM4activa { background: url(../images/mainMenu4.gif) 100%  no-repeat; }
a.mainM5:hover, .mainM5activa { background: url(../images/mainMenu5.gif) 100%  no-repeat; }
a.mainM6:hover, .mainM6activa { background: url(../images/mainMenu6.gif) 100% no-repeat; }

#mainLogo a {
	float: left;
	width:  93px;
	height: 114px;
	margin-top: 30px;
	background: url(../images/logoMain.gif) no-repeat;
}
#mainIdis {
	color: #999999;
	float: left;
	width:  176px;
	height: 114px;
	padding: 0 0 0 14px;
}
#mainIdis a {
	float: left;
	width: 20px;
	color: #999999;
	width: 27px;
	padding-left: 5px;
}
#mainIdis .idiActivo {
	float: left;
	width: 27px;
	padding-left: 5px;
	color: #0A5FA0;
	font-weight: bold;	
}
#mainIdis .idiPalo {
	float: left;
	color: #999999;
	font-weight: bold;	
}


#mainCentral {
	float: left;
	width:  537px;
	padding: 0 0 1px 43px;
	background: url(../images/fondoMainCentral.gif)  repeat-y;
}

#mainCentral a {
	font-weight: bold;
	color: #0A5FA0;
}

#mainCentral .textos {
	float: left;
	width:  340px;
	padding: 0 35px 0 0;
}
#mainCentral .fotos {
	float: left;
	width:  160px;
	padding: 30px 0 0px 0px;
}

#mainCentral .imagespace {
	padding-bottom: 20px;
}


#mainCentral .tit {
	text-transform: uppercase;
	color: #0A5FA0;
	font-weight: bold;
	padding: 8px 0 10px 0;
}
#mainCentral .tit2 {
	color: #0A5FA0;
	font-weight: bold;
	padding: 8px 0 5px 0;
}

#mainCentral p {
	padding-bottom: 10px;
}
#mainCentral ul {
	list-style-position: inside;
	line-height: 15px;
	padding: 0 0 10px 20px;
}

#footer {
	float: left;
	width: 450px;
	padding: 20px 0 0 0;
	color: #0A5FA0;
}

#footer a {
	font-weight: bold;
	color: #0A5FA0;
}


#mainIdis a.volverhome, #mainIdis a.volverhome:active, #mainIdis a.volverhome:hover {
	float: left;
	display: block;
	background: url(../images/volver2.png) no-repeat 5px 2px;
	padding: 0 0 5px 20px;
	color: #6FC3DC;
	font-weight: bold;
}
