/* -----------------------------------------
     ETIQUETAS GENERALES
	 ---------------------------------------- */
html,body { height:100%; }
body { margin:0;padding:0;color:black;background:url(../../img/background/background.png) 0 0 #f7c126;font-family:Calibri, Arial, Helvetica, sans-serif; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
form,h1,h2,h3,h4,h5,p { margin:0;padding:0; }
label { display:block; }
ol,ul,li { margin:0;padding:0; }

/* -----------------------------------------
     ELEMENTOS ESTRUCTURALES
	 ---------------------------------------- */
/* HEADER */
#header { /* <div> Sostiene el encabezado */
	background:url(../../img/header/background.png) repeat-x 0 0;
	height:23px;
	font:15px Calibri, Arial, Helvetica, sans-serif;
	color:white;
	padding:0 5px 0 5px;
	position:relative;
}

   #header p.right { float:right; }
   #header a { color:white; }
   #header #twitter { position:absolute; right:5px; top:28px; }
   #header a img { border:none; }
   
/* BACKGROUND */
#background { /* <div> Sostiene el fondo (liquid widht) */
	background:url(../img/background/background.png) repeat-y 0% 0%;
	width:1440px;
}

/* WRAPPER */
#wrapper { /* <div> Sostiene a #colIza y #contenido (columnas flotantes) */
	width:1100px;
}

/* COLUMNA IZQUIERDA */
#colIzq { /* <div> Sostiene la columna izquierda (float:left); */
	width:253px;
	float:left;
}

   #colIzq #logo { text-align:center;padding-top:15px; }
   #colIzq #logo a img { border:none; }
   #colIzq .division1 { height:1px; background:#dfdfcc;margin:2px 8px 12px 8px; }
   #colIzq #botones div { margin:0 auto 0 auto; width:222px; height:83px; }
   #colIzq #botones div a { width:100%; height:100%; display:block; }
   #colIzq #btn_planes { background:url(../img/colizq/btn_planes-y-paquetes.png) no-repeat 50% 50%; }
   #colIzq #btn_planes.over { background:url(../img/colizq/btn_planes-y-paquetes_over.png) no-repeat 50% 50%; }
   #colIzq #btn_contratar { background:url(../img/colizq/btn_contratar-anuncio.png) no-repeat 50% 50%; }
   #colIzq #btn_contratar.over { background:url(../img/colizq/btn_contratar-anuncio_over.png) no-repeat 50% 50%; }
   #colIzq .division2 { height:1px; background:#dfdfcc;margin:12px 8px 12px 8px; }
   
   #colIzq #contactanos { /* <div> Sostiene el apartado de "Contáctanos" */
	   background:url(../img/colizq/contactanos_background.png) no-repeat 0% 0%; width:236px; height:186px; margin:0 auto 25px auto; padding:48px 0 0 0;
   }
   
      #contactanos div { padding-left:55px; margin:0 0 5px 14px; }
      #contactanos .telefono { background:url(../img/colizq/contactanos_telefono.png) no-repeat 0% 0%; }
	     #contactanos .telefono p.lada { font:14px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; margin-bottom:-10px;}
	     #contactanos .telefono p.num_fijo { font:34px Impact, Calibri, Arial, Helvetica, sans-serif; margin-bottom:-10px; }
		 #contactanos .telefono p.telmex { font:18px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#024cd3; }
		 #contactanos .telefono p.celular { font:30px Impact, Calibri, Arial, Helvetica, sans-serif; margin-bottom:-8px; letter-spacing:-1px }
		 #contactanos .telefono p.iusacell { font:18px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#024cd3; background:url(../img/colizq/contactanos_iusacell.png) no-repeat 0 50%;  padding:0 0 0px 50px; }
		 #contactanos .telefono p.telcel { font:18px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#024cd3; background:url(../img/colizq/contactanos_telcel.png) no-repeat 0 50%;  padding:0 0 0px 50px; }
		 
	  #contactanos .correo_e { background:url(../img/colizq/contactanos_sobre.png) no-repeat 3px 50%; margin-top:18px; }
	     #contactanos .correo_e p.correo { font:18px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; margin-top:-10px;}
		 #contactanos .correo_e p.correo a { font-weight:bold; color:black; }
		 
   #colIzq #chatea { /* <div> Sostiene el apartado de "Chatea" */
	   background:url(../img/colizq/chatea_background.png) no-repeat 0% 0%; width:239px; height:106px; margin:0 auto 25px auto; padding:50px 0 0 0; text-align:center;
   }
   
      #chatea p { color:#024cd3;font:12px Calibri, Arial, Helvetica, sans-serif;margin-top:-5px; }
	  #chatea #comm100_track { display:none; }
	  
   #colIzq #escribenos { /* <div> Sostiene el apartado de "Escríbenos" */
	   background:url(../img/colizq/escribenos_background.png) no-repeat 0% 0%; width:235px; height:471px; margin:0 auto 0 auto; padding:45px 0 10px 0;
   }
   
      #escribenos p { font:14px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; padding-left:9px; }
	  #escribenos form { padding-left:9px; position:relative; }
      #escribenos label { font:bold 16px Calibri, Arial, Helvetica, sans-serif; color:#024cd3; letter-spacing:-1px; }
	  #escribenos input.text { width:209px; border:1px solid #b2b2b2; background:#fdfdea;font:bold 16px Calibri, Arial, Helvetica, sans-serif; color:black;padding:3px; margin:0 0 13px 0; }
	  #escribenos textarea { width:209px; border:1px solid #b2b2b2; background:#fdfdea;font:bold 16px Calibri, Arial, Helvetica, sans-serif; color:black;padding:3px; margin:0 0 5px 0; height:200px; }
	  #escribenos #respuesta_contacto { position:absolute; right:11px; bottom:10px; font:14px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; }
	  #escribenos #respuesta_contacto.ok { color:green; }
	  #escribenos #respuesta_contacto.error { color:red; }
	  #escribenos #respuesta_contacto.loading { background:url(../../img/black/processing.gif) no-repeat 0% 0%; width:16px; height:16px; }
	  
/* CONTENIDO */
#contenido { /* <div> Sostiene el contenido (float:left) */
	padding-left:32px;
	float:left;
}

   /* TITULO */
   #contenido #titulo { padding-top:37px; margin-bottom:25px; }
   #contenido h1 { font:51px "Times New Roman", Times, serif; letter-spacing:-1px; margin-bottom:-10px; }
   #contenido h2 { font:30px "Times New Roman", Times, serif; letter-spacing:-1px; color:#717171; }
   #contenido h3 { font:30px "Times New Roman", Times, serif; letter-spacing:-1px; margin-bottom:78px; }
   #contenido h3 span { color:#036ae4; }
   
/* TABLA COMPARATIVA */   
#contenido #tabla { /* <div> Para posicionar relativamente elementos */
	position:relative;
	width:720px;
}
   
#contenido table { /* <table> La tabla comparativa */
   border-collapse:collapse;
   font:14px Calibri, Arial, Helvetica, sans-serif;
   width:720px;
   border:1px solid black;
}

   #contenido table thead td { border:none; height:18px; }
   #contenido table thead tr { border:none; }
   #contenido table td { padding:8px 22px 8px 22px; border-bottom:1px solid #bebebe; }
   #contenido table td span { color:#024cd3; }
   #contenido table td span.tachado { color:black; text-decoration:line-through; font:bold 20px Calibri, Arial, Helvetica, sans-serif; }
   #contenido table td.col1 { width:156px; }
   #contenido table td.col2 { width:262px; background:#fdfdcd; text-align:center;border-left:1px solid #bebebe; }
   #contenido table td.col2.height { height:127px; }
   #contenido table td.col3 { text-align:center;border-left:1px solid #bebebe; }
   #contenido table td h4 { font-size:18px; }
   #contenido table tfoot td { border:none; height:18px; }
   #contenido table tfoot tr { border:none; }

   /* gráficos  absolutos, relativos a #tabla */
   #contenido #anuncio_profesional { position:absolute; top:-55px; left:240px; }
   #contenido #anuncio_basico { position:absolute; top:-55px; right:15px; }
   #contenido #precio_profesional { position:absolute; bottom:-35px; left:240px; }
   #contenido #precio_basico { position:absolute; bottom:-35px; right:15px; }
   
   /* botones */
   #contenido #botones_contratar { position:relative; }
   #contenido #botones_contratar div { width:205px; height:43px; }
   #contenido #botones_contratar div a { width:100%; height:100%; display:block; }
   #contenido #botones_contratar div p { color:#7b7979; font:12px Tahoma, Geneva, sans-serif; text-align:right; 
   margin-top:-7px;padding-right:5px; }
   #contenido #btn_contratar1 { background:url(../img/contenido/tabla/btn_contratar-anuncio.png) no-repeat 50% 50%; position:absolute; left:255px; top:35px; }
   #contenido #btn_contratar2 { background:url(../img/contenido/tabla/btn_contratar-anuncio.png) no-repeat 50% 50%; position:absolute; left:520px; top:35px; }
   #contenido #botones_contratar .over { background:url(../img/contenido/tabla/btn_contratar-anuncio_over.png) no-repeat 50% 50%; }

   #contenido .division { /* <div> una división (entre #tabla y #caracteristicas) */
	   background:#c2c2c2;
	   height:1px;
	   margin-top:100px;
	   margin-bottom:24px;
   }
   
/* CARACTERÍSTICAS */   
#caracteristicas { /* <div> Sostiene las características */
	margin-bottom:30px;
}

   #caracteristicas table { border:none; line-height:14px; margin-top:22px; }
   #caracteristicas table td { padding:22px 17px 22px 17px;}
   #caracteristicas table td.col1 { width:160px; text-align:center; border-right:1px solid #bebebe; }
   #caracteristicas table td h3 { font:30px "Times New Roman", Times, serif; letter-spacing:-1px; margin:0;}

   #contenido .division2 { /* <div> una división (entre # y #caracteristicas) */
	   background:#c2c2c2;
	   height:1px;
	   margin-top:24px;
	   margin-bottom:24px;
   }
   

/* ANUNCIARME */ 
#anunciarme { /* <div> Sostiene el apartado "Anunciarme */
   margin-bottom:45px;
}
   
   #anunciarme #btn_contratar3 { background:url(../img/colizq/btn_contratar-anuncio.png) no-repeat 50% 50%;float:left; margin:0 auto 0 auto; width:222px; height:83px; }
   #anunciarme #btn_contratar3 a { width:100%; height:100%; display:block; }
   #anunciarme #btn_contratar3.over { background:url(../img/colizq/btn_contratar-anuncio_over.png) no-repeat 50% 50%; }
   #anunciarme div.anunciarme_titulos { float:left;margin-left:10px; }
   #anunciarme div.anunciarme_titulos h1 { margin-bottom:-15px; }
   
   
/* -----------------------------------------
     ELEMENTOS ESTRUCTURALES
	 ---------------------------------------- */
#elegir { /* <div> Sostiene las opciones a elegir */
   width:603px; /* <-- 623px */
   padding:20px;
   border:1px solid black;
   margin-bottom:20px;
}
   /* 2 opciones a elegir*/
   #elegir #opciones {}
   #elegir table { width:100%; border:none; }
   #elegir table tr { border:none; }
   #elegir table td { padding:0; border:none; }
   #elegir table td.destacado { background:#fdfdcd; }
   
   #elegir .division { background:#c2c2c2; margin-top:8px; margin-bottom:20px; }
   
   /* ANUNCIO BÁSICO */
   #elegir #form_anuncio_basico {  display:none; padding-top:8px; margin-top:20px; border-top:1px solid #c2c2c2; } /* <div> Sostiene el anuncio básico (JAVASCRIPT) */
   
   /* ANUNCIO PROFESIONAL */
   #elegir #form_anuncio_profesional { display:none; padding-top:8px; margin-top:20px; border-top:1px solid #c2c2c2; } /* <div> Sostiene el anuncio básico (JAVASCRIPT) */
   
   /* formulario */
   #elegir form h2 { font:30px "Times New Roman", Times, serif; letter-spacing:-1px;color:black; margin-bottom:5px; } 
   #elegir form td { padding-bottom:17px; }
   #elegir form label { color:#414141; font:16px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; }
   #elegir form label span { color:#025edd; }
   #elegir form input.text { background:#fffffb; width:263px; border:1px solid #d8d8c5; font:16px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#025edd; padding:5px;}
   #elegir form textarea {background:#fffffb; width:565px; border:1px solid #d8d8c5; font:16px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#025edd; padding:5px; height:50px; margin-bottom:10px; }
   #elegir .terminos { font:14px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; text-align:justify; color:#616161; 
   line-height:12px; margin-bottom:10px; }
   #elegir .antispam { background:#ffffd3;border:1px solid #dadac8;padding:5px; position:relative; }
   #elegir form .antispam .submit { float:right; font:bold 16px Calibri, Arial, Helvetica, sans-serif; color:white; background:#222221; border:none; }
   #elegir form .antispam input.anti { width:95px; padding:0; height:22px; margin-left:100px; }
   #elegir form .antispam img { position:absolute; left:5px; top:5px; }
   #elegir form p.obligatorios { color:#025edd; font:italic 16px Calibri, Arial, Helvetica, sans-serif; }
   #elegir form .respuesta { font:14px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; margin-top:15px; padding:14px 14px 14px 40px; display:none; }
   #elegir form .respuesta.loading { background:url(../img/elegir/processing.gif) no-repeat 5px 50%; }
   #elegir form .respuesta.ok { background:url(../img/elegir/ok.png) no-repeat 5px 50% #c5f190; border:1px solid #94c160; }
   #elegir form .respuesta.error { background:url(../img/elegir/error.png) no-repeat 5px 50% #b42525; border:1px solid #751515; color:white; }
   
   #elegir form .advertencia { background:url(../img/elegir/advertencia.png) no-repeat 82px 50% #ffffd3; border:1px solid #dadac8; font:16px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:10px 0 10px 118px;margin-bottom:21px; }
   #elegir form h4 { font:bold 16px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#414141; }
   #elegir form p.mensaje { font:16px Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#414141; margin-bottom:24px; }
   
   
/* FOOTER */   
#footer { /* <div> Sostien el footer */
	background:#a1c6f0;
	color:#414141;
	font-size:14px;
	padding:5px;
	margin-bottom:15px;
	-moz-border-radius:4px;
}

   #footer a { color:#414141; }
   
   
/* LOAD */   
#load { 
   position:absolute; 
   top:0;
   left:-1000000px;
}