/* ///////////  TAGSSS   ///////////////*/

html, body {
	height: 100%;
}


html{	
	background-color: white;
}

img {
	border: none;
}

body{
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #555555;
	font-size: 13px;
	overflow: auto;
}

#mypixel-contenido a:link {color: #5eb2eb}
#mypixel-contenido a:visited {color: #5eb2eb}
#mypixel-contenido a:hover {color: #555555;}
#mypixel-contenido a:active {color: #5eb2eb}

input, textarea{
	border: 1px solid #777777;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-color: #f7f7f7;
}

fieldset li.campo,
fieldset li.campo li{
	list-style:none;
}

/* ///////////  LAYOUT   ///////////////*/

#mypixel-pagina{
	position: relative;
}

#mypixel-cabecera{
	background-repeat:repeat-x;
	background-image:url(theme_pier/deg_top.gif);
	background-position:top;
	height: 68px;
	display:block;
	background-color:#13c3e3;
	min-width: 100%;
	line-height: 33px;
}

#mypixel-menu {
	border-bottom: 1px solid black;
	position: relative;
	margin-top: -30px;
	padding: 2px 0;
	background: #13C3E3;
}

#mypixel-contenido {
	background-color: white;
	padding: 20px;
	clear: both;		
}

#mypixel-contenido .mypixel-mensajes {
	background-color: #FBF8CE;
	margin: -10px -10px 10px;
	padding: 10px;
	border: 1px solid #D3D1AD;
}

#mypixel-ruta{
display:none;
color:#cccccc;
position:absolute;
top:100px;
left:300px;
right:20px;
padding:10px;
padding-left:20px;
background-color:#13151e;
}


.mypixel-tabla-datos, 
.mypixel-tabla-estructura, 
.mypixel-registro, 
.mypixel-enlaces{
	/*border-top:1px solid #000000;*/
	background-color: white;
	padding-bottom: 100px;
}

.sin-margen{
	padding-bottom: 20px;
}


/* ///////////  TEXTO   ///////////////*/

h1{
margin:0px;
font-size:24px;
font-weight:normal;
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
color:#000000;
}

h2{
margin:0px;
font-size:22px;
font-weight:normal;
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
}

h3{
margin:0px;
font-size:17px;
font-weight:normal;
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
}

h4{
margin:0px;
font-size:14px;
font-weight:normal;
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
}

h5{
margin:0px;
font-size:12px;
font-weight:normal;
}

#mypixel-cabecera h1{
	margin: 0 0 0 14px;
	font-size: 19px;
	font-weight: bold;
}



/* //////////   MENU LATERAL /////////////////// */

#mypixel-menu ul {
	display: block;
}

#mypixel-menu .perfiles {
	right: 10px;
	top: -27px;	
	z-index: 999;
	position: absolute;
}

#mypixel-menu li {
	margin: 4px 8px;
	float: left;
}


#mypixel-menu a.categoria {
	font-size:14px;
	color:#ffffff;
	padding-left: 5px;
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	text-decoration: none;
	padding: 2px 8px;
	white-space: nowrap;
}

#mypixel-menu h2{
	display: none;
}

#mypixel-menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}


#mypixel-menu li.categoria {
	cursor: pointer;
	position: relative;
}


#mypixel-menu li.categoria ul {
	display: none;
	position: relative;
}

#mypixel-menu li.categoria:hover {
	z-index: 990;
}

#mypixel-menu li.categoria:hover a.categoria {
	background: white;
	color: black;
	border: 1px solid black;
	border-bottom-width: 0;
	padding: 2px 7px;
	z-index: 990;
	position: relative;
}

#mypixel-menu li.categoria:hover ul {
	display: block;
	position: absolute;
	background: white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: 1px 0 0;
	z-index: 980;
	padding: 0;
	min-width: 100%;
	left: 0;
	top: 100%;
}

#mypixel-menu li.categoria ul li,
#mypixel-menu li.categoria ul li a {
	display: block;
	float: none;
	color: black;
	text-decoration: none;
	padding: 0;
	white-space: nowrap;
	font-size: 12px;
}

#mypixel-menu li.categoria ul li {
	margin: 0;
	border-left: 1px solid black;
	border-right: 1px solid black;
	
}

#mypixel-menu li.categoria ul li a {
	padding: 6px 8px;
}

#mypixel-menu li.categoria ul li a:hover {
	background: #f2f2f2;
}

#mypixel-menu div.clearer {
	clear: both;
}





#mypixel-menu-mypixel {
	display:none !important;
}


/* ////////  TABLA LISTADO DATOS /////////////////////////////// */


.mypixel-tabla-menu,
.mypixel-recurso-menu {
	padding: 10px 14px;
	background-color:#222222;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: -20px -20px 20px;
}

.mypixel-tabla-menu ul,
.mypixel-recurso-menu ul {
list-style:none;
padding:0px;
margin:0px;
height:13px;
min-width:500px;
}

.mypixel-tabla-menu ul li,
.mypixel-recurso-menu ul li{
min-width: 50px;
margin-right:20px;
float:left;
padding-right:20px;
border-right: 1px solid #555555;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.mypixel-tabla-menu ul li a,
.mypixel-recurso-menu ul li a {
text-decoration:none;
color:#88ceff !important;
}

.mypixel-tabla-menu ul li a:hover,
.mypixel-recurso-menu ul li a:hover {
text-decoration:none;
color:#ffffff !important;
}

.recuento, .mostrar{
line-height:20px;
display:block;
float:left;
margin-right:40px;
}

.paginas{
line-height:20px;
display:block;
float:right;
max-width:50%;
}

.pagina{
margin-left:3px;
}

.mostrar a{
margin-left: 3px;
}

.mypixel-recurso  {
	background-color: white;
}

.mypixel-portada h2,
.mypixel-tabla h2,
.mypixel-recurso h2 {
	padding: 4px 14px;
	color: #ffffff;
	font-size: 18px;
	font-family: 'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Verdana,sans-serif;
	font-weight: bold;
	background-color: #222222;
	margin: -20px -20px 20px;
}

.mypixel-portada h3,
.mypixel-tabla h3,
.mypixel-recurso h3 {
	display: none;
	color:#d0d0d0;
	font-family:Arial, Helvetica, sans-serif;
	margin: -35px -20px 20px;
	margin-top: -35px;
	font-size:12px;
	padding-bottom:20px;
	padding-left:20px;
	font-weight:lighter;
	background-color: #222222;
}

.mypixel-tabla-datos .filtros {
	margin-bottom: 20px;
}

.mypixel-tabla-datos .filtros .filtro{
	
	float:left;
	height:44px;
	padding-right:30px;
	margin-bottom:10px;
	
}

.mypixel-tabla-datos .filtros .filtrar{
	
	clear:both;
	
}

.mypixel-tabla-datos table {
	border-collapse: collapse;
	min-width: 100%;
	width: 100%;
}

.mypixel-tabla-datos .pie{
margin-top: 20px;
}


.mypixel-tabla-datos table td{
padding-right: 15px;
padding-top:7px;
padding-bottom:7px;
padding-left: 5px;
border-bottom:1px solid #cccccc;
}

.mypixel-tabla-datos table th{
padding-right: 15px;
padding-top:0px;
padding-bottom:9px;
padding-left: 5px;
text-align:left;
border-bottom:1px solid #333333;
background-color:#ffffff;
color:#333333;
}

.par{
background-color:#f5f5f5;
}

.impar{
background-color:#ffffff;
}

.par:hover, .impar:hover{
background-color:#dfdfdf;
color:#333333;
}


/* /////  BOTONES /////////////////  */

.enviar{
margin:10px;
margin-left:0px;
background-color:#FFFFFF;
cursor:pointer;
width: 113px;
height:27px;
background-image:url(theme_pier/bt_guardar.jpg);
overflow:hidden;
text-indent:135px;
border:none;
line-height:27px;
padding:0;
display:block;
}

.filtrar{
margin:10px;
margin-left:0px;
background-color:#FFFFFF;
cursor:pointer;
width: 98px;
height:27px;
background-image:url(theme_pier/bt_filtrar.jpg);
overflow:hidden;
text-indent:135px;
border:none;
line-height:27px;
padding:0;
display:block;
}

.campos .nuevo{
	margin: 0;
	padding: 0;
	width: 157px;
}

.campos .nuevo a{
margin:10px;
margin-left:0px;
background-color:#FFFFFF;
cursor:pointer;
width: 137px;
height:27px;
background-image:url(theme_pier/bt_nuevo_campo.jpg);
overflow:hidden;
text-indent:137px;
border:none;
line-height:27px;
padding:0;
display:block;
}


/* ////////  TABLA INSERTAR DATOS /////////////////////////////// */

.mypixel-registro table {
	border-collapse: collapse;
	min-width: 100%;
}

.mypixel-registro td {
	padding: 10px 0;
	text-align:left;
	vertical-align:top;
	border-bottom: 1px solid #bbbbbb;
	width: 100%;
}

.mypixel-registro th {
	min-width:120px;
	max-width:120px;
	padding-right: 70px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left: 7px;
	border-bottom:1px solid #bbbbbb;
	text-align:left;
	background-color:#ffffff;
	color:#333333;
}

.mypixel-registro thead th{
	width:120px;
	padding-right: 70px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left: 7px;
	border-bottom:1px solid #bbbbbb;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
	color: #333333;
}

.mypixel-registro th .errores {
	margin-top: 1em;
	color: red;
	font-weight: normal;
}
.mypixel-registro form{
text-align:center;
}

/* Campo texto */

.campoTexto textarea {
	border: 1px solid #ccc;
	padding: 0;
	width: 100%;
}


/* Campo archivo */


.campoArchivo-archivo {
	border: 1px solid #ccc;	
	min-height: 65px;
}

.campoArchivo-archivo .campoArchivo-archivo-actual {
	position: relative;
}

.campoArchivo-archivo .campoArchivo-archivo-actual img {	
	position: absolute;
	left: 12px;
	top: 12px;
	border: none;
}

.campoArchivo-archivo .campoArchivo-archivo-actual .info {
	font-size: 10px;
	padding: 12px 12px 12px 60px;
	position: relative;	
}

.campoArchivo-archivo .campoArchivo-archivo-actual .info-cargando {
	background: url('loading.gif') no-repeat 12px 50%;
}

.campoArchivo-archivo .campoArchivo-archivo-actual .info-cargando * {
	visibility: hidden;
}

.campoArchivo-archivo .campoArchivo-archivo-actual .info span {
	display: block;
	font-size: inherit;
}

.campoArchivo-archivo .campoArchivo-archivo-actual .info .nombre {
	font-size: 12px !important;
}

.campoArchivo-archivo .campoArchivo-archivo-actual input.subir {
	position: absolute;
	right: 12px;
	top: 16px;
}


.campoArchivo-archivo .campoArchivo-archivo-nuevo {
	padding: 12px;
}


.campoArchivo-explorador {
	height: 220px;
	border: 1px solid #ccc;
	overflow: auto;
	border-top-width: 0;
	position: relative;
}

.campoArchivo-explorador ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

.campoArchivo-explorador ul li {
	display: block;
	float: left;
	width: 225px;
	height: 4em;
	padding: 4px;		
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}

.campoArchivo-explorador ul li,
.campoArchivo-explorador ul li * {
	cursor: pointer;
}

.campoArchivo-explorador ul li .radio {
	float: left;
	margin-right: 4px;
}

.campoArchivo-explorador ul li .thumb {
	position: absolute;
	left: 0;
}


.campoArchivo-explorador ul li.seleccion {
	background-color: #eee;
}

.campoArchivo-explorador ul li div.archivo {
	margin-left: 25px;
	padding-left: 40px;
	padding-right: 8px;
	position: relative;
}

.campoArchivo-explorador ul li span {
	display: block;
}


.campoArchivo-explorador ul li span.tamano,
.campoArchivo-explorador ul li span.mime {
	font-size: smaller;
}



/* ////////  ESTRUCTURA TABLA /////////////////////////////// */

.mypixel-tabla-estructura .propiedades{
border-collapse:collapse;
margin-bottom:20px;
}

.mypixel-tabla-estructura table td{
padding-right: 30px;
padding-top:10px;
padding-bottom:10px;
padding-left: 10px;
text-align:left;
vertical-align:top;
border-bottom:1px solid #bbbbbb;
}

.mypixel-tabla-estructura table th{
width:120px;
padding-right: 70px;
padding-top:7px;
padding-bottom:7px;
padding-left: 7px;
border-bottom:1px solid #bbbbbb;
text-align:left;
background-color:#ffffff;
color:#333333;
font-weight:normal;
}

.atributos div{
	padding-bottom: 10px;
}

.atributos label, .indices label{
	font-size: 12px;
}

.mypixel-tabla-estructura table input, .mypixel-tabla-estructura table textarea, .mypixel-tabla-estructura table select{
/*width: 250px;*/
}

.mypixel-tabla-estructura table {
	padding-bottom: 20px;
}

.mypixel-tabla-estructura table label input[type=checkbox]{
	width: 15px;
}

.mypixel-tabla-estructura table input[type=text],.mypixel-tabla-estructura table textarea{
	width: 250px;
	margin-right: 10px;
}

.mypixel-tabla-estructura table fieldset.campos {
	border: none;
}

fieldset.campos, fieldset.campos ol, fieldset.campos ul{
padding:0px;
margin:0px;
border: none;
}

.opciones li a{
text-decoration:none;
}

.opciones{
height: 33px;
display:block;
background-color:#f5f5f5;
padding-top:10px;
}

.opciones li{
margin-top:10px;
margin-left:10px;
margin-right:30px;
float:left;
}

fieldset.campos{
min-width:700px;
margin-top: 50px;
}

.campos .campo{
padding-right: 0px;
padding-top:10px;
padding-bottom:10px;
padding-left: 0px;
text-align:left;
vertical-align:top;
margin-bottom: 30px;
}

.campos .campo h5{
font-size:13px;
color:#333333;
font-weight:bold;
border-bottom:1px solid #333333;
padding-bottom:7px;
padding-left:10px;
}

/* //////// PORTADA ///////////////// */

.mypixel-enlaces{
background-color:#FFFFFF;
}

.mypixel-enlaces .mypixel-enlaces-grupo{
margin-top:10px;
margin-bottom:30px;
margin-left:10px;
}


.mypixel-enlaces-grupo table{
border-collapse:collapse;
}

.mypixel-enlaces-grupo .par:hover, .mypixel-enlaces-grupo .impar:hover, .mypixel-enlaces-grupo .par, .mypixel-enlaces-grupo .impar{
background-color:#ffffff;
}

.mypixel-enlaces-grupo td{
padding-right: 30px;
padding-top:10px;
padding-bottom:10px;
padding-left: 10px;
text-align:left;
vertical-align:top;
border-bottom:1px solid #bbbbbb;
}

.mypixel-enlaces-grupo th{
width:120px;
padding-right: 70px;
padding-top:7px;
padding-bottom:7px;
padding-left: 7px;
border-bottom:1px solid #333333;
text-align:left;
background-color:#ffffff;
color:#333333;
}


/*//////////////////////////*/

#mypixel-login{
	width:130px;
	margin:60px auto;
}
#mypixel-login .entra{
	margin: 5px 0;
	width: 130px;
}


.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }