/*------------------- formulario NUEVO USUARIO ------------------------*/

strong { font-weight:bold !important;}


.box, .box2, .box_noticias { height:auto; padding:15px 10px 10px 10px; background-color:#f8f8f8; border:2px #ececec solid; width:665px; margin:10px 0; overflow:hidden; float:left;}
.box label, .box2 label { margin-left:30px;}
.box2 label { margin-right:22px;}
.box2 ul li {display:inline; float:left;}

.box label, .box_form label { width:60px; color: #666; float:left; line-height:20px; display:inline;}
.box input, .box2 input, .box_form input, .box_form3 input, .box_form3 select { border:2px #cdcdcd solid; width:160px; }
.box textarea, .box_form textarea {width:685px; /*height:150px;*/height:100px; font-family:Arial, Helvetica, sans-serif; font-size: 1em; border:2px #cdcdcd solid;}
.box p { float:left; /*width:133px;color:#ed9d53; display:inline; margin-left:55px;*/ line-height:16px /*20px*/;}
.box ul li { clear:both; margin-bottom:10px !important; float:left; width: 600px;}
.box ul li textarea { width:450px; height:50px;}
.box ul li label { width:100px; float:left;}
.box ul li input.check { width:15px; float:left; margin:0; border: none; display:inline;}
.box ul li p { width:420px; margin:0 0 0 10px; color:#999; float:left; display:inline;}

#hoj_asunto, #pla_nombre {width:560px;}


.inputfile {font-family:Arial, Helvetica, sans-serif; font-size: 1em; margin-right:40px; border:2px #cdcdcd solid; width:60px;};


.input2 {margin-right:12px;}

.box_form input, .box_form label { margin-bottom:10px;}
.box_form label { margin:0 4px;}
.box_form { float:left; width:250px; margin:0 0 0 35px;}
.box_form ul li { float:left; clear:both; width:300px; margin-bottom:10px;}
.box_form input.radio { border:none; width:20px; float:left;}
.box_form input.radio label { width:200px; float:left;}
.box_form label.long { width:160px; color: #666; float:left; line-height:20px;display:inline;}
.box_form select { width:164px; border:2px #ccc solid; margin:0 0 8px 0;}
.box_form .lista { height:100px;}
#hoj_cam_id, #cam_nombre  {width:270px;}


.box_form2, .box_form3 { float:left; margin:0 0 20px 35px;}
.box_form2 { width:100%;}
.box_form2 .separador { margin:20px 0 0 10px; clear:both;}
.box_form2 ul li { display:inline; margin:0 0 0 8px;}
.box_form3 { width:400px;}
.box_form3 ul li { display:block; margin:0 0 10px 8px; text-align:right;}

.box_form4 { width:515px; margin-left:38px;}
.box_form4 textarea { font-family:Arial, Helvetica, sans-serif; font-size: 1em; border:2px #cdcdcd solid; width:400px; float:right;}

.box_azul {float:left; width:auto; height:80px; background:#f5f5f5; padding:10px 20px 0 10px; margin: 0 4px 10px 0;}
.box_azul ul li { margin-bottom:8px;}
.box_azul input { border:2px #cdcdcd solid;}
.box_azul label { float:left; width:120px;}
.box_azul input.radio { border:none;}

.infoenvio { float:left; width:auto /*320px*/; }
.infoenvio p { margin:0; color:#f09d54 /*333*/; line-height:20px; font-weight:bold;}

.left { float:left;}
p.spacer { clear:both; margin-top:15px; width:100%; float:left; color:#ed9d53; font-weight:bold; border-bottom:1px #ccc solid;}
p.spacer2 { height:30px;}
p.spacer3 { height:10px;}


#buttons { width:689px; overflow:hidden; /*padding:10px 0px 10px 170px;*/ text-align:right; clear:both;}
#buttons p {color:#999; float:left; width:auto; margin-top:25px;}
#buttons2 { width:680px; overflow:hidden; /*padding:10px 0px 10px 170px;*/ text-align:right; background: url(../images/flecha_destinatario.gif) no-repeat 310px 16px;}
input.flecha, input.flecha2 { font-family:Arial, Helvetica, sans-serif; border:none; background: url(../images/flecha_enviar.jpg) no-repeat top right; padding:0 25px 0 0; margin:0 0 0 14px; line-height:14px; text-align:left; color:#6d6d6d;}
input.flecha { width:55px; height:auto;}
input.flecha2 { width:100px; height:auto;}
input.flecha:hover, input.flecha2:hover { cursor:pointer; color:#000;}
.botenviar { font-size:12px; font-weight:bold; color:#666; border:none; background: url(../images/flecha_enviar.jpg) no-repeat top right #f8f8f8  !important; *background: url(../images/flecha_enviar2.jpg) no-repeat top right #f8f8f8; padding:3px 10px 0 0 !important; *padding:1px 6px 0 0;}
input.submitbot, .submitbot { background-color:#FFF; border:2px #cdcdcd solid; padding:2px 30px 2px 30px !important; *padding:2px 10px 2px 10px !important; *padding:2px 8px 2px 8px; margin:10px 0 10px 3px;}
input.submitbot:hover, .submitbot:hover { border:2px #ed9d53 solid;}

/* contacto */
.onlytxt { width:685px; margin:0px 0 10px 0; padding:0; float:left; clear:both; height:250px; font-family:Arial, Helvetica, sans-serif; font-size: 1em; border:2px #cdcdcd solid;}

.box p.longtxt { width:650px; margin:0; color:#666; line-height:1.25em; padding:15px;}

.box_form label.naranja { color:#ed9d53; margin:0;padding:0;}
label.long150 { width:120px; margin:0 0 15px 0;}

.box label.long { width:100px;}

#openlist {display:none;}

/* imágenes */

.box input.loadimg { background:url(../images/flecha-der.gif) right center no-repeat; width:120px; margin:0; padding-right:5px; border:none;}
.box input.loadimg:hover { color:#F90;}
.box label.imagenes {margin-top:5px;}

.droppable-active {
	background: url(../images/fondoazul_drop.jpg) repeat-y left top #d0e2f0;
}
.droppable-active2 {
	background: url(../images/fondoazul_drop2.jpg) no-repeat left top #fff;
}

.droppable-hover {
	outline: 2px dashed #72b6ff;
}

#pie_contactos { float:right; width:410px !important; width:380px; overflow:hidden;}
#pie_contactos2 { float:left;width:625px !important; width:595px; text-align:center;}
#pie_track { float:left;width:700px !important; width:595px; text-align:center;}
#papelera { /*position: relative; top:340px;*/ float:left; margin:0/*340px*/ 0 8px 3px; }
#papelera2 {float:left; width:auto;margin-right: 5px;}
#box_img {*margin-top:10px !important; *margin-top:0;}
/*
#pager, #box_img #pager { text-align:right;}
#pager, #box_img #pager, #selection { float:right; margin-top:10px; clear:right; }
#selection { margin-bottom:10px;}
#pager ul, #selection ul, #box_img #pager ul.pager  { width:auto; text-align:right; margin:0 10px 0 0!important; *margin:0 8px 0 0; }
#pager ul li, #selection ul li, #box_img #pager ul.pager { display:inline; color:#999; background:none; }
#pager ul li a, #box_img #pager ul.pager li a { line-height:20px; text-decoration:none; color:#333;}
#pager ul li a:hover { text-decoration:underline;}
#pager ul li a.backNext { padding:0 5px; color:#6d6d6d;}
#pager ul li a.backNext:hover { color:#000; text-decoration:none;}
#selection ul li { color:#666; font-size:11px;}
#selection ul li a { line-height:15px; background-color:#666; color:#fff; text-decoration:none; padding:0 3px; margin:0 1px;}
#selection ul li a:hover {background-color:#000; color:#fff; text-decoration:none;}
#pager ul li .marcaPlana { background-color:#dcedff; padding:0 2px;}
*/
#pager { margin:2px; text-align:center;}
#pager_plantillas { text-align:right;}
#pager_plantillas, #selection { float:right; margin-top:10px; clear:right; }
#selection { margin-bottom:10px;}
#pager_plantillas ul, #selection ul, ul.pager  { width:auto; text-align:right; margin:0 10px 0 0!important; *margin:0 8px 0 0; }
#pager_plantillas ul li, #selection ul li, ul.pager { display:inline; color:#999; background:none; }
#pager_plantillas ul li a, ul.pager li a { line-height:20px; text-decoration:none; color:#333;}
#pager_plantillas ul li a:hover { text-decoration:underline;}
#pager_plantillas ul li a.backNext { padding:0 5px; color:#6d6d6d;}
#pager_plantillas ul li a.backNext:hover { color:#000; text-decoration:none;}
#selection ul li { color:#666; font-size:11px;}
#selection ul li a { line-height:15px; background-color:#666; color:#fff; text-decoration:none; padding:0 3px; margin:0 1px;}
#selection ul li a:hover {background-color:#000; color:#fff; text-decoration:none;}
#pager_plantillas ul li .marcaPlana { background-color:#dcedff; padding:0 2px;}

.ralleta {color:#bebebe;};

.tot { float:left; width:100%; text-align:center;}
/*#paginat {border:1px dashed #333;}*/
#paginat {float:left;}
#paginat a { line-height:20px; text-decoration:none; color:#333; padding:1px 5px;}
#paginat a:hover { background:#333; color:#FFF;}
.marcaPlana { background-color:#bbb; padding:0 2px;}
#makeMeScrollable { float:left; width: 100%; position: relative; margin:0 27px 4px 0px; background:url(../images/fondo_paginat.jpg) no-repeat center top; text-align:center;}
#makeMeScrollable div.scrollableArea { width: 100%; position: relative; float: left; margin: 0; padding: 0; text-align:center;}
a.backNext { padding:0 20px; color:#6d6d6d; line-height:20px;}
a.backNext:hover { color:#000; text-decoration:none;}
/* border:1px dashed #333; */


#pager_destino { margin-top:2px; text-align:center;}
#paginat_destino {float:left;}
#paginat_destino a { line-height:20px; text-decoration:none; color:#333; margin:0 3px; padding:1px 2px;}
#paginat_destino a:hover { background:#333; color:#FFF;/* border:1px solid #82b1d9;*/ }
#paginat_destino.marcaPlana { background-color:#dcedff; padding:0 2px;}
#makeMeScrollable_destino { float:left; width: 100%; position: relative; margin:0 27px 4px 0px; background:url(../images/fondo_paginat.jpg) no-repeat center top;text-align:center;}
#makeMeScrollable_destino div.scrollableArea { width: 100%;position: relative; float: left; margin: 0; padding: 0; text-align:center;}
#pager_destino a.backNext { padding:0 20px; color:#6d6d6d; line-height:20px;}
#pager_destino a.backNext:hover { color:#000; text-decoration:none;}


/* formulario nuevo usuario */

#alta { width:680px; border:2px #ececec solid; background: url(../images/fondo_tit2.jpg) repeat-x; float:left;}
#alta select { border:1px solid #ccc; color:#666; width:255px}



#alta .title {text-indent: 10px; margin: 0 0 10px 0;padding: 10px 0 0 0; }
#alta .title h4 {font-size: 14px; font-weight:lighter;}

#alta #cont {margin: 0px auto; width: 650px; height: auto; background:url(../images/bgdominiosinf.gif) repeat-x top;}

#alta #cont .bloque {margin: 0 0 10px 0; }

#alta #cont .bloque .izq {float: left; width: 100px; font-size: 12px; padding: 4px 0 0 50px;}

#alta #cont .bloque .dcha {float: left; width: 300px;}
#alta #cont .bloque p { width:80%; margin:0 auto;}


#alta #cont .posboton {margin: 20px 0 0 0;}

#alta input { width:250px; border:2px #cdcdcd solid;}
#alta input#recibirinfo { width:20px; float:left; /*padding-left:20px;*/margin-left:50px; border:none;}

#alta input#boto_submit { width:120px; margin-right:112px;}

#alta #cont #altapassword {margin: 0px auto; padding: 10px; background: url(../images/fondo_tit2.jpg) repeat-x; width: 400px; border: 1px solid #ededed;}

#alta #cont #altapassword .bloque .izq {padding: 0;}



#alta #cont #contcheck {margin: 10px 0 20px 50px;}

#alta #cont #contcheck .izq{}

#alta #cont #contcheck .dcha {float: left; margin: 0 0 0 10px; padding: 3px 0 0 0;}



#alta #cont2 {margin: 0px auto; width: 350px; height: auto; border: 1px solid #c1cde0; background:url(../images/fondo_tit2.jpg) repeat-x top;}

#alta #cont2 .bloque {margin: 0 0 10px 0; }

#alta #cont2 .bloque .izq {float: left; width: 100px; font-size: 12px; text-align: right; padding: 0 10px 0 0;}

#alta #cont2 .bloque .dcha {float: left; width: 180px;}

#alta #cont2 .posboton {margin: 20px 0 0 0;}



#alta #cont3 {margin: 0px auto; width: 400px; height: auto; border: 1px solid #c1cde0; }

#alta #cont3 .bloque {margin: 0 0 10px 0; }

#alta #cont3 .bloque p {padding: 0 0 0 10px;}

#alta #cont3 .bloque .izq {float: left; width: 120px; font-size: 12px; text-align: right; padding: 0 10px 0 0;}

#alta #cont3 .bloque .dcha {float: left; width: 230px;}

#alta #cont3 .posboton {margin: 20px auto 0;}
#alta #cont .border {width: 500px; border:2px #ededed solid; margin:0px auto 10px; padding:10px 0; background-color:#FFF;}

.right { float:right;}

#alta #cont .border .centrado { width:500px; text-align:center;}
#alta #cont .border .centrado input.radio { width:20px; margin:0; padding:0; border:none;}
#alta #cont .border .centrado label { margin:0 20px; 0 0;}


/*  mensajes */
#mensajes { width:685px; height:auto; border:3px solid #ededed; overflow:hidden; margin:0/*10px*/ 0 0 0; padding-bottom:2px; /*background:url(../images/bg-contact.jpg) left bottom repeat-x;*/}

#bar { width:677px; height:12px; background:#898989; padding:4px; color:#e1e1e1; }
#bar .rightLink { float:right; width:auto;}
#bar .rightLinkDown a { color:#e1e1e1; padding:0 12px 0 0; margin-right:5px; background: url(../images/order-down.gif) 100% center no-repeat;}
#bar .rightLinkUp a { color:#e1e1e1; padding:0 12px 0 0; margin-right:5px; background: url(../images/order-up.gif) 100% center no-repeat;}
#bar .leftLink { float:left; width:400px; height:10px;}

	/* submenu bar */
	.leftLink ul { list-style: none; }
	.leftLink ul li { position: relative; }
	.leftLink ul li a.flechita { float:left; text-decoration: none; background: url(../images/order-right.gif) right 4px no-repeat; color:#e1e1e1; padding-right:14px; height:10px;}
	.leftLink ul li a.flechita:hover { background: url(../images/order-down.gif) 100% center no-repeat; }

/* Fix IE. Hide from IE Mac \
	* html ul li { float: left; height: 1%; }
	* html ul li a { height: 1%; }
	/End */
	
	.leftLink ul li ul { position: absolute; width:60px; left:124px; top: 0; border:2px solid #CCC; display: none; background-color:#898989; padding:5px;  }
	.leftLink ul li ul li { font-weight:bold; margin:2px 0;}
	.leftLink ul li ul li a { color:#e1e1e1; font-weight:lighter; }
	.leftLink ul li ul li a:hover { color:#FFF;}
	.leftLink ul li:hover ul, li.over ul { display: block; } /* The magic */
	

#mensajes ul {}
#mensajes ul li { float:left; display:block;}


#mensajes .fila { float:left; display:block; width:650px; height:auto; background:url(../images/ico-sobre.gif) 7px 6px no-repeat #f7f7f7; padding:4px 0 0 30px; cursor: move; margin:3px 2px 0 2px; border-top:1px solid #efefef;}
#mensajes .fila:hover { background:url(../images/ico-sobre.gif) 7px 6px no-repeat #edf3fa; }

	#mensajes .fila .col1 { float:left; text-decoration:none; width:450px; height:40px; color:#666; padding:3px 0 0 0; color:#595b60; font-weight: lighter; line-height:18px;}
	#mensajes .fila .col1 a { display:block; font-weight:bold; color:#333; }
	#mensajes .fila .col1 a:hover { color:#2f7bd2;}
	#mensajes .fila .col1 span { display:block; font-weight:bold;}
	
	#mensajes .fila .col2 { float:right; width:110px; height:40px; padding:6px 10px 0 0;}
	#mensajes .fila .col2 .fecha { display:block; margin-bottom:5px; /*height:35px;*/}
	#mensajes .fila .col2 .pendiente { display:block; background:url(../images/ico-esclamacion.gif) no-repeat 2px 2px; padding:3px 0 0 20px; color:#999; margin:4px 0 0 1px;}
	#mensajes .fila .col2 a.grafica { display:block; width:100px; height:15px; background:url(../images/icono_grafica.jpg) no-repeat 2px 2px; padding:3px 0 0 20px; color:#666; font-weight:bold; }
	#mensajes .fila .col2 a.grafica:hover { color:#2f7bd2; }
	#mensajes .fila .col2 a.duplicar { display:block; width:100px; height:15px; background:url(../images/ico2.gif) no-repeat 2px 2px; padding:3px 0 0 20px; color:#666; font-weight:bold; }
	#mensajes .fila .col2 a.duplicar:hover { color:#2f7bd2; }

 
	#mensajes .fila .col3 { float:left; width:520px; padding:0 0 10px 0; margin:0;}
	#mensajes .fila .col3 ul li { display:inline; width:auto; margin:0 10px 0 0; color:#666; background-color:#E8E8E8; padding:2px 0 3px 4px; border:1px solid  #e3e3e3;}
	#mensajes .fila .col3 ul li:hover { border:1px solid #b3d2f6; background:#dae7f6; color:#2f7bd2; cursor:pointer;}
	#mensajes .fila .col3 ul li a { color:#666;}
	#mensajes .fila .col3 ul li a:hover { color:#2f7bd2;}
	#mensajes .fila .col3 ul li .num { background:#FFF; padding:1px 8px; margin:0 0 0 2px;}

#mensajes a.open { background:url(../images/ico-menos4.gif) 1% center no-repeat; padding:0 50px 0 20px; color:#000; /*display:block;*/ width:auto; text-decoration:none; line-height:24px; font-weight:bold; margin-left:8px;}
#mensajes a.close { background:url(../images/ico-menos3.gif) 1% center no-repeat; padding:0 50px 0 20px; color:#999; /*display:block;*/ width:auto; text-decoration:none; line-height:24px; margin-left:8px;}
#mensajes a.close:hover { color:#000;}

#mensajes .espacio { float:left; width:650px; height:14px;}

#alta .error { border-color: #f00; }


/*track info*/
#track { width:685px; height:auto; border:3px solid #ededed; overflow:hidden; margin:0; padding-bottom:2px; }
#track ul li { 
	/*float:left;*/ 
	display:block;
	}
#track .fila { float:left; display:block; width:98%; height:auto; padding:8px 0 0 10px; cursor: move; margin:3px 2px 0 2px; border-top:1px solid #efefef; background:#f7f7f7;}
#track .fila:hover { background:#edf3fa; }
	#track .fila .col1 { float:left; text-decoration:none; width:520px; height:35px; color:#666; padding:3px 0 0 0; color:#595b60; font-weight: lighter; }
	#track .fila .col1 a { font-weight:bold; color:#333; line-height:16px; }
	#track .fila .col1 a:hover, #track .fila .col1 a.url:hover { color:#2f7bd2;}
	#track .fila .col1 a.url { font-weight:bold; text-decoration:underline; color:#999;}
	
	#track .fila .col2 { float:right; width:110px; height:35px; padding:6px 10px 0 0;}
	#track .fila .col2 span { display:block; padding:0 0 8px 0;}

#grafica { margin:20px 0; text-align:center;}
#trackinfo { float:left; width:auto; border-bottom:3px solid #FFF;}
#trackinfo #trackbot { float:left; margin-top:20px; }
#trackinfo #trackbot a { float:left; width:89px; height:25px; text-align:center; padding-top:12px; margin-right:4px; border-top:3px solid #ededed; border-right:3px solid #ededed; border-left:3px solid #ededed; color:#adadad; background:url(../images/track_bot.jpg) no-repeat top left; font-family:Arial, Helvetica, sans-serif; font-size: 1em;}
#trackinfo #trackbot a:hover { color:#666;}
#trackinfo #trackbot a.sel { background:url(../images/track_bot_sel.jpg) no-repeat top left; color:#000;}

.ampliar {background:url(../images/icono_mas.jpg) no-repeat top right; padding-right:18px; margin-top:2px; height:16px; overflow:hidden;}
.reducir {background:url(../images/icono_menos.jpg) no-repeat top right; padding-right:18px; margin-top:2px; height:auto;}

/* opciones de envío */
#form_light { width:600px;}
#form_light .box_form {margin:0 0 0 150px;}
#form_light label { width:120px; border:none; float:left}
#form_light input.check { width:20px; border:none;}
#form_light input { float:left}


/* destinatarios */
#destinatarios { float:left; width:680px; height:auto; background:url(../images/order-up.png) center bottom no-repeat; margin:10px 0 0 0;}
#destinatarios_box { width:680px; height:100px; border:2px #ececec solid; padding:3px; overflow:auto; float:left;}

/* Validación formularios 
----------------------------------------------------------------------------- */
.error { background-color: #FFA28C; border: 1px solid red;  }
.correo_no_deseado {display: block; background: url('../images/mail_mark_important.png') no-repeat; height:40px; padding:10px 0 0 50px; margin-top:0;}

.error_icon , .valid_icon, .ns_icon {display: block; padding-left: 16px; margin-top: 3px; margin-left: .3em;}
.error_icon , .error_icon2 {background: url('../images/unchecked.gif') no-repeat;color: #FFA28C;}
.valid_icon, .valid_icon2 {background: url('../images/checked.gif') no-repeat;color: #0000ff;}
.ns_icon, .ns_icon2 {background: url('../images/query.jpg') no-repeat;color: #FFA28C;}
.waiting {background: url('../images/ajax-loader.gif') no-repeat; color: #666666;}
/* paginat
--------------------------------------------------- */
.ocultarLink { visibility: hidden;}