/*
    Creado: 00/00/0000
    
    Lista de Modificaciones:
        SPB xx/xx/xxxx -> Añade estilos para la nueva intranet.
        AMM 24/08/2012 -> Modificación general de estilos para quitar redundancias y redibujar la intranet.
*/

/*****************/
/* MENU INTRANET */
/*****************/


.ColumnaCentral.Administracion {
    margin-top:30px;
}
.Intranet .MenuSuperiorIntranet
{
	float: left;
    margin-bottom: 25px;
    width:100%;
}

.Intranet .MenuSuperiorIntranet ul
{
	/*background-color: #FFFFFF;*/
    height: 20px;
    padding: 10px 0;
    width: 100%;
}
.Intranet .MenuSuperiorIntranet ul li
{
	float: left;
	list-style-type: none;
}

.Intranet .MenuSuperiorIntranet ul li.InicioSeccion
{
	border-left: 2px dotted rgba(0,0,0,0.3);
}


.Intranet .MenuSuperiorIntranet ul li a
{
	background-color: transparent;
    color: #003366;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    padding: 0 10px;
}

.Intranet .MenuSuperiorIntranet ul li a:hover
{
	color: #333333;
	background-color: #EEEEEE;
}

/***********************/
/* CONTROL VISIBILIDAD */
/***********************/

.Intranet .Editor div.ControlVisibilidadModulos
{
	margin: 0;
	width: 100%;
}

.Intranet .Editor .ControlVisibilidadModulos div.Lista.Izda
{
	display: inline-block;
    margin:0 -4px 0 0;
    vertical-align: top;
	width: 42%;
}

.Intranet .Editor .ControlVisibilidadModulos div.Lista.Dcha
{
	display: inline-block;
    margin:0 -4px 0 0;
    vertical-align: top;
    width: 42%;
}

.Intranet .Editor .ControlVisibilidadModulos div.Lista select
{
	width: 100%;
	height: 300px;
	padding:5px
}

.Intranet .Editor .ControlVisibilidadModulos div.Controles
{
	width: 16%;
	display: inline-block;
    margin:0 -4px 0 0;
    vertical-align: top;
	text-align: center;
	padding-top: 80px;
}
.Intranet .Editor .ControlVisibilidadModulos div.Controles ul li {
	list-style-type:none;
}

.Intranet .Editor .ControlVisibilidadModulos div.Controles input
{
	border-radius: 5px;
    font-weight: normal !important;
    padding: 5px 4px;
    background-color: transparent;
    padding: 8px 20px;
    border: 1px solid #999;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 0.9em;
    margin: 0px auto 10px;
    width: 60%;
    display: block;
}
.Intranet .Editor .ControlVisibilidadModulos div.Controles input:hover {
    background-color: #999;
    color:#FFFFFF;
}

.Intranet .Editor .ControlVisibilidadModulos h5
{
	font-size: 0.9em;
    text-transform: uppercase;
    margin-bottom: 5px;
}



/**************/
/*BUSCADOR CSS*/
/**************/

div#ventanaCarga
{
    width:300px; 
    height:80px; 
    border:5px solid gray; 
    position:absolute; 
    top:40%; 
    left:50%;
    margin-left:-150px;
    margin-top:-40px;
    background-color:White;
    text-align:center;
} 

.NameBuscador
{
    
    height:20px;
    background-color:#666;    
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    text-align:center;
    color:White;
    padding-top:3px;    
}

.NameBuscadorColapsado
{
    border-radius: 10px 10px 10px 10px;
}

.NameBuscador img
{
    float: right;   
    margin-right:5px; 
    margin-top:2px;
    cursor: pointer;    
}

.BloqueBuscadorVertical
{
    list-style:none;
    text-align:center;
    color: #666;
    /*border: 5px solid #666;
    padding:5px;
    /*-moz-border-radius: 15px;
    border-radius: 15px;*/
    float:left;
    margin-top:0px;
    /*background: -webkit-gradient(linear, 0 bottom, 0 top, from(#FFF), to(#666));
    background: -moz-linear-gradient(-90deg, #666, #FFF );*/        
}

.BloqueBuscadorVertical input:not(.dxeEditArea)
{
    border-radius: 5px;
    font-weight: normal !important;
    padding: 5px 4px;
    background-color: transparent;
    padding: 8px 20px;
    border: 1px solid #999;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 0.8em;
    margin:0px -4px 0 5px;
}
.BloqueBuscadorVertical input:not(.dxeEditArea):hover {
    color:#FFFFFF;
    background-color:#999999; 
}
.BloqueBuscadorVertical input:hover
{
    /*color:#FFFFFF;
    background-color:#999999;*/  
}

.OpcionesBuscadorVertical
{
    background-color: #eee;
    border: 1px solid #ccc;
    width: 5%;
    display:inline-block;
    margin:0;
    vertical-align: top;
    float:none;
}

.ResultadosBuscadorVertical
{
    width:95%; 
    display:inline-block;
    margin:0;
    vertical-align: top;  
    text-align:left;
    float:none;
}

.CabeceraBuscadorVertical {
    margin-bottom: 25px;
    text-align: left;  
    width: 100%;
}
.CabeceraBuscadorVertical span
{
    font-size: 24px;
    vertical-align: text-bottom;
    position: relative;
    text-transform:uppercase;
    font-weight:normal;
}

.CabeceraBuscadorVertical .lbFiltrarResultados
{
    float: right;
    font-size: 26px;    
    margin-top:5px;        
}
    
.CabeceraBuscadorVertical .lbFiltrarResultados:hover
{
            
    text-shadow: 2px 2px 7px #888;  
    cursor:pointer;  
}
.OpcionesBuscadorVertical.BloqueBuscadorVertical input {
	border-radius:0px;
    margin:auto;
    display:block;
    padding:5px;
}
        .OpcionesBuscadorVertical.BloqueBuscadorVertical input:hover {
            background-color:transparent;
        }

.BloqueBuscador
{
    list-style:none;
    width: 100%;
    color: #666;
    border: 5px solid #CCC;
    padding-left:0px !important;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-top:0px;
}

.BloqueBuscador input:not(.dxeEditArea)
{
    border-radius: 10px; 
    -moz-border-radius: 10px;
    padding: 5px;         
}
    .BloqueBuscador input:hover
    {
        background-color: #CCC;    
    }


.GroupBuscador
{
   padding-top: 8px;
   margin:2px; 
   float:left;
   height:100%;
   border: 2px solid #666;
   -moz-border-radius: 10px;
   border-radius: 10px;
   text-align:center;
   background: -webkit-gradient(linear, 0 bottom, 0 top, from(#CCC ), to(#FFF));
   background: -moz-linear-gradient(-90deg, #CCC, #FFF );
}

.NombreGrupo
{
    background-color:#666;
    padding: 0px 7px 0px 7px;
    color:White;
    font-size:9px;
    text-align: center;
    border-radius: 0px 0px 7px 7px;
    -moz-border-radius: 0px 0px 7px 7px;
}

.BloqueResultados table
{
    -moz-border-radius: 8px;    
}

.BloqueAcciones
{
    margin:  15px 0px 15px 0px;
    text-align: center;
}

.VentanaDifuminada
{
    z-index: 1000;
	position: fixed !Important;
    top: 0px !important;
    left: 0px !important;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.73);
	color: #666;
	padding-top:20%;    
}



.BloqueVentanaDifuminada
{
    width: 400px;
	background-color: White;
	-moz-border-radius: 15px;
    border-radius: 15px;
	border: 5px solid #666;
	position: relative;
	padding:10px;
	margin-top:300px;
	margin:auto;
}

.BloquePopup
{
    height: 35px;
    border-bottom: 3px solid #CCC;
    font-size: 20px;
    font-weight: bold;
    margin-bottom:10px;
}
    .BloquePopup input
    {
        float:right;
    }


.BloqueFAvanzado span
{
    margin-bottom:20px;        
}

.CerrarPopup {
    position: absolute;
    top: 0px;
    left: 100%;
    margin-top: -10px;
    margin-left: -15px;
}

.iconos
{
    list-style:none;    
}

.iconos li
{
    float:left;
}

#BloqueConfiguracionesFavoritas
{
    position: absolute;
	background-color: White;
	-moz-border-radius: 15px;
    border-radius: 15px;
	border: 5px solid #666;
	padding:10px;
	z-index: 100;	
	width:300px;
	box-shadow:  0px 0px 20px 8px #666;
}

.ComboFavoritos
{
    border-width: 0px;
    padding: 3px;             
    margin-left: 2px;
}

.Info
{
    font-size: 10px;
    color:#666; 
}

.BotoneraFavoritas
{
    margin-top: 10px;    
}

.BotoneraFavoritas input[type=image] 
{
    margin: 0px 0px 0px 5px;  
    position: relative;
    top: 3px;    
    cursor: pointer;
    left: 0px;
}

#ListadoFavoritas 
{
    -moz-border-radius: 10px;
    border-radius: 10px;
	border: 2px solid #666; 
	width:190px;    
}

.dxpPageNumber
{
    color:Black;    
}

.GestionFavoritos
{
    margin: 4px 10px 0px 0px;
}

.FormGuardarConf
{
    margin-top: 10px;    
}

.FormGuardarConf input[type=image]
{
    margin-top: 10px;    
}



/**************/
/*EDITOR CSS  */
/**************/

.TablaEditor
{
    border: 1px Solid  #A8A8A8;
    font-family:"Open Sans", sans-serif;
    background-color:#FFFFFF;
    padding:20px;
    display:block;
}

.BloqueEditor
{
    clear:both;
    text-align:center;
    color: #666;
    margin-top:0px;
    width:97%; 
    
}
.BloqueEditor .Validacion {
	top:0;
	margin-bottom:30px;
}
 .BloqueEditor input[value="Borrar Imagen"] {
    border-radius: 5px;
    font-weight: normal !important;
    background-color: transparent;
    padding: 4px 20px;
    border: 1px solid #999;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 0.9em;
    margin: 0 -4px 0 0;
    width:150px;
    text-align: center;
 }
.BloqueEditor input[value="Borrar Imagen"]:hover {
    background-color: #999999;
    color:#FFFFFF;
}

.BloqueEditor input:hover, .BloqueEditor input:focus
{
    background-color: #FFFFFF;
    color:#666666;
    border:1px solid #666666;    
}


.Validador
{
    font-size:20px;    
}

.ContenedorTablaTabulada
{
    width: 100%;
    position:relative;
}
.ContenedorTablaTabulada .SelectorIdiomaContainer {
    top: 50px;
}
.ContenedorTablaTabulada > tbody > tr > td > input {
	padding:5px 10px;
	border-radius:5px;
	cursor:pointer;
}
.dxtcControl {
	margin-bottom:20px;
}

.TablaControles
{
    width: 100%;
}
.TablaControles.GaleriaImagenes .Rejilla {
    margin-bottom:10px;
}
.TablaControles > tbody > tr > td {
	padding-bottom:10px;
}
.TablaControles > tbody > tr > td * {
	vertical-align:initial;
}

.TablaControles input, table, select
{
    width: 100% !Important;
}
.TablaControles > tbody > tr > td input, .Administracion input[type="submit"] {
	border: 1px solid #CCCCCC;
    padding-left: 2%;
    /*width:auto !important;*/
    height: auto;
    padding: 7px 1%;
}
.TablaControles > tbody > tr > td select {
    padding:7px 1%;
}
.TablaControles > tbody > tr > td > table {
    padding:7px 1%;
}
.ContenedorTablaTabulada > tbody > tr > td > input[type="submit"], .TablaEditor input[type="submit"]
{
    border-radius: 5px;
    font-weight: normal !important;
    padding: 5px 4px;
    background-color: transparent;
    padding: 8px 20px;
    border: 1px solid #999;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 0.8em;
    margin:0px -4px 0 5px;
}
.ContenedorTablaTabulada > tbody > tr > td > input[type="submit"]:hover, .TablaEditor input[type="submit"]:hover {
    color:#FFFFFF;
    background-color:#999999; 
}
.dxtcLite.dxtc-top > .dxtc-stripContainer {
    height:25px !important;
}

.Etiqueta1
{
    text-align: right;
    width: 15%;
}

.Etiqueta2
{
    text-align: right;
    width: 25%;
}

.Etiqueta2
{
    text-align: right;
}

.ColCampo1
{
    text-align: left;
}

.ColCampo1
{
    text-align: left;
}

.ColVal1
{
    width: 1px;
}

div.ColCampo1
{
    text-align: center;
}

div.ColCampo1 > textarea
{
    width: 70%;
    height: 100px;
}

#divOverModal
{
    width: 100%; 
    height: 100%;
    position: fixed; 
    top: 0px; 
    left: 0px; 
    background-color: rgba(0,0,0,0.7);    
    z-index: 9999;
}

#divOverModal > div > table
{
    width: 300px !Important;
    background-color: #FFFFFF; 
    margin:300px auto;
}
#divOverModal > div > table > tr {
    padding:7px 10px;
    display:block;
}
#divOverModal > div > table > tr > td {
    padding:7px 10px;
    display:block;
}
#divOverModal > div > table td input[type="text"] {
    padding:7px 10px;
    display:block;
}

tr.SelIdioma > td
{
    text-align:right;
}

.defaultSkin table.mceToolbar
{
    margin-left: 0px !Important;
}

/* Especifico: Editor Categorias de Producto */
td.ColCampo1 > input#tbNombre
{
    width: 99.5%;
}

.NombreEditor
{
    text-align:left !important;
    font-size:30px; 
    padding-bottom:20px;   
}

#cbDestacado
{
    width:20px !Important;
}

input[type=checkbox]
{
    width:auto !Important;
    border: 1px solid red;
}

td.ColCampo2
{
    text-align:left;
}


.dxtcActiveTab, .dxtcActiveTabWithTabPositionBottom, .dxtcActiveTabWithTabPositionLeft, .dxtcActiveTabWithTabPositionRight {
	border: 1px solid #A8A8A8;
	padding: 7px 20px 7px;
	background-color: #FFFFFF;
	text-align: center;
	font-weight:500;
}
.dxtcTab, .dxtcTabWithTabPositionLeft, .dxtcTabWithTabPositionBottom, .dxtcTabWithTabPositionRight {
	padding: 7px 20px 7px;
	font-weight:500;
}

/*.TablaControles.GaleriaImagenes {
	margin-top:20px;
}
	.TablaControles.GaleriaImagenes a {
		margin-top:20px;
		padding:5px 10px;
		border-radius:5px;
	}*/




.BloqueEditor .TablaEditor tbody tr td span {
}
.TablaEditor tbody tr.Nombre td span, .TablaEditor tbody tr.Nombre + tr td span {
    display: inline-block;
    padding: 5px;
    margin-bottom:10px;
}
.TablaEditor tbody tr td input.ColCampo1, .TablaEditor tbody tr + tr td input.ColCampo1 {
	height:30px;
	margin-bottom:10px;
	padding:0 10px;
	width:100% !important;
}
.TablaEditor tbody tr:nth-child(9) input {
	width:auto !important;
}

.TablaEditor tbody tr:nth-child(11) td input {
	width:auto !important;
	height:auto;
	padding:0;
}
.TablaEditor tbody tr:nth-child(n+11) td input {
	border-radius: 5px;
    cursor: pointer;
    padding: 5px 10px;
}



/********************************/
/*     GOOGLE MAPS API STYLE    */
/********************************/

.pac-container{background-color:#fff;border:1px solid #ccc;overflow:hidden}
.pac-container:after{padding-top:3px;text-align:right;display:block;font-size:0}
.pac-item{cursor:pointer;padding:0 4px;text-overflow:ellipsis;white-space:nowrap}
.pac-item:hover{background-color:#f0f0ff}
.pac-selected{background-color:#d5ddf3}
.pac-placeholder{color:gray}
.pac-container:after {content:url("https://maps.gstatic.com/mapfiles/powered-by-google-on-white.png");}



.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv {
	padding:10px;
	cursor:pointer;
}


.dxGridView_gvHeaderFilter {
	background-image:url('Imagenes/icons/fleFiltrar.png');
	background-repeat:no-repeat;
	background-position:left top;
	height:16px;
	width:16px;
	position:relative;
	top:3px;
}
.dxgvHeader, .dxgvHeader table {
	background-color:#BBBBBB;
}
.dxgvHeader td {
	color:#FFFFFF;
	font-weight:bold;
}
.dxgvDataRowAlt {
	background-color:#F3F3F3;
}




/******** PERFIL ****************/
.Editor.BloqueEditor {
	
}


 .dxgvDataRow td.dxgv {
    vertical-align: middle;
 }


.ColDestacado {

}
    .ColDestacado ul {
        padding-left:16%;
    }
        .ColDestacado ul li {
            display:inline-block;
            margin:10px -4px 10px 0;
            vertical-align:middle;
            width:33%;
            text-align:left;
        }
            .ColDestacado ul li input {
                display:inline-block;
                margin:0 -4px 0 0;
                vertical-align:middle;
                width:auto !important;
            }
            .ColDestacado ul li label {
                display:inline-block;
                margin:0 -4px 0 10px;
                vertical-align:middle;
            }

/*** MODAL PASES ***/
#divOverModal.pases > div {
    text-align:center;    
}

#divOverModal.pases > div > table {
    width:450px !important;
    padding:20px;
    margin:300px auto 20px !important;
   
}
    #divOverModal.pases > div > table > tbody > tr > td {
        padding:20px;
    }
#trModalPase {

}
.tablaPases {

}
    .tablaPases .bloque {
        margin-bottom:35px;
        position:relative;
    }
        .tablaPases .bloque span {
            text-align:right;
            width:40% !important;
            display:inline-block;
            vertical-align:middle;
            margin:0 -4px 0px 0px;
            padding-right:20px;
            font-size:0.8em;
            color:#333333;
        }
        .tablaPases .bloque > table {
            width:60% !important;
            display:inline-block;
            vertical-align:middle;
            margin:0 -4px 0px 0px;
        }
            .tablaPases .bloque > table > tbody {
                width:100% !important;
                display:block;
            }
             .tablaPases .bloque > table > tbody > tr {
                width:100% !important;
                display:block;
            }
              .tablaPases .bloque > table > tbody > tr > td {
                width:100% !important;
                display:block;
            }
#divOverModal > div > .tablaPases table td {
    width:auto !important;
}
.tablaPases .bloque > table > tbody > tr > td.dxeButton {
    width:auto !important;
    display:inline-block !important;
    vertical-align:middle;
}
.tablaPases .bloque > table > tbody > tr > td.dxic {
    width:85% !important;
    display:inline-block !important;
    vertical-align:middle;
}
.dxeErrorCell.dxeErrorFrame {
    position:absolute;
    bottom:-20px;
    right:0px;
    text-align:center;
}
#divOverModal.pases > div {
    height:auto;
}
.tablaPreEti {
    margin-bottom:20px;
}
.tablaPreEti > tbody > tr > td:first-of-type {
      width:150px !important;
      padding:0px 10px 0px 0px;
      text-align:right;
}