body{	background-color: #EFEFEF; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}

img{border:0px;}
a, a:link, a:visited{	color: #707326; text-decoration: underline;}
a:hover{	text-decoration: none;}
.ocultar{	display: none;}
.txtdcha{	text-align: right;}

.left{	float: left;}
.right {	float: right;}
.alineacionizq{text-align:left;}
h2{	font-size: 2em; color:#3B3C0E; margin: 0px; padding: 0px;}
h3{	font-size: 1.5em; color:#626262; margin: 0px; padding: 0px;}
.txt-literal{	font-weight: bold; color: #626427; font-size: 1.2em;}
.fondo1{	background-color: #ECECEC; padding: 3px; display: block }
.fondo2{	background-color: #EDEED3; padding: 3px; display: block }
.borde1{ border: 1px solid #ECECEC;	 padding: 3px; display: block }

.fila{float: left;}

.col5{	width: 5%; float: left; margin-bottom: 3px;}
.col7{	width: 7%; float: left; margin-bottom: 3px;}
.col10{	width: 10%; float: left; margin-bottom: 3px;}
.col15{	width: 15%; float: left; margin-bottom: 3px;}
.col20{	width: 20%; float: left; margin-bottom: 3px;}
.col25{	width: 25%; float: left; margin-bottom: 3px;}
.col26{	width: 26%; float: left; margin-bottom: 3px;}
.col30{	width: 30%; float: left; margin-bottom: 3px;}
.col35{	width: 35%; float: left; margin-bottom: 3px;}
.col40{	width: 40%; float: left; margin-bottom: 3px;}
.col50{	width: 50%; float: left; margin-bottom: 3px;}
.col60{	width: 60%; float: left; margin-bottom: 3px;}
.col65{	width: 65%; float: left; margin-bottom: 3px;}
.col70{	width: 70%; float: left; margin-bottom: 3px;}
.col75{	width: 75%; float: left; margin-bottom: 3px;}
.col80{	width: 80%; float: left; margin-bottom: 3px;}
.col85{	width: 85%; float: left; margin-bottom: 3px;}
.col90{	width: 90%; float: left; margin-bottom: 3px;}
.col100{ width: 100%; float: left; margin-bottom: 10px;}

.centerdiv{ text-align: center;}
input, select, textarea{	vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 1em;} 
.plano{	border:1px solid #626427; background-color: #EDEED3; color: #000;}
.plano2{	border:1px solid #C2C74C; background-color: #C2C74C; color: #000;}


.paddingright10px{	padding-right: 10px;}
.paddingleft10px{	padding-left: 10px;}
.paddingtop10px{	padding-top: 10px;}
.paddingbottom10px{	padding-bottom: 10px;}

#cabecera100{ width: 100%; height: 109px; background:#8A8E05 url(/img/cab-bg.jpg) top center no-repeat; float: left }
#cabecera{	width: 960px; margin: 0 auto; }
#cabecera h1.logo{	width: 145px; height: 49px; margin: 0px; padding: 0px; background: url(/img/negio-logo.png) top left no-repeat; display: block; margin: 36px 0px 0px 24px}
#cabecera h1.logo a{width: 145px; height: 49px; margin: 0px; padding: 0px;  display: block;}
#cabecera h1.logo a span{	display: none;}

#cuerpo100{	width: 100%; background: url(/img/cont-bg.jpg) top center no-repeat; float: left;}
#cuerpo{	width: 960px; margin: 0px auto; background-color: #FFF;}

#pie100{	width: 100%; float: left; height: 150px; background: url(/img/pie-bg.jpg) top center no-repeat;}

#barra-user{	width: 960px; float: left; margin: 0px 0px 10px 0px; padding: 0px; }
.migas{	float:left; margin: 10px 0px 0px 10px}
.usuario{	float: right; display: inline; text-align: right; padding-right: 30px; background: url(/img/user-avatar.png) top right no-repeat; margin: 10px 10px 0px 0px }


#contenido {	width: 960px; float: left; background-color: #FFF; padding-bottom: 20px;}


.cuadrogral{	width: 900px; margin: 0px 30px; border: 1px solid #C4C682; float: left; padding-bottom: 30px;}
.titulo{	height:43px; line-height: 43px; background: url(/img/titulo-bg.gif) left repeat-x; margin: 0px; padding: 0px; padding-left: 10px; border-bottom:1px solid #C4C682; margin-bottom: 20px; display: block;}
.subtitulo{ text-align: right; padding: 0px 10px 20px 0px}


.bloque-aviso{ width: 876px; border-bottom: 1px dotted #C4C682; margin: 0px 12px; padding: 10px 0px; /*height: 42px; line-height: 42px;*/ float:left;}
.bloque-aviso .fecha{ float: left; width: 62px; text-align: center; background: url(img/fecha-aviso-bg.png) top center no-repeat; float:left;}
.bloque-aviso .fecha .num{ font-size: 1.3em; font-weight: bold; float:left; margin: 0px; padding: 0px; width: 62px; line-height: normal; height: 14px; padding-top: 8px;}
.bloque-aviso .fecha .mes{ font-size: 1em; font-weight: normal; float:left; margin: 0px; padding: 0px; width: 62px; line-height: normal; height: 26px; }
.bloque-aviso .nombre{ float: left; width: 281px; font-size: 1.3em; font-weight: bold; float:left;}
.bloque-aviso .texto {float: left; width: 523px; line-height:normal; float:left; }
.bloque-aviso .editar{ float: left; width: 60px; text-align: right; float:left; }

a.boton{	border:1px solid #9EA036;   background: url(/img/titulo-bg.gif) left repeat-x; font-size: 1.3em; color:#4B4B4B;  font-weight: bold; padding: 10px 15px}
a.botonint{	border:1px solid #9EA036; margin-left:5px;   background: url(/img/titulo-bg.gif) left repeat-x; font-size: 1.2em; color:#4B4B4B; padding: 4px 10px; font-weight: bold; }
a.botontable{	border:1px solid #9EA036;   background: url(/img/titulo-bg.gif) left repeat-x; font-size: 1.1em; line-height: 1.1em; padding: 2px 10px;  color:#4B4B4B; font-weight: bold;  }

#listado-op{ width: 100%; float:left;}
.cuadrogral{	width: 900px; margin: 0px 30px; border: 1px solid #C4C682; float: left; padding-bottom: 30px;}
.cuadrogris{	width: 66%; margin-left:12%; margin-right: 12%; height: 10em; background-color: #EFEFEF; margin-top: 5em; padding: 3% 5%}

#listado-op .titulo{	height:43px; line-height: 43px; background: url(/img/titulo-bg.gif) left repeat-x; margin: 0px; padding: 0px; padding-left: 10px; border-bottom:1px solid #C4C682; margin-bottom: 5px; display: block;}
#listado-op #filtro{ width: 868px;	margin: 5px 6px; padding: 0px 10px; background-color: #EDEED3; height: 43px; line-height: 42px; float: left; margin-bottom: 20px;}
#listado-op #filtro .leyenda{	font-size: 1.3em; font-weight: bold; color:#787878; padding-right: 20px;}

#listado-op #filtro .leyenda2{	font-size: 2em; font-weight: bold; color:#787878; vertical-align:middle;}
#listado-op #filtro .leyenda2tit{font-size: 2em; font-weight: bold; color:#000; vertical-align:middle;}
#listado-op #filtro .leyenda3tit{font-size: 1em; font-weight: bold; color:#000; vertical-align:middle;}


.bloque-op{ width: 888px; margin: 0px 5px 10px 5px; float: left; clear: left;}
.bloque-op .tit-zona{	background-color: #D2D461; text-align: center; font-size: 1.5em; padding: 5px 0px; margin: 5px 0px}
.bloque-op .cont-zona{	background-color: #F3F3F3; padding: 10px; margin: 0px 0px 5px 0px}
.bloque-op .tabla-op {	background-color: #FFF; margin: 5px 0px 0px 0px; padding: 5px;}
.bloque-op .tabla-op th{ text-align: left; border-bottom: 1px solid #F3F3F3; padding: 3px 0px;}
.bloque-op .tabla-op td{ text-align: left; border-bottom: 1px solid #F3F3F3; padding: 7px 0px;}
.bloque-op .tabla-op tr.final td{ text-align: left; border-bottom: 0px; padding: 7px 0px;}
.bloque-op .resumen-zona{ background-color: #A1A327; color: #FFF; font-weight: bold; padding: 10px 10px 10px 445px; margin: 0px 0px 10px 0px; clear: left; height: 30px}
.bloque-op .resumen-zona .txt{	display: block; float: left; margin-right: 15px; white-space: nowrap;} 

.bloque-op .datos-op{	width: 96%; margin:0% 2%;}


table.datosempresa td{	padding: 3px 0px}


table.ediciondeclientes td{padding: 3px 0px}
table.ediciondeclientes th{border-bottom: 1px solid #F3F3F3;  }

/*.barracolor{	width: 868px;	margin: 5px 6px; padding: 5px 10px; background-color: #EDEED3; float: left; margin-bottom: 5px; }
.barracolor2{	width: 868px;	margin: 5px 6px; padding: 5px 10px; background-color: #EDEDED; float: left; margin-bottom: 5px; }*/

.barracolor{	width:100%;	margin: 0px; padding: 0px; background-color: #EDEED3; float: left; margin-bottom: 5px; }
.barracolor2{	width:100%;	margin: 0px; padding: 0px; background-color: #EDEDED; float: left; margin-bottom: 5px; }

.barracolor p{	width:100%;	margin: 0px; padding: 5px 10px;  float: left;  }
.barracolor2 p{	width:100%;	margin: 0px; padding: 5px 10px; float: left;  }


table.datosrev{margin:auto;}
table.datosrev th{ border-bottom: 1px solid #000; padding: 3px; text-align: left;}
table.datosrev td{	padding: 4px; }



/*ESTILOS PARA FORMULARIOS*/
select{vertical-align:middle;}

.rojo{color:#FF0202;}

/* Estilos para la pagina de login */

	div#login{margin:19px auto; text-align:center; width: 506px; }



/* Estilos para el registro */

	#registro {width:506px; height:108px; padding:37px 0 0 0; margin:13px 0 0 0; text-align:center;   background-image: url(/img/bg_login.jpg); background-position: top left; background-repeat: no-repeat;}

	#registro fieldset, #registro .cajatexto {border:0;  padding:0px; ;}

	#registro .cajatexto h2{font: bold 16px Arial, sans-serif; color:#8A8E05; padding:0 5px;}
	
	#registro legend{ text-align:center;}
	#registro legend span{display:none; text-align:center;	}

	#registro p{margin:10px;}

	#registro  label {font:normal 14px Arial, Helvetica, sans-serif;  width: 32%; float:left; text-align:right; padding:5px; color: #000000;}


	#registro    br {clear: left;}

	#registro   a {font:bold 12px Arial, Helvetica, sans-serif; color: #333333;}

	#registro  a:hover { text-decoration:none;}

	#registro input { height:19px; border:1px solid #C2C74C; padding:5px 0 0 5px; background-color: #C2C74C; color: #000;}

	
	
	/*PARA IMPRIMIR*/
body#imprimir{	background-color: #FFFFFF; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
#contenedor-impresion{width:100%; margin:0px; padding:0px; background-color:#FFFFFF; float:left;}

#listado-imprimir{margin: 0px auto; padding:0px; width:750px; background-color:#FFFFFF;}
.cuadrogral-imp{	min-height:1100px; height:auto !important; height:1000px; width: 748px; margin: 0 0 15px 0; border: 1px solid #C4C682; float: left; padding-bottom: 30px; }


.bloque-op-imp{ width: 738px; margin: 0px 5px 10px 5px; float: left; clear: left;}
.bloque-op-imp .tit-zona{	background-color: #D2D461; text-align: center; font-size: 1.5em; padding: 5px 0px; margin: 5px 0px}
.bloque-op-imp .cont-zona{	background-color: #F3F3F3; padding: 10px; margin: 0px 0px 5px 0px}
.bloque-op-imp .tabla-op {	background-color: #FFF; margin: 5px 0px 0px 0px; padding: 5px;}
.bloque-op-imp .tabla-op th{ text-align: left; border-bottom: 1px solid #000000; padding: 3px 0px;}
.bloque-op-imp .tabla-op td{ text-align: left; border-bottom: 1px solid #B0AEAE; padding: 7px 0px;}
.bloque-op-imp .tabla-op tr.final td{ text-align: left; border-bottom: 0px; padding: 7px 0px;}
.bloque-op-imp .resumen-zona{ background-color: #A1A327; color: #FFF; font-weight: bold; padding: 10px 10px 10px 340px; margin: 0px 0px 10px 0px; clear: left; height: 30px; border:1px solid #8A8E05;}
.bloque-op-imp .resumen-zona .txt{	display: block; float: left; margin-right: 15px; white-space: nowrap;} 

.bloque-op-imp .datos-op{	width: 96%; margin:0% 2%;}

#listado-imprimir .titulo{	height:43px; line-height: 43px; background: url(/img/titulo-bg.gif) left repeat-x; margin: 0px; padding: 0px; padding-left: 10px; border-bottom:1px solid #C4C682; margin-bottom: 5px; display: block;}
#listado-imprimir #filtro-imp{ width: 716px;	margin: 5px 6px; padding: 0px 10px; background-color: #EDEED3; height: 43px; line-height: 42px; float: left; margin-bottom: 20px;}
#listado-imprimir #filtro-imp .leyenda{	font-size: 1.3em; font-weight: bold; color:#787878; padding-right: 20px;}

#listado-imprimir #filtro-imp .leyenda2{font-size: 2em; font-weight: bold; color:#787878; vertical-align:middle;}
#listado-imprimir #filtro-imp .leyenda2tit{font-size: 2em; font-weight: bold; color:#000; vertical-align:middle;}
#listado-imprimir #filtro-imp .leyenda3tit{font-size: 1.5em; font-weight: bold; color:#000; vertical-align:middle;}

.barracolor-imp{	width: 718px;	margin: 5px 6px; padding: 5px 10px; background-color: #EDEED3; float: left; margin-bottom: 5px; font-size:1.2em; }
.barracolor2-imp{	width: 718px;	margin: 5px 6px; padding: 5px 10px; background-color: #EDEDED; float: left; margin-bottom: 5px; font-size:1.2em; }
.barracolorpeq-imp{	width: 688px;	margin: 5px 0px; padding: 5px 10px; background-color: #EDEDED; float: left; margin-bottom: 5px; font-size:1.2em; }

.borde1-imp{ border: 1px solid #B0AEAE; padding: 3px; display: block }

table.datosempresa-imp td{	padding: 5px 0px; }