/* -----------------------------------------
     ETIQUETAS GENERALES
	 ---------------------------------------- */
html,body { height:100%: }
body { margin:0; padding:0; background:url(../../img/background/background.png) 0 0 #f7c126; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin:0;padding:0;}
form { margin:0; padding:0; }

/* -----------------------------------------
     ELEMENTOS ESTRUCTURALES
	 ---------------------------------------- */
/* BACKGROUNDS */
#backgroundTop {
	background:url(../../img/background/backgroundTop.png) repeat-x 0 0;
	height:165px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}

#backgroundBottom {
	background:url(../../img/background/backgroundBottom.png) repeat-x 0 100%;
	height:165px;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	z-index:-1;
}
	 
/* WRAPPER */
#wrapper { /* <div> Sostiene el contenido */
width:1002px; /* <- "micro-trampa", para no mostrar los bordes del fondo  */
margin:0 auto 0 auto;
}

   /* MIGAJAS */
   #migajas { /* <div> las migajas */
   background:#052037;
   border-left:1px solid #052037;
   font:12px "Tahoma",Arial, Helvetica, sans-serif;
   color:white;
   padding:10px;
   }
   
      #migajas a { color:white; } /* Links */
	  
   #migajas #fecha { /* <div> la fecha (float right) */
   float:right;
   }
   
   
   
   
   
   
   /* CONTENEDOR */
   #contenedor { /* <div> sostiene todo el contenido */
   padding:18px;
   background:white;
   font:12px Arial, Helvetica, sans-serif;
   margin-bottom:15px;
   }
   
     #contenedor a { color:#28679d; } /* Links */
   
     #colIzq { /* <div> Mantiene un margen derecho */
	 margin-right:443px;
	 }
   
     #contenedor h1 { /* El título "Intercambio de links" */
	 font:27px Georgia, "Times New Roman", Times, serif;
	 margin:0 0 10px 0;
	 padding:0;
	 }
	 
	 #contenedor h2 { /* El título "Requisitos:" */
	 margin:0;
	 padding:0;
	 font:20px Georgia, "Times New Roman", Times, serif;
	 }
	 
	 #contenedor ul { /* Lista de requisitos */
	 margin:10px 0 0 40px;
	 padding:0;
	 }
	 
	 #contenedor ul li {
	 margin-bottom:10px;
	 }
	 
	 #contenedor p { /* Los párrafos */
	 font:11px "Tahoma",Arial, Helvetica, sans-serif;
	 margin:0 0 20px 0;
	 padding:0;
	 text-align:justify;
	 }
	 
	 #como { /* <div> Sostiene el apartado de "¿Cómo agrego su link?" */
	 border-top:1px solid #a0a0a0;
	 border-bottom:1px solid #a0a0a0;
	 padding:20px 0 15px 0;
	 margin:30px 0 20px 0;
	 }
	 
	    #como #link { /* <div> El link de ejemplo */
		font:12px Verdana, Arial, Helvetica, sans-serif;
		margin:20px 0 20px 20px;
		}
		
		#como #html { /* <div> El HTML de ejmplo */
		font:12px Arial, Helvetica, sans-serif;
		margin:0 0 20px 20px;
		color:#787878;
		}
   
      #nuestros { /* <div> Sostiene el apartado de "Nuestros links" */
	  clear:right;
	  }
	  
	    #nuestros table {
		border-collapse:collapse;
		width:99%;
		}
		
		#nuestros table td {
		width:33%;
		border:1px solid #CCCCCC;
		}
	  
	    #nuestros .link { /* <div> Cada link */
		font:11px "Tahoma",Arial, Helvetica, sans-serif;
		padding:6px 3px 3px 6px;
		}
		
		   #nuestros .link a { color:black; }
		   #nuestros .link b { color:#666; }
		
   #paginacion {
   text-align:center;
   padding:15px;
   font-size:15px;
   }
		
   #colDer { /* <div> ¡Agrega tu link! */
   background:#ffffe5;
   border:1px dashed #a0a0a0;
   width:377px; /* <-- Real 417px */
   float:right;
   padding:5px 20px 20px 20px;
   }
   
      #colDer .titulo { /* <div> El título: "¡Agrega tu link!" */
	  font:27px Georgia, "Times New Roman", Times, serif;
	  color:#444444;
	  margin-bottom:20px;
	  }
	  
	  #colDer table { /* La tabla que sostiene el formulario */
	  border-collapse:collapse;
	  border-bottom:1px solid #a0a0a0;
	  width:99%;
	  }
	  
	     #colDer table td { /* Los <td> */
		 padding-bottom:10px;
		 font:10px "Tahoma",Arial, Helvetica, sans-serif;
		 }
	  
	     #colDer table .label { /* Los <td>.label */
		 text-align:right;
		 font:bold 11px "Tahoma",Arial, Helvetica, sans-serif;
		 padding-right:5px;
		 width:68px;
		 }
		 
		 #colDer form .text { /* <input> Estándar para el texto */
		 border:1px solid #387eba;
		 width:145px;
		 }
		 
		 #colDer form .text2 { /* <input> Para "URL de su sitio donde aparece nuestro enlace" */
		 border:1px solid #387eba;
		 width:280px;
		 }
		 
		 #colDer form .text3{ /* <input> Para "El código anti-spam" */
		 border:1px solid #387eba;
		 width:90px;
		 padding-bottom:2px;
		 }
		 
		 #colDer form .textarea { /* <textarea> La descripción */
		 width:280px;
		 height:70px;
		 border:1px solid #387eba;
		 font:12px Arial, Helvetica, sans-serif;
		 }
		 
		 #colDer form span { /* Texto un poco más grande */
		 font-size:11px;
		 }
		 
		 #colDer #img { /* <div> La imagen antispam */
		 display:inline;
		 position:relative;
		 top:7px;
		 left:5px;
		 }
		 
		 #colDer form .submit { /* <input>.submit */
		 background:#387eba;
		 color:white;
		 font:bold 11px "Tahoma",Arial, Helvetica, sans-serif;
		 padding:5px 20px 5px 20px;
		 border:1px solid #134774;
		 }
		 
	   #colDer #error { /* <div> En caso de "error" en el llenado del formulario */
	   background:#cf1c1c;
	   border:1px dashed black;
	   color:white;
	   font:12px Verdana, Arial, Helvetica, sans-serif;
	   padding:5px;
	   margin-bottom:10px;
	   }
	   
	   #colDer #ok { /* <div> En caso de "error" en el llenado del formulario */
	   background:#67b522;
	   border:1px dashed black;
	   color:white;
	   font:12px Verdana, Arial, Helvetica, sans-serif;
	   padding:5px;
	   margin-bottom:10px;
	   }
   
   
/* FOOTER */   
#footer {
	background:#0E5ED9;
	color:white;
	padding:5px;
	-moz-border-radius:4px;
	font:14px Calibri, Arial, Helvetica, sans-serif;
}

   #footer p.right { float:right; }
   #footer a { color:white; }