/* w2box layout ©2005 cb */

body {
	margin: 0;
	padding: 0;
	background: #e8e8e8;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

a {color:#444444;}
a:visited {color:#444444;}
a:hover {color:#623685;}

a.link_upload {color:#FF0000;}
a.link_upload a:visited {color:#FF0000;}
a.link_upload:hover {color:#623685;}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#page {
	width: 98%;
	background-color: #FFFFFF;
	margin: 20px auto;
	background: url("/extranet/backoffice/imagenes/page.jpg") repeat-y top;
	}

#header {
    height:107px;
	}

div.menu {width: 252px; margin-left:173px;}

div.menu ul {
	color:#000000;
	text-decoration: none;
	list-style-type: none;
}
div.menu ul a {
	color:#444444;
	text-decoration: none;
	}
div.menu ul a:visited {
	color:#444444;
}
div.menu ul a:hover {
	color:#444444; text-decoration: underline;
}
div.menu ul  li {
	display:inline;
}



#content {
	margin: 0;
	padding: 5px 22px;
}
#footer {
	clear: both;
	height: 63px;
	margin-top: 0px;
	padding-left: 0px;
}
#footer p {
	margin: 0;
	padding: 30px 0;
	text-align: center;
}

a img { border:0; }

form {
	padding : 0 10px 0 10px;
}
label { float : left;
	width : 20%;
	text-align : right;
	padding-right : 1%;
}
label.etiqueta{ float : left;
	width : 20%;
	text-align : left;
	padding-right : 1%;
	 font-weight: normal;
}
textarea, select { text-align : left; }
input.text { text-align : left; }
input.submit { text-align : center; }


#errormsg {
	text-align: center;
}

#uploadform .small {
	margin: 0 0 0 21%;
	font-size: 10px;
}

.red {
 	color: #f00;
	font-weight: bold;
}

table.directores {
	width: 100%;
	text-align: center;
	border-spacing: 0px;
	border-collapse: collapse;
	height: 30px;
}
table.directores .lefted {text-align: left;}
table.directores img  { vertical-align: middle }

table.directores th {
	height: 30px;
	font-size: 10px;
/*	background-color: #ffffff;*/
	background-color: #999;
	padding: 4px;
	border: 1px #FFFFFF solid;
/*	color: #827c4a;*/
	color: #ffffff;
	font-weight: bold;
}
table.directores th a {
	color: #fff;
	text-decoration: none;
}

table.directores tr.on {background: #eee;}
table.directores tr.delete {background: #fcc;}

table.directores td { height: 40px; padding: 3px; }
table.directores td a { color: #000080; text-decoration: none; }
table.directores td a:visited,
table.directores td { color:#000080; text-decoration: none; }
table.directores td.titulo { font-size: 14px; }
table.directores td a:hover { color:#827c4a; text-decoration: underline; }

table.directores tr.impar {background-color:#ffefdd;}
table.directores tr.par {background-color:#ffe4c1;}
table.directores tr.seleccionada_impar {background-color:#623685; cursor:pointer;}
table.directores tr.seleccionada_impar td, table.directores tr.seleccionada_impar td a {color:#ffe4c1;}
table.directores tr.seleccionada_par {background-color:#623685; cursor:pointer; background-repeat:repeat ;}
table.directores tr.seleccionada_par td, table.directores tr.seleccionada_par td a {color:#ffe4c1;}

table.usuarios {	/*width: 100%;*/ 	text-align: left; 	border-spacing: 1px; 	/*border-collapse: collapse;*/ 	/*height: 30px;*/ }
table.usuarios th { height: 30px; 	font-size: 10px; 	background-color: #999; padding: 4px; color: #ffffff; font-weight: bold; text-align: center;}
table.usuarios tr.on {background: #eee;}
table.usuarios tr.delete {background: #fcc;}
table.usuarios tr.impar {background-color:#ffe4c1;}
table.usuarios tr.par {background-color:#ffefdd;}
table.usuarios td { 	/*height: 40px;*/ 	padding: 3px 10px 3px 10px; }
table.usuarios td a{ text-decoration: none; }


red {
 	color: #f00;
	font-weight: bold;
}

table.sortable {
	width: 100%;
	text-align: center;
	border-spacing: 0px;
	border-collapse: collapse;
	height: 30px;
}
table.sortable .lefted {text-align: left;}
table.sortable img  { vertical-align: middle }

table.sortable th {
	height: 30px;
	font-size: 1.1em;
	background-color: #999;
	padding: 4px;
	border: 1px #fff solid;
	color: #fff;
	font-weight: bold;
}
table.sortable th a {
	color: #fff;
	text-decoration: none;
}

table.sortable #th1 {width: 60%;}
table.sortable #th2 {width: 12%;}
table.sortable #th3 {width: 16%;}
table.sortable #th4 {width: 12%;}

table.sortable tr.on {background: #eee;}
table.sortable tr.delete {background: #fcc;}

table.sortable td {
	height: 40px;
	padding: 3px;
}

table.sortable td a{
	text-decoration: none;
}
table.sortable td a:hover{
	text-decoration: underline; color: #827c4a;
}
table.sortable tr.impar {background-color:#ffefdd;}
table.sortable tr.par {background-color:#ffe4c1;}


div.linea {
	width:480px;
	height:35px;
	}

div.linea div {
	float:left;
	padding:3px;
	}

label {
	float:left;
	padding:6px 5px 0px 0px;
	width:120px !important;
	width/**/:/**/125px;
	width:120px;
	height:20px;
	text-align:right;
	font-weight:bold;
	}


div.linea_checkbox {
	margin-bottom:3px;
	}

div.linea_checkbox div {
	padding:3px;
	width:20px !important;
	width/**/:/**/26px;
	width:20px;
	}

div.linea_checkbox label {
	padding:0;
	width:93px !important; /*deberia ser 94 pero por el BUG del ultimo caracter duplicado*/
	height:40px;
	text-align:left;
	}

h3 { color:#623685; }
h3 a {color:#623685;}
h3 a:visited {color:#623685;}
h3 a:hover {color:#555;}

table.tabla_modificacion {
    text-align: left;
    border-spacing: 4px;
    border-collapse: separate;
}
table.tabla_modificacion td {}
table.tabla_modificacion td.izquierda { text-align:right; font-weight: bold; vertical-align:middle;}

a.enlace {color:#623685; text-decoration: none; font-weight: bold;}
a.enlace:visited {color:#623685;}
a.enlace:hover {color:#555;}