/* FWK.COMMON.CSS */

button{ 
   background-color:#F3F3F3;
	border:1px solid #ccc;
	display: inline;
	color:#444;
	padding:2px 8px;
    !padding:2px 0px 2px 0px!important;
	text-align:center;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
     border-radius: 3px;
	 cursor:pointer;
	 font-size:13px;}
	 
select, 
input, 
textarea  {
	border:1px solid #CCC;
	font-size:13px;
	color:#333;
	padding:2px;}
	

/*disenio global param todo el sitio -----------------------------------------*/
body{ font-family: Tahoma, Geneva, sans-serif; background-color:#fbfbfb;}

/* Utilidades Generales */
.divisor { clear:both; }
.upload { cursor:pointer; }

/* MENU */
#menu { position:fixed; top:0; left:0; width:100%; height:44px; z-index:100; background: transparent url(../img/header.jpg) left center no-repeat; margin:0px; cursor:pointer; text-align:center; }

/* USER INFO */
.userinfo { position:absolute; top:0px; right:10px; margin:0px; font-size:80%; padding:5px 10px; text-align:right; background-color:white; border:solid 1px gainsboro; border-top:none; }
.userinfo-nombre { color: #175a85; text-decoration:underline; white-space:nowrap; }
.boton-red { background: transparent url(../img/button.back.red.png) center left repeat-x; padding:5px 10px; color:#ffffff; margin:0 0 0 5px; text-decoration:none; }

/*FOOTER*/
#pageFooter { width:100%; color:darkgray; text-align:center; font-size:60%; background: transparent url(../img/poweredbyMixplay.gif) 97% center no-repeat; }

/* TOOLBAR */
#toolbar { position:fixed; top:43px; left:0px; width:100%; padding:0px; z-index:100; text-align:left; }
#toolbarTitulo { background-color:#cccccc; padding: 5px 0 5px 30px; }
#toolbarBotonera { background-color:#e9e9e9; padding: 2px 0 2px 30px; }
#toolbar #titulo { margin:0 20px 0 0; font-size:110%; font-weight:bold; }
#toolbar button { color:steelblue; border: solid 1px steelblue; background-color:transparent; }
#toolbar button:hover { text-decoration:underline; }
#toolbar a, #toolbar a:visited { color:steelblue; text-decoration:none; }
#toolbar a:hover { text-decoration:underline; }
#toolbar .disabled { color:gainsboro !important; background-color:whitesmoke; border-color: gainsboro; }
.toolbarSpace { margin:0 5px; } .toolbarSpace span { display:none; }
#toolbar select { background-color:transparent; border:solid 1px steelblue; }

/* MENSAJES */
.error { color:red; font-weight:bold; font-size:120%; }
/*.message { position:fixed; bottom:20px; right:50px; padding:10px 10px 10px 54px; border: solid 2px yellow; background:lightyellow url(../img/ico.alert.png) 2px 5px no-repeat; font-size:90%; color:black; text-align:right; }*/
/*.message button { background-color:transparent; border: solid 1px goldenrod; }*/
/*.error { position:fixed; bottom:20px; right:50px; padding:10px 10px 10px 54px; border: solid 2px darkred; background:mistyrose url(../img/ico.error.png) 2px 1px no-repeat; font-size:90%; color:black; text-align:right; }*/
/*.error button { background-color:transparent; border: solid 1px darkred; margin:10px 0 0 0; }*/
/*.info { position:fixed; bottom:20px; right:50px; padding:10px 10px 10px 54px; border: solid 2px green; background:#cadfcb url(../img/ico.info.png) 2px 1px no-repeat; font-size:90%; color:black; text-align:right; }*/
/*.info button { background-color:transparent; border: solid 1px green; margin:10px 0 0 0; }*/
/*.ask { position:fixed; bottom:20px; right:50px; padding:10px 10px 10px 54px; border: solid 2px navy; background:azure url(../img/ico.help.png) 2px 1px no-repeat; font-size:90%; color:black; text-align:right; }*/
/*.ask button { background-color:transparent; border: solid 1px navy; margin:10px 0 0 0; }*/

/* Pantalla principal */
#main { margin:100px 10px 10px; padding:10px; background-color:#ffffff;}

/*PANELES - Externo */
.adminPanelBigGrayBall { background-color:#f4f9fc; border:none; padding:20px 10px 10px 10px; margin:5px 0; }
.adminPanelBigGrayBall legend { color:#000000; font-size:200%; }
.adminPanelBigGrayBall legend .adminPanelSwitch { display:block; float:left; border:none; background:transparent url(../img/bullet.big.gray.png) center center; height:50px; width:50px; cursor:pointer; text-align:center; }
.adminPanelBigGrayBall legend .adminPanelSwitch span { color:#ffffff; font-size:130%; }
.adminPanelMediumGrayBall { background-color:#f4f9fc; border:none; padding:2px; margin:5px 0; }
.adminPanelMediumGrayBall legend { color:#000000; font-size:150%; font-weight:bold; }
.adminPanelMediumGrayBall legend .adminPanelSwitch { display:block; float:left; border:none; background:transparent url(../img/bullet.medium.gray.png) center center; height:30px; width:30px; cursor:pointer; text-align:center; }
.adminPanelMediumGrayBall legend .adminPanelSwitch span { color:#ffffff; font-size:100%; }
.adminPanelSmallGrayBall { background-color:#f4f9fc; border:none; border-top:solid 1px gainsboro; padding:2px; margin:0px 0; }
.adminPanelSmallGrayBall legend { color:#000000; font-size:80%; font-weight:bold; }
.adminPanelSmallGrayBall legend .adminPanelSwitch { display:block; float:left; border:none; background:transparent url(../img/bullet.small.gray.png) center center; height:15px; width:15px; cursor:pointer; text-align:center; }
.adminPanelSmallGrayBall legend .adminPanelSwitch span { color:#ffffff; font-size:90%; }
.adminPanelBigBlueBall { background-color:#f4f9fc; border:none; padding:20px 10px 10px 10px; margin:5px 0; }
.adminPanelBigBlueBall legend { color:#000000; font-size:200%; }
.adminPanelBigBlueBall legend .adminPanelSwitch { display:block; float:left; border:none; background:transparent url(../img/bullet.big.blue.png) center center; height:50px; width:50px; cursor:pointer; text-align:center; }
.adminPanelBigBlueBall legend .adminPanelSwitch span { color:#ffffff; font-size:130%; }
.adminPanelMediumBlueBall { background-color:#f4f9fc; border:none; padding:2px; margin:5px 0; }
.adminPanelMediumBlueBall legend { color:#000000; font-size:150%; font-weight:bold; }
.adminPanelMediumBlueBall legend .adminPanelSwitch { display:block; float:left; border:none; background:transparent url(../img/bullet.medium.blue.png) center center; height:29px; width:30px; cursor:pointer; text-align:center; }
.adminPanelMediumBlueBall legend .adminPanelSwitch span { color:#ffffff; font-size:100%; }
.adminPanelSmallBlueBall { background-color:#f4f9fc; border:none; border-top:solid 1px gainsboro; padding:2px; margin:0px 0; }
.adminPanelSmallBlueBall legend { color:#000000; font-size:80%; font-weight:bold; }
.adminPanelSmallBlueBall legend .adminPanelSwitch { display:block; float:left; border:none; background:transparent url(../img/bullet.small.blue.png) center center; height:15px; width:15px; cursor:pointer; text-align:center; }
.adminPanelSmallBlueBall legend .adminPanelSwitch span { color:#ffffff; font-size:90%; }
/*PANELES - Interno */
/*.adminPanelClient button,*/.adminPanelClient .button { background: transparent url(../img/button.back.gray.png) center center repeat-x; border:none; color:#ffffff; cursor:pointer; }
.adminPanelClient .borrar { cursor:pointer; background: transparent url(../img/button.back.red.png) center left repeat-x; padding:0px 5px; color:#ffffff; margin:0 0 0 5px; text-decoration:none; }


/* TABLAS: Listadores */
.table-list { 
border:solid 1px #ccc; 
border-collapse:collapse; 
background-color:white; 
width:100%; 
font-size:13px; 
margin:5px 0;}

.table-list tr:hover { background-color:#F2F2F2; }

.table-list .filtroNombre{
	width:150px;
	}

.table-list .filtroDesc{
	}
	
.table-list .filtroAct{
	}
	
.table-list .filtroAzul{
	color:#005C9C;
	}
	
.table-list thead th {  
    background-color: #E5E5E5;
    border-right: 1px solid #CCCCCC;
    color: #000000;
    font-size: 13px;
    height: 30px;
    padding:0 5px 0 5px;
    text-align: left; }
	
/*.table-list thead th { border-bottom:solid 1px gainsboro; }*/
.table-list tbody th { border-right:solid 1px #d5d5d5; text-align:left; width:120px; padding: 2px 5px; vertical-align:middle; }
.table-list tbody td { 
border-right:solid 1px #d5d5d5; 
padding: 2px 5px; 
vertical-align:middle; }

.table-list #filterTipos td { 
padding: 8px 5px; 
}

.table-list .row_impar,
.table-list .impar
{
	    background-color: #F9F9F9;}
		
.table-list .center input{
	border:none;}
		
.table-list a { text-decoration:none; color:steelblue; margin: 0 1px;}
.table-list a:hover { text-decoration:underline; }
.table-list img { vertical-align:middle; display:inline-block; }
.table-list .borrar { cursor:pointer; background: transparent url(../img/button.back.red.png) center left repeat-x; padding:0px 5px; color:#ffffff; margin:0 0 0 5px; text-decoration:none; }
.table-list .borrar:hover { text-decoration:underline; }

/* TABLAS: Card */
.table-card { 
width:100%; 
font-size:13px; 
/*border-collapse:collapse;*/
margin-top:20px;
border:1px solid #CCC;
}

.table-card thead th { border-bottom:solid 1px gainsboro; vertical-align:text-top; }
.table-card tbody td { padding:1px 5px; }
.table-card tbody th { 
width:150px; 
text-align:right; 
padding: 10px 15px; 
vertical-align:text-top; }

.table-card a { text-decoration:none; color:steelblue; }
.table-card a:hover { text-decoration:underline; }
.table-card input { }
.table-card input.full { width:100%; }
.table-card input.small { width:180px; }
.table-card input.check { /*width:inherit !important*/; border:solid 1px #7f9db9; border:none; width:14px; }
.table-card label{
	position: relative;
    top: -3px;}
.table-card select { /*min-width:30%*/ width:150px; }
.table-card textarea.mediana { width:100%; height:150px; }
.table-card .originalContent { background-color:#e9f8ee; border:solid 1px #73d292; color:#73d292; padding:2px; margin:0 0 1px 0; text-align:left; }

/*Campos obligatorios, simbolo*/
.obligatorio { width:10px; padding:0 !important; margin:0 !important; text-align:center; font-weight:bold; }

/*iconos del tipo del archivo param divs del 20x20*/
.ul-adjuntos li { height:20px; }
.adjunto-text { float:left; }
.btnBorrarAdjunto { float:left; margin:0 0 0 10px; }
.ico20-elementos { float:left; width:20px; height:20px; margin:0 5px; background: transparent url(../img/ico.20.media.png) center center no-repeat; }
.ico20-flash { float:left; width:20px; height:20px; margin:0 5px; background: transparent url(../img/ico.20.flash.png) center center no-repeat; }
.ico20-imagen { cursor:pointer; float:left; width:20px; height:20px; margin:0 5px; background: transparent url(../img/ico.20.camera.png) center center no-repeat; }

/* Botoneras */
.botonera { text-align:center; margin:20px 0 10px 0; }
.botonera button, .botonera .button { background: #3d6ab6 url(../img/button.back.blue.png) center center repeat-x; color:white; border:none; padding:2px 10px; cursor:pointer;}

/*MSGBOX*/
.msgBoxOutFrame { background: transparent url(../img/msgbox.fondo.png) center center ; display:none /*no borrar*/; position:fixed; left:0; top:0; z-index:500; width:100%; height:100%; text-align:center /*para ie*/; }
.msgBoxFrame { 
display:none /*no borrar*/;
width:40%; 
margin: 20px auto /*para ff*/; }

.msgBoxTitle { color:#ffffff; text-align:left; padding: 2px 10px; background: transparent url(../img/msgbox.titulo.png) center left repeat-x; }
.msgBoxClient { margin:10px; color:#ffffff; }
.msgBoxButtons { margin:20px 0 5px; }
.msgBoxButtons button { }

/* LOGIN SCREEN ------------------------------------------------------------- */
#loginBox { 
position:absolute; 
top:20px; 
width:100%; 
text-align:center; }
#loginPanel { 
position:relative; margin:0 auto; width:400px; height:280px; text-align:right; padding:10px; background: transparent url(../img/scr.login.png) top left no-repeat;
*width:420px; *height:300px; }

#loginMensaje { 
position:absolute; 
top:110px; 
left:29px; 
width:359px; 
text-align:center; 
font-size:12px; 
color:#333;
font-weight:bold; }

#loginPanel form { 
left: 25px;
    position: absolute;
    text-align: center;
    top: 140px;
    width: 360px; }
	
#loginPanel table { border-spacing:5px; }
#loginPanel table th { 
text-align:right; 
color:#333;
font-weight:bold; 
width:100px;
font-size:12px;
font-weight:normal;}

#loginPanel input { 
    background-color: #E5E5E5;
    border: 1px solid #FFFFFF;
    height: 15px;
    padding: 5px;
    width: 205px;
	font-size:13px; 
	*height: 25px;}
	


/* LOGIN SCREEN DLA ---------------------------------------------------------
#loginDLABox { position:absolute; bottom:25%; width:100%; text-align:center;}
#loginDLAPanel { position:relative; margin:0 auto; width:400px; height:280px; text-align:right; padding:10px; background: transparent url(../img/DLA.scr.login.png) top left no-repeat; }
#loginDLAMensaje { position:absolute; top:110px; left:0px; width:420px; text-align:center; font-size:90%; color:white; }
#loginDLAPanel form { position:absolute; top:150px; left:30px; width:360px; text-align:center; }
#loginDLAPanel table { border-spacing:10px; }
#loginDLAPanel table th { text-align:right; color:white; width:100px;}
#loginDLAPanel input { border-width:1px; background-color:white; width:230px; }
#loginDLAPanel button { background: transparent url(../img/button.back.red.png) left center repeat-x; border:none; color:white; height:28px; padding:2px 10px;}
 */

/* MAIN SCREEN -------------------------------------------------------------- */

.fondo-botonera{
	display:block;
	width:700px; height:800px;	
	background:url(../img/fondo_main-botonera.png) left top no-repeat;
	margin:0 auto;
	border:1px solid #CCC;	
	}

.main-botonera{
	display:block;
	width:600px;
	margin:20px auto;
	padding-top:120px;
	}

#mainMenu { }
#mainMenu ul { display:block; clear:both;}
#mainMenu .menu-first { text-align:center; }
#mainMenu .menu-last { clear:both; text-align:center;}
#mainMenu .menu-item{ display:block; float:left; margin:0px; padding:5px; }
#mainMenu .menu-separator{ clear:both; height:1px; margin:0; padding:0; }
#mainMenu a { 
display:block; 
height:133px; 
width:100px; 
text-align:center; 
color:#444; 
font-size:11px; 
text-decoration:none;
font-weight:bold;
line-height:12px; }
#mainMenu a span {
	padding:100px 0 0 0;
	display:block; }
	
#mainMenu a:hover span { color:#000; }
#mainMenu a span { }

#mainMenu #video { background: transparent url(../img/ico.media.png) center center no-repeat; }
#mainMenu #audio { background: transparent url(../img/ico.musica.png) center center no-repeat; }
#mainMenu #user { background: transparent url(../img/ico.user.png) center center no-repeat; }
#mainMenu #imagen { background: transparent url(../img/ico.photo.png) center center no-repeat; }
#mainMenu #html { background: transparent url(../img/ico.write.png) center center no-repeat; }
#mainMenu #bandas { background: transparent url(../img/ico.band.png) center center no-repeat; }
#mainMenu #dla { background: transparent url(../img/ico.dla.png) center center no-repeat; }
#mainMenu #dlaexpress { background: transparent url(../img/ico.dlaexpress.png) center center no-repeat; }
#mainMenu #logout { background: transparent url(../img/ico.salir.png) center center no-repeat; }
#mainMenu #layout { background: transparent url(../img/ico.layout.png) center center no-repeat; }

.menu-item-dlaexpress {
display: none !important;
}

/*PAGINADOR*/
.pag { font-size:80%; height:23px; clear:both; }
.pag ul { list-style:none; padding:0; margin:0; float:right; }
.pag li { float:left; display:block; width:30px; background-color:#abcdef; padding:2px; margin:0 2px; text-align:center; color:white; font-weight:bold; cursor:pointer; }
.pag li.pag-current { background-color:#2d82d7; }
.pag .pag-visor-paginas, .pag .pag-visor-items { color:#2d82d7; float:left; margin:0 2px; padding:2px; }

/*IMAGEN FILE UP*/
.image-up { border:solid 1px #abcdef; display:block; position:relative; float:left; height:150px; width:200px; margin:0 10px 0 0; overflow:hidden; text-align:center; }
.image-up-img { display:block; width:200px;}
.image-up-botonera { position:absolute; bottom:0; left:0; width:100%; background:transparent url(../img/fondo.black.70.png) center center repeat; color:white; text-align:center; }
.fileuploadMessage { display:block; color:yellow; font-weight:bold; }
.fileuploadClear, .image-up-boton, .image-up-botonhover, .fileuploadCancel { cursor:pointer !important; }

/*LOADING*/
.loadingBoxOutFrame { z-index:1000; position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; background: transparent url(../img/fondo.white.70.png); }
.loadingBoxFrame { background: transparent url(../img/ajax-loader-spin.gif) center center no-repeat; width:100%; height:100%; text-align:center; font-size:300%; color:black; font-weight:bold; }

/*LISTADOR GENERICO*/
.filterSelect 	{ width:100%; }
.filterFields 	{ width:99%; }
.filterCheck    { background-color:#abcdef; margin:2px; padding:2px 5px 2px 2px; display:block; float:left; }
.listgen_number { text-align:right; padding:0 5px 0 0; }
.listgen_date 	{ text-align:center; }
.listgen_icon 	{ text-align:center; }
.icon-small-green { display:block; width:17px; height:15px; background: transparent url(../img/bullet.small.green.png) center center no-repeat; }
.icon-small-yellow { display:block; width:17px; height:15px; background: transparent url(../img/bullet.small.yellow.png) center center no-repeat; }
.icon-small-red { display:block; width:17px; height:15px; background: transparent url(../img/bullet.small.red.png) center center no-repeat; }
.accionesSpace { margin:0; color:whitesmoke; } /*pipe inter rowboton*/
.rowbuttons { width:150px; text-align:right; background-color:whitesmoke; }


#abusedialog { font-size:80%; }
#avusedialog .button { background: #3d6ab6 url(../img/button.back.blue.png) center center repeat-x; color:white; border:none; padding:2px 10px; cursor:pointer;}