body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	background: #c71d18 url(fondo_pagina.gif) repeat-y top center;
	text-align: center;
	margin-top: 0px;
}
select, input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #9c6d3d;
  font-size: 8pt;
  background-color: #efe1ce;}
  
input {  background-color: #efe1ce; border-color: #9c6d3d #cb9f62 #cb9f62 #9c6d3d; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
textarea {  background-color: #efe1ce; border-color: #9c6d3d #cb9f62 #cb9f62 #9c6d3d; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.selectform { background-color: #efe1ce; border-color: #9c6d3d #cb9f62 #cb9f62 #9c6d3d; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px ; color: #000000; font-weight: normal;}

h1,h2,h3,h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#660000;
}

h1{
font-size:14px;
font-weight:bold;
}

h2{
font-size:12px;
font-weight:bold;
}
h3{
font-size:13px;
font-weight:normal;
line-height:18px;
}
h4{
font-size:12px;
font-weight:bold;
}
div#pagina{
position: relative;
width: 900px;
margin:  0 auto;
background-color:#fff;
}

/*********barra idiomas ***********/
#barraIconos {
	width:900px;
	height:40px;
	text-align:right;
        background-color:#000;
}
#barraIconos a, #barraIconos a:visited{
	text-decoration:none;
	float: right;
	color: #fff;
	font-size: 10px;
	background: transparent none right no-repeat;
	height: 40px;
	line-height: 40px;
	padding: 0 30px 0 5px;
}

#barraIconos a:hover{
	color:#0f0;
}

#barraIconos .linkHome , #barraIconos .linkHome:visited{
	background-image:url(icons.gif);
	background-position:0 0;
	}
	
#barraIconos .linkHome:hover{
	background-image:url(icons.gif);
	background-position:0 -40px;
	}
	
#barraIconos .linkMap , #barraIconos .linkMap:visited{
	background-image:url(icons.gif);
		background-position:-33px 0;
	}
#barraIconos .linkMap:hover{
	background-image:url(icons.gif);
	background-position:-33px -40px;
	}
	
#barraIconos .linkMail , #barraIconos .linkMail:visited{
	background-image:url(icons.gif);
		background-position:-66px 0;
	}
#barraIconos .linkMail:hover{
	background-image:url(icons.gif);
	background-position:-66px -40px;
	}

#barraiconos .bandera, #barraiconos .bandera:visited{
	display: block;
	padding: 0;
	width:33px;
	overflow:hidden
}
	
#barraIconos .bandera.DE , #barraIconos .bandera.DE:visited{
	background-image:url(languages.gif);
	background-position:0 0;
	}
#barraIconos .bandera.DE:hover{
	background-image:url(languages.gif);
	background-position:0 -40px;
	}
#barraIconos .bandera.ES, #barraIconos .bandera.ES:visited{
	background-image:url(languages.gif);
	background-position:-99px 0;
	}
#barraIconos .bandera.ES:hover{
	background-image:url(languages.gif);
	background-position:-99px -40px;
	}
#barraIconos .bandera.UK, #barraIconos .bandera.UK:visited{
	background-image:url(languages.gif);
	background-position:-33px 0;
	}
#barraIconos .bandera.UK:hover{
	background-image:url(languages.gif);
	background-position:-33px -40px;
	}
#barraIconos .bandera.NL, #barraIconos .bandera.NL:visited{
	background-image:url(languages.gif);
	background-position:-66px 0;
	}
#barraIconos .bandera.NL:hover{
	background-image:url(languages.gif);
	background-position:-66px -40px;
	}
	
/*********head flash ***********/

#headFlash {
	width:900px;
	height:250px;
    background-color:#ffffff;
}

/*********navBar ***********/

#nav{
width:790px;
height:50px;
padding:0;
padding-left:55px;
padding-right:55px;
margin:0px 0 0px 0;
background-image:url(fondo_navbar.gif);
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/magic_menu_five.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#menuppal {list-style-type:none; padding:0; margin:6px 0 0 0; float:left;}
#menuppal ul {list-style-type:none; padding:0; margin:0;}
#menuppal li {float:left; }
/* .menuc son los menus principales */
#menuppal .menuc {background:url(fondo_menu.gif);background-repeat:no-repeat; background-position:0 0;margin:0 0 0 0; width:130px; height:40px;}
#menuppal .menuc :hover{background:url(fondo_menu.gif);background-repeat:no-repeat;background-position:0 -42px;}

#menuppal li.sub ul a {background:url(fondo_submenu.gif); color:#333333; background-position:0 0; line-height:35px; margin:0 0 0 0; width:130px; height:40px;}
#menuppal li.sub ul :hover{background:url(fondo_submenu.gif); color:#990000; background-position:0 -40px; margin:0 0 0 0; width:130px; height:40px;}



/* for IE5.5 and IE6 only */

#menuppal li a {display:block; color:#333300; height:40px; font-family:arial, sans-serif; font-size:11px; line-height:35px; width:130px; text-decoration:none; text-align:center;}
#menuppal li a table {position:absolute; left:0; top:-1px; border-collapse:collapse; width:0; height:0;}

#menuppal :hover {color:#555; margin:0 0 0 0; width:130px; height:40px; position:relative;}
#menuppal :hover > a {color:#333333;  margin:0 0 0 0; width:130px; height:40px;}


#menuppal ul, 
#menuppal :hover ul ul,
#menuppal :hover ul :hover ul ul,
#menuppal :hover ul :hover ul ul.left {visibility:hidden; width:0; height:0; overflow:hidden;}

#menuppal :hover ul {visibility:visible; overflow:visible; position:absolute; height:auto; width:130px; left:-1px;top:38px; background:url(transparent.gif);} /* the background image is for IE7 */

#menuppal :hover ul :hover ul,
#menuppal :hover ul :hover ul :hover ul {visibility:visible; overflow:visible; height:auto; width:130px; padding:9px 3px; left:100px; top:0;}

#menuppal :hover ul :hover ul.left,
#menuppal :hover ul :hover ul :hover ul.left {visibility:visible; overflow:visible; height:auto; width:130px; padding:9px 3px; left:-106px; top:0;}


/*********contenido ***********/

#content {
	width:auto;
	height:440px;
	overflow:auto;
	padding: 25px 15px 15px 15px;
	text-align:justify;
	color:#333333;
	font-size:12px;
	line-height:16px;
    background-color:#ffffff;
}
#content a, #content a:visited{
	text-decoration:none;
	color:#663300;
}

#content a:hover{
	color:#cc9966;
}


/*********pie ***********/
#pie {
	width:900px;
	height:35px;
	font-size:10px;
	border-top:solid 1px #000000;
	margin-top:5px;
    background-color:#ffffff;
}
#pie a, #pie a:visited{
	text-decoration:none;
	color:#9c6d3d;
}

#pie a:hover{
	color:#cc9966;
}
/***********botones***********/

.linkprev, .linkprev:visited{
	background-image:url(/images/boton_back.gif);
	}
.linkprev:hover{
	background-image:url(/images/boton_back_over.gif);
	}
.indent {
	margin: 5px;
}