* {margin: 5; padding: 0;}

body{
	background-color: #ffffff;
	background-repeat: repeat-x;
}

h1 img{
	float: left;
	margin: 22px 0 0 13px;
	border: none;
}

h2 {/* Para los títulos de cada sección en el contenido */
	width: 490px;
	height: 20px;
	margin: 20px 0 15px 35px;
	background: url(imagenes/fondo_titulo_seccion.jpg) no-repeat;
	
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}
h2 span{/* Para que el título tape la línea amarilla que hemos puesto de fondo en h2 (fondo_titulo_seccion.jpg) */
	padding-right: 5px;
	background-color: #FFF;
	}

.accesibilidad{display:none;}

#contenedor{
	width: 710px;
	height: 600px;
	margin: auto;
}
/********************** </Declaraciones generales> **********************/
#cabecera{
	width: 100%;
	height: 110px;
	/* margin-left: 8px; */
	float: left;
	background: url(imagenes/cabecera2.jpg) no-repeat;
	}
/********************** <menú principal> **********************/
#menu_principal{
	float: right;
	width: 400px;
	height: 25px;
	margin: 82px 0 0 0;
	padding:0 20px 0 0px;
	
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	}
	
#menu_principal li{
	float: left;
	padding: 0 0 0 35px;
	}
#menu_principal li a{
	text-decoration: none;
	color: #666;
	}
/********************** </menú  principal> **********************/
#foto_cabecera{
	float: left;
	width: 100%;
	height: 120px;
	/* margin-left: 8px; */
	/* background: url(imagenes/foto_cabecera2.jpg) no-repeat; */
	}
/********************** <menú> **********************/
#menu{
	float: left;
	display: inline;
	width: 694px;
	height: 25px;
	/* margin: 0 0 0 8px; */
	background: #FEB500;
	
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#menu li{
	float: left;
	padding: 5px 0 0 2.3em;
}

#menu li a{
	display: block;
	text-decoration: none;
	color: #333;
}

.access_key{font-weight:bold;}
/********************** </menú > **********************/
/********************** <contenido> **********************/
#contenido{
	/* Para que crezca verticalmente a medida que haya más texto */
	overflow: hidden;
	clear: left;
	min-height: 300px;
	height: auto;
	width: 100%;
	/* Para que crezca verticalmente a medida que haya más texto */
	
	display: inline; /* Para que el explorer pille bien los márgenes */
	/*width: 500px;*/
	float: left;
	margin: 2px 0 0 0;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

#contenido p{
	padding: 0 60px 20px 35px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 145%;
}

#contenido ul {
        padding: 0 60px 0 35px;
	margin-bottom: 10px;
        color: #666;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: justify;
        line-height: 145%;
}

#contenido table {
	margin-left: 30px;
	margin-right: 30px;
	text-align: justify;
}

#contenido a:link {
	text-decoration:none; 
	color:#5c81a7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contenido a:visited {
        text-decoration:none; 
        color:#969;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contenido a:hover {
        text-decoration: underline;   
        color:#5c81a7;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
}   

#pie{
	clear: both;
	width: 100%;
	height: 55px;
	background: url(imagenes/fondo_pie2.jpg) no-repeat;
	padding: 84px 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 140%;
	margin-left: -8px;
}

#pie a{
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}

#pie a:hover {
	color: #EEE;
}

.thumbnail {
    float: left;
    width: 170px;
    margin: 0 10px 10px 0;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.clearboth { clear: both; }

#formulario .text {border-color: #003399; border: 1px solid;}
#formulario .area {border-color: #003399; border: 1px solid;}
#formulario .submit {border-color: white; border: 1px solid;}

#div1 { float:left; width:55%;}
#div2 { margin-left:50%; width:100%;}

.invisible {
	display: none;
}

#tabla1 { margin-left: 150px; }
#tabla1 table { border: 1px solid black;}
#tabla1 td { border: 1px solid black; padding: 3px; text-align: center;}

.celda {
        border: 1px solid black;
	padding: 2px;
}