/*
    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 */
/*****************/

.Intranet .MenuSuperiorIntranet
{
	float: left;
    margin-bottom: 25px;
    width:97%;
}

.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: 0px 20px 20px 20px;
	width: 800px;
}

.Intranet .Editor .ControlVisibilidadModulos div.Lista.Izda
{
	float: left;
	width: 40%;
}

.Intranet .Editor .ControlVisibilidadModulos div.Lista.Dcha
{
	float: right;
	width: 40%;
}

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

.Intranet .Editor .ControlVisibilidadModulos div.Controles
{
	width: 20%;
	float: left;
	text-align: center;
	padding-top: 100px;
}
.Intranet .Editor .ControlVisibilidadModulos div.Controles ul li {
	list-style-type:none;
}

.Intranet .Editor .ControlVisibilidadModulos div.Controles input
{
	width: 50%;
	border-radius:5px;
	padding:5px 10px;
	margin-bottom:5px;
	cursor:pointer;
	
}

.Intranet .Editor .ControlVisibilidadModulos h5
{
	font-size: 11px;
}



/**************/
/*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;
    cursor: pointer;
    font-weight: normal !important;
    padding: 5px 4px;}

.BloqueBuscadorVertical input:hover
{
    color:#FFFFFF;
    background-color:#999999;   
}

.OpcionesBuscadorVertical
{
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-left: 8px;
    margin-right: 10px;
    width: 40px;
}

.ResultadosBuscadorVertical
{
    width:90%;   
    text-align:left;
}

.CabeceraBuscadorVertical {
    margin-bottom: 25px;
    text-align: left;  
    width: 97%;
}
.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;
}

.BloqueBuscador
{
    list-style:none;
    width: 100%;
    color: #666;
    border: 5px solid #CCC;
    padding-left:0px !important;
    -moz-border-radius: 15px;
    border-radius: 15px;
    float:left;
    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:hover
{
    background-color: #999999;
    color:#FFFFFF;    
}

.Validador
{
    font-size:20px;    
}

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

.TablaControles
{
    width: 100%;
}
.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 {
	border:1px solid #CCCCCC;
	padding-left:1%;
	width:99% !important;
	height:25px;
}

.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;
}

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 {
	
}