html {
	width: 100%;
	height: 100%;
	padding: 0;
}

body { 
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 0;
	background:#fff url("imagenes/rayas.gif");
}



/*Categorías generales*/

h1{
	margin:0px ;
	padding-top:35px;
	padding-left:10px;
	font: 55px arial,helvetica,sans-serif;
	font-weight:900;
	color: #000;
	letter-spacing:2px;
}

h4{
	margin:5px 0px 10px 205px;
	font:14px arial,helvetica,sans-serif;
	font-weight:bolder;
	color:#000;
	letter-spacing:3px;
}

a{
	text-decoration:underline;
	font-family:arial,helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000;
}

a:hover{
	text-decoration:underline;
	font-family:arial,helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#fff;
}



/*Contenedor general*/

#contenedor{
	width:780px;
	height:auto;
	margin:0 auto;
}



	/*Cabecera*/

#contenedor #cabecera{
	width:780px;
	height:165px;
	background:#dbac80 url("imagenes/cabecera.jpg");
}



	/*Las tres columnas del contenido*/

#contenedor #lastres{
	width:780px;
	height:auto;
	margin:0 auto;
}

		
		/*Columna izquierda*/

#contenedor #lastres #izquierda{
	width:190px;
	float:left;
	margin-top:9px;
}

#contenedor #lastres #izquierda .supizquierda{
	margin-left:-2px;
}

#contenedor #lastres #izquierda .infizquierda{
	margin-left:-4px;
}

#contenedor #lastres #izquierda .secciones{
	margin-top:-24px;
	margin-bottom:-17px;
	background-color:#dbac80;
}

#contenedor #lastres #izquierda .secciones p{
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	background-position:40% 15%;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#fff;
	border-bottom:4px double #fff;
}


#contenedor #lastres #izquierda ul{
	padding-right:2px;
	list-style-type:square;
}

#contenedor #lastres #izquierda ul li{
	padding-bottom:3px;
}

#contenedor #lastres #izquierda ul  .estaes{
	color:#fff;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
}

		
		/*Columna derecha*/

#contenedor #lastres #derecha{
	width:200px;
	float:right;
	margin-top:5px;
}

#contenedor #lastres #derecha .supderecha{
	margin-left:-1px;
}

#contenedor #lastres #derecha .infderecha{
	margin-left:-1px;
}

#contenedor #lastres #derecha  #queenvies{
	width:200px;
	margin-bottom:9px;
	padding-bottom:3px;
	text-align:center;
	border-bottom:6px double #000;
	font-family:arial,helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
}

#contenedor #lastres #derecha #envios {
	width: 200px;
	margin-top:-4px;
    margin-bottom: -7px;
	padding: 0;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	background-color:#dbac80;
	color: #000; 
}

#contenedor #lastres #derecha #envios ul {
	 margin:0px 0px 0px 6px; 
	 padding: 0;
	 list-style: none; 
	  
}

#contenedor #lastres #derecha  #envios ul li {
	 margin:1px; 
	 border-top: 1px solid #dbac80;
}

#contenedor #lastres #derecha #envios ul li a {
	 width: 170px; 
	 display: block; 
	 padding: 0px 2px 4px 3px; 
	 border-left: 10px solid #000; 
	 border-right: 1px solid #000;
	 border-bottom: 1px solid #000;
	 background-color: #dbac80; 
	 color: #000; 
	 text-decoration: none; 	
}

#contenedor #lastres #derecha #envios ul li a:hover {
	 border-left: 10px solid #dadada;
	 border-right: 1px solid #000;
	 border-bottom: 1px solid #000; 
	 background-color: #fff; 
	 color: #dbac80; 
}

#contenedor #lastres #derecha .seccionesder{
	width:200px;
	height:100px;
	margin-top:15px;
	margin-bottom:15px;
	background:#fff url("imagenes/fondoseccionesder.gif");
	background-repeat:no-repeat;
}

#contenedor #lastres #derecha .seccionesder a{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bolder;
}

#contenedor #lastres #derecha .seccionesder a:hover{
	color:#fff;
}

#contenedor #lastres #derecha .seccionesder .arriba{
	height:20px;
	border-bottom:double 4px #fff;
}

#contenedor #lastres #derecha .seccionesder .arriba .sobre{
	float:left;
	padding-top:5px;
	padding-left:12px;
}

#contenedor #lastres #derecha .seccionesder .arriba .sobre img{
	border:none;
}


#contenedor #lastres #derecha .seccionesder .arriba .estoes{
	float:right;
	padding-top:3px;
	padding-right:12px;
}

#contenedor #lastres #derecha .seccionesder .explicacion{
	padding:8px;
	text-align:justify;
	font-family:arial,helvetica,sans-serif;
	font-size:10px;
	font-weight:bolder;
}

#contenedor #lastres #derecha #imgasociate{
	margin-top:8px;
}

#contenedor #lastres #derecha #imgasociate img{
	border:none;
}

#contenedor #lastres #derecha .script{
	margin-top:43px;
	text-align:center;
}

#contenedor #lastres #derecha .publi{
	margin:20px auto;
	text-align:center;
}



		/*Columna central*/

#contenedor #lastres #centro{
	width:360px;
	float:left;
	margin:3px 0px 3px 10px;
}

#contenedor #lastres #centro .ultimas{
	height:260px;
	background-image:url("imagenes/fondodecentros.gif");
}

#contenedor #lastres #centro .ultimas .calendatit{
	padding:17px 22px;
}

#contenedor #lastres #centro .ultimas .calendatit .fecha{
	padding:2px;
	border:2px inset #fff;
	background-color:#dbac80;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#000;
}

#contenedor #lastres #centro .ultimas .calendatit .titulo{
	margin-left:6px;
	padding:2px;
	border:2px inset #fff;
	background-color:#dbac80;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#000;
}

#contenedor #lastres #centro .ultimas .texto{
	width:320px;
	padding-top:10px;
	padding-left:15px;
	padding-right:10px;
	text-align:justify;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
}

#contenedor #lastres #centro .ultimas .texto .ampliar{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:9px;
	font-weight:bolder;
}

#contenedor #lastres #centro .ultimas .envicomen{
	width:320px;
	padding-top:30px;
	text-align:right;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:9px;
	font-weight:bold;
}

#contenedor #lastres #centro .ultimas .envicomen .agregar{
	padding-right:10px;
}

	/*Fin de las tres columnas*/



	/*Pie*/

#contenedor #pie{
	width:780px;
	clear:both;
	margin-top:-11px;
	background-color:#dbac80;

}

#contenedor .supcabecera{
	margin-left:-9px;
	margin-bottom:7px;
}

#contenedor #pie ul{
	width:700px;
	list-style-type:none;
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
}

#contenedor #pie ul li{
	display:inline;
	padding:0px 10px 0px 10px;	
}

#contenedor #pie ul li a{
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#contenedor #pie ul li a:hover{
	text-decoration:underline;
}

#contenedor #pie #iconosw3c{
	text-align:center;
}


/*Fin del contenedor general*/



/*Formularios*/

#contenedor #lastres #centro #formulario{
	width:300px;
	margin:6px auto 10px auto;
	text-align:center;
	background-color:#fff;
}

#contenedor #lastres #centro #formulario label { 
	display:block; 
	font-family:arial,helvetica,sans-serif;
	font-weight:bolder; 
	font-size:12px;
	color:#000;
} 

#contenedor #lastres #centro #formulario legend {
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
	font-weight:bolder;
	color:#000;
}
	
#contenedor #lastres #centro #formulario fieldset {
	border:solid 3px #dbac80;
	padding-left:10px;
}

#contenedor #lastres #centro #formulario select {
	background:#000;
	color:#dbac80;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:8px;
	border:solid 1px #000;
}


#contenedor #lastres #centro #formulario input {
	background-color:#000;
	color:#dbac80;
	font-weight:bold;
}
	
#contenedor #lastres #centro #formulario  textarea {
	width:250px;
	background-color:#000;
	color:#dbac80;
	font-weight:bold;
}

#contenedor #lastres #centro #volver{
	width:360px;
	text-align:center;
}


#contenedor #lastres #centro #volver a:hover{
	color:#dbac80;
}

#contenedor #lastres #centro #delosdatos {
	margin-top:20px;
	margin-right:40px;
	font-family:arial,helvetica,sans-serif;
	font-size:10px;
	font-weight:bolder;
	text-align:justify;
}


#contenedor #lastres #centro #delosdatos ul li{
	padding-bottom:8px;
}

/*Fin de formularios*/



/*Sección Contacta*/

#contenedor #lastres #centro #contacta {
	width:330px;
	margin:20px auto 0px auto;
	background-color:#fff;
}

#contenedor #lastres #centro #contacta fieldset legend{
	color:#dbac80;
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
	font-weight:bolder;
}

#contenedor #lastres #centro #contacta table{
	margin-top:4px;
}

#contenedor #lastres #centro #contacta table td{
	padding-bottom:7px;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
}

#contenedor #lastres #centro #contacta a:hover{
	color:#dbac80;
}

/*Fin sección Contacta*/



/*Secciones donde están las quejas,enigmas,...*/

#contenedor #lastres .contquejas{
	width:550px;
	float:right;
	margin:9px 17px;
	border-bottom:solid #dbac80 1px;
}

#contenedor #lastres .contquejas .supquejas{
	width:300px;
	height:124px;
	padding:4px;
	background-image:url("imagenes/fondodatos.gif");
	background-repeat:no-repeat;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bolder;
}

#contenedor #lastres .contquejas .supquejas p{
	margin-left:10px;
	margin-bottom:-2px;
}

#contenedor #lastres .contquejas .supquejas p .nolofe{
	padding-left:6px;
	color:#975717;
}

#contenedor #lastres .contquejas .supquejas .resaltar{
	width:150px;
	margin-top:10px;
	color:#dbac80;
	font-size:12px;
	font-weight:bolder;
	text-align:center;
	background-color:#fff;
	border:#fff 1px inset;
}

#contenedor #lastres .contquejas .infquejas{
	width:auto;
	padding-left:4px;
	text-align:justify;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
}

#contenedor #lastres .contquejas .queenvien{
	text-align:right;
	margin-bottom:7px;
}

#contenedor #lastres .contquejas .queenvien a:hover{
	color:#dbac80;
}



/*Numeración de las páginas de quejas,enigmas,...*/

#contenedor #lastres .numpaginas{
    clear:both;
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:13px;
}

#contenedor #lastres .numpaginas  li{
	display:inline;
	
}

#contenedor #lastres .numpaginas  .estaes{
	color:#dbac80;
	font-size:10px;
}

#contenedor #lastres .volver{
	margin-bottom:6px;
	text-align:center;
}

#contenedor #lastres .volver a:hover{
	color:#dbac80;
}

#contenedor #lastres .numpaginas a{
	color:#000;
	text-decoration:underline;
}

#contenedor #lastres .numpaginas a:hover{
	color:#dbac80;
}

/*Fin de numeración*/