.sombreado 
{
    background-color: #FFFFFF;
	-webkit-box-shadow: 0px 5px 15px rgba(54, 147, 184, 0.20);
    -moz-box-shadow:    0px 5px 15px rgba(54, 147, 184, 0.20);
    box-shadow:         0px 5px 15px rgba(54, 147, 184, 0.20);
}

.redonda_bordes {
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

.desplegable
{
    width:900px;    
    -webkit-box-shadow: 0px 5px 15px rgba(54, 147, 184, 0.20);
    -moz-box-shadow:    0px 5px 15px rgba(54, 147, 184, 0.20);
    box-shadow:         0px 5px 15px rgba(54, 147, 184, 0.20);
    font-size:14px;   
}




.desplegable_cabecera 
{
    width: 900px;
    background-color: #F8E6CB;   
    
/*    background-image:   url('/IMAGES/Maquetacion/Elementos/FlechaGris.png');*/
    background-repeat: no-repeat;
    background-position: right; 
}

.desplegable_cabecera:hover {
    cursor:pointer;
    background-color: #F8E6CB;   
/*    background-image:   url('/IMAGES/Maquetacion/Elementos/FlechaGris.png');*/
    background-repeat: no-repeat;
    background-position: right; 
}


.desplegable_seleccionado
{
    width: 900px;
    background-color: #F8E6CB;   
    
/*    background-image:   url('/IMAGES/Maquetacion/Elementos/FlechaGrisUP.png') ;*/
    background-repeat: no-repeat;
    background-position: right; 
}

.desplegable_cabecera:hover .icono_desplegable {
	background-color: #FFFFFF;
	color:#3693B8;

}


.desplegable_contenido {
    width:890px; 
	padding: 0px 0px 0px 10px;
}

/*.icono_desplegable {    
    color: #FFFFFF;
    width: 16px;
    height: 16px;
    text-align: center;
    background-color: #3693B8;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    margin-right: 5px;

}*/

/*---- TOOLTIP STYLE ---- */
.tooltip{position: relative; }

.tooltip .tooltip_base{ display: none; z-index: 0; }

.tooltip:hover .tooltip_base { z-index: 100; display: block; position: absolute;  
    top: 12px; left: -190px; width: 188px;}
    
.tooltip_text
{
    float:left; 
    width: 150px; 
    font-size: 8pt; 
    text-align: left; 
    padding: 5px; 
    background-color: #333333; 
    border: 3px solid #444444; 
    color: #BBBBBB;
}

.BtnNaranja {
    width: 150px;
    height: 30px;
	color: #FFFFFF;
    font-size: 16px;
    padding: 5px;
    -webkit-box-shadow: 0px 2px 15px rgba(54, 147, 184, 0.20);
    -moz-box-shadow:    0px 2px 15px rgba(54, 147, 184, 0.20);
    box-shadow:         0px 2px 15px rgba(54, 147, 184, 0.20);
    background: rgb(242, 126, 6);
    /*background: -moz-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: -webkit-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: -o-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: -ms-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);*/
    border: 1px solid transparent;
    font-weight: bold;
}

.BtnNaranja:hover { background: #FFC44E; cursor: pointer; }

.BtnGris      
{
    background-color: #CCCCCC;
    color: #666666;
    border: 1px solid #999999;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    width: 150px;
    height: 30px;    
     -webkit-box-shadow: 0px 2px 15px rgba(54, 147, 184, 0.20);
    -moz-box-shadow:    0px 2px 15px rgba(54, 147, 184, 0.20);
    box-shadow:         0px 2px 15px rgba(54, 147, 184, 0.20);
}


.menu_previsiones_horizontal {
	width:920px;
}

 /* --- MODAL POPUPs -----*/

.div_modal_popup
{
    background-color: #424242;
    border: 4px solid #333333;    
    color: #BBBBBB;
    height: 100px;
    width: 450px;
    text-align: center;
}

.div_modal_popup .div_grid_interior {
	 width: 400px; 
	 overflow: auto; 
	 height: 100px; 
	 margin-left: 25px;
}

.fondo_popup_modal
{
    background-color: #999999;
    filter: alpha(opacity=70);
    opacity: 0.7;  
    width: 100%;
    height: 100%;
    position: fixed;
}


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


.invisible { display: none; }

.visible { display: block; }


a { color: #F27E06;}

a:hover { color: #FFC44E; cursor: pointer; }

inactivo { color: #666666;  }

.link_inactivo:hover { color: #666666;cursor:default; }

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

/* GRIDVIEW STYLE */

.GridStyle {   
    width: 100%;  
    color: Gray; 
    /*background-color: #fff;*/
    /*margin: 5px 0 10px 0;*/
    font-size: smaller;
}  
.GridStyle td {   
    /*padding: 3px;*/
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom:5px;
    color: #717171;
    background-color: #F2F2F2;
    height: 25px;   
    margin-top: 1px;
    border-bottom: 1px solid #FFFFFF;    
}  

.ultimoRegistroGrupo {border-bottom: 7px solid #FFFFFF;font-size: smaller; }
	
.separadorDerechoColumna {border-right: 7px solid #FFFFFF;}

.separadorDerechoColumna_w1 {border-right: 1px solid #FFFFFF; color:#FFFFFF;}

.separadorDerechoColumna_w3 {border-right: 3px solid #FFFFFF; color:#FFFFFF;}
	
.separadorDerechoColumnaCabecera {border-right: 7px solid #FFFFFF;}


.GridStyle .alt td { background-color: #FAFAFA; }

.GridStyle th
 {   
    padding: 4px 5px ;
    background-color: #F8E6CB;   
    font-size: 1.0em;    
    height: 25px;
    border-bottom: 7px solid #FFFFFF;
    color: #F27E06;
}



.GridStyle a { color: #FF9933; }
.GridStyle a:hover { color: #FFC248; }  

.GridStyle th a { color: #FF9933; text-decoration: none; }
.GridStyle th a:hover { color: Orange; text-decoration: none; }  

.GridStyle .pgr table { margin: 5px 0; }  
.GridStyle .pgr td {   
    border-width: 0;   
    text-decoration: none;
    padding: 0 6px;
    font-weight: bold;
    color: #fff;   
    line-height: 12pt;   
    text-align: center;
    background-color: #DEE8EA;
    height: 15px;
 }
 .GridStyle .pgr td td { border-left: solid 1px #A9A9A9; 
     }     
 
.GridStyle .pgr a { color: #666; text-decoration: none; font-weight: normal; font-size: 12px;}  
.GridStyle .pgr a:hover { color: #FFC44E; text-decoration: none; }  

 
 /*---------------*/
 
 
/* ----- CALENDAR EXTENDER -----*/
.MyCalendar .ajax__calendar_container   {
    background-color: #DEE8EA; 
    border:solid 1px #6699CC;
    z-index: 10000;
}

.MyCalendar .ajax__calendar_header  
{    
    margin-bottom: 4px;
}

.MyCalendar .ajax__calendar_title,
.MyCalendar .ajax__calendar_next,
.MyCalendar .ajax__calendar_prev    {
    padding-top: 3px;
}

.MyCalendar .ajax__calendar_body    {
    background-color: #DEE8EA; 
    border-top: solid 1px #6699CC;
}

.MyCalendar .ajax__calendar_dayname {
    text-align:center; 
    font-weight:bold; 
    margin-bottom: 4px; 
    margin-top: 2px;
}

.MyCalendar .ajax__calendar_day {
    text-align:center;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year,
.MyCalendar .ajax__calendar_active  {
    color: #348BB7; 
    font-weight: bold;
    background-color: #ABE4FF;
}

.MyCalendar .ajax__calendar_today { font-weight:bold; }

.MyCalendar .ajax__calendar_other { color: #BBBBBB; }

.MyCalendar .ajax__calendar_hover .ajax__calendar_today,
.MyCalendar .ajax__calendar_hover .ajax__calendar_title {
    color: #FFC44E;
}

/* MODALPOPUPEXTENDER WAITING*/
.div_working
{
    background: #FFFFFF url('../Images/Maquetacion/Elementos/FondoPopupWorking.jpg') no-repeat;
    border: 2px solid #DDDDDD;
    color: #F27E06;
    height: 250px;
    width: 300px;
    text-align: center;
}


/*Modal popupextender CENDES*/
.DivCentralesCendes 
{
    background-color: #F2F2F2;
	width:700px;
	height: auto;
	text-align: center;
	padding:5px 10px;
}


.MaskedEditError
{
    background-color: #FF8080;
    border-color: Red;
    }

.div_cambiar_datos 
{
    background-color: #424242;
    border: 4px solid #333333;    
    color: #BBBBBB;
    height: auto;
    width: 420px;
    text-align: center;
    padding-bottom:15px;
}

.div_recordar_contraseña 
{
    background-color: #424242;
    border: 4px solid #333333;    
    color: #BBBBBB;
    height: auto;
    width: 420px;
    text-align: center;
    padding-bottom:15px;
}

.dd {
	display: list-item;
	list-style-type: square;

}

.fondo_popup_banderas
{
    background-color: #E7E7E7;
    width: 100%;
    height: 100%;
    position: fixed;
    color: black ;
}

.fondo_popup_banderas :hover{
	color:#000000;
	text-decoration:none;
	background-color:Gray;
	color:#F27E06;
	cursor:pointer;
	}

/*Inicio: Estilo página de inicio*/

.div_datos_usuarios h2 
{
    color: #F27E06;
    font-size: 16px;
    margin: 0px 0px 5px 15px;}

.div_datos_usuario {
	/*margin-left: 20px; */
	margin-bottom: 0px; 
	/*font-weight: bold*/
}

/*.div_datos_usuario h2 {
    font-size: 13px;
}*/

.div_datos_usuario li {
	padding: 14px;
	margin-bottom: 3px;
	margin-right: 10px;
	background-color: #F2F2F2;
}

.div_datos_usuario  .alt { background-color: #FAFAFA; }	

/*Fin: Estilo página de inicio*/

.btn_naranja_grid
{
    display: inline;
	position: relative;
	width: 50px;
	height: auto;
	padding: 10px;
	margin-bottom: 5px;
	font-size: 8px !important; 
	line-height: 1.42857143;
	color: #FFFFFF;
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
    -webkit-box-shadow: 0px 2px 15px rgba(54, 147, 184, 0.20);
    -moz-box-shadow:    0px 2px 15px rgba(54, 147, 184, 0.20);
    box-shadow:         0px 2px 15px rgba(54, 147, 184, 0.20);
    background: rgb(242, 126, 6);
    /*background: -moz-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: -webkit-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: -o-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: -ms-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);*/
    border: 1px solid transparent;
    font-weight: bold;
	border-radius: 4px;
}


/****************pop up operar producto *******************/
.popup {
    left: 0;
    top: auto;
    width: 100%;
    z-index: 1001;
    height: auto;   
    margin-bottom: 15px;
}

.content-popup {
    margin:0px auto;
    margin-top:auto;
    position:relative;
    padding:10px;
    width:500px;
    /*min-height:250px;*/
    height: auto;
    border-radius:4px;
    background-color:#FFFFFF;
    box-shadow: 0 2px 5px #666666;
    margin-bottom: 15px;
}

.content-popup h2 {
    color:#48484B;
    border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}

.popup-overlay {
    left: 0;
    position: absolute;
    top: auto; 
    width: 100%;
    height:100%;
    z-index: 999;
    display:none;
    background-color: #777777;
    opacity: 0.7;
}

.close {
    position: absolute;
    right: 15px;
}

.content-popup-right
{    
    text-align:justify;    
    width: 350px;
    height: auto;
    padding: 10px 0 0 10px;  
}

.content-popup-login {
    margin:0px auto;
    position:relative;
    padding:10px;
    width:500px;
    min-height:215px;
    height: 215px;
    border-radius:4px;
    background-color:#FFFFFF;
    box-shadow: 0 2px 5px #666666;
}

.content-popup-login h2 {
    color:#48484B;
    border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}


/****/
.flip {
	margin:0px;
	cursor:pointer;
}
.panel 
{
    width: 100%;
	margin:0px;
	float:left;
	display:none;
}

 .flip span{height:12px; width:12px; display:block; position:relative;} 

.expand{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px; border:1px solid #AAAAAA; width:16px; height:16px;}

.expand:before, .expand:after
{
    content:''; 
    height:2px; 
    width:10px; 
    display:block; 
    background:#AAAAAA; 
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px; 
    position:absolute; 
    top:5px; 
    left:1px;
    }

.expand:after{height:10px; width:2px; top:1px; left: 5px;}

 .flip span{height:12px; width:12px; display:block; position:relative;} 

.colapse{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px; border:1px solid #AAAAAA; width:16px; height:16px;}

.colapse:before
{
    content:''; 
    height:2px; 
    width:10px; 
    display:block; 
    background:#AAAAAA; 
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px; 
    position:absolute; 
    top:5px; 
    left:1px;
    }

.colapse:after{height:10px; width:2px; top:1px; left: 5px;}


/****/


.Txt_login{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}	

.Txt_login:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


/********RADIO BUTTON SWAPS *********************/
input[type=radio].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-checkbox + label.css-label {
	padding-left:24px;
	height:19px; 
	display:inline-block;
	line-height:19px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;

}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -19px;
}
label.css-label {
	background-image:url('../Images/Maquetacion/Elementos/csscheckbox.png');
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	/*user-select: none;*/
}


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

.BtnNaranjaGrande {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #FFFFFF;
    font-size: 16px;
    padding: 5px;
    -webkit-box-shadow: 0px 2px 15px rgba(54, 147, 184, 0.20);
    -moz-box-shadow:    0px 2px 15px rgba(54, 147, 184, 0.20);
    box-shadow:         0px 2px 15px rgba(54, 147, 184, 0.20);
    background: rgb(242, 126, 6);
    /*background: -moz-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: -webkit-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: -o-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: -ms-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);*/
    border: 1px solid transparent;
    font-weight: bold;
	border-radius: 4px;
}

.BtnNaranjaGrande:hover { background: #FFC44E; cursor: pointer;	}

.BtnGrisGrande 
{
    display: block;
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #FFFFFF;
    font-size: 16px;
    padding: 5px;
    -webkit-box-shadow: 0px 2px 15px rgba(54, 147, 184, 0.20);
    -moz-box-shadow:    0px 2px 15px rgba(54, 147, 184, 0.20);
    box-shadow:         0px 2px 15px rgba(54, 147, 184, 0.20);
    background-color: #CCCCCC;
    /*background: -moz-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: -webkit-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: -o-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: -ms-linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);
    background: linear-gradient(90deg, rgb(242, 126, 6) 40%, rgb(245, 158, 68) 65%);*/
    border: 1px solid transparent;
    font-weight: bold;
	border-radius: 4px;
    

}




/**************link orden condicionada**********************/

.lnk_ordenCondicionada
{
    color: #F27E06;
    font-weight: bold;
    border-bottom: 2px;
    border-bottom-color:#F27E06;
    border-bottom-style: dashed; 
        }


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



/****************pop up horarios *******************/
.popuphorario {
    left: 0;
    top: auto;
    width: 100%;
    z-index: 1001;
    height: auto;   
}

.content-popup-horario {
    margin:0px auto;
    margin-top:auto;
    position:relative;
    padding:10px 20px;
    width:500px;
    /*min-height:250px;*/
    height: auto;
    padding-bottom: 40px;
    border-radius:4px;
    background-color:#FFFFFF;
    box-shadow: 0 2px 5px #666666;
}

.content-popup-horario h2 {
    color:#48484B;
    border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}
/****/


/*

        .ddl
        {      
            -webkit-appearance: none;  
            -moz-appearance: none;  
            
            
            border:2px solid #F2F2F2 ;
            border-radius:5px;
            padding:3px;
            background-image:url('/IMAGES/Maquetacion/Elementos/FlechaGris.png');
            background-position: 212px;
            background-repeat:no-repeat;
            text-indent: 0.01px;
            text-overflow: '';
            
        }*/
        
.ddl {
      height: auto;
      padding: 2px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
      -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
}

.ddl:focus {
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.ddl.disabled {
      background-color: #F5F5F5;
}

.ddl::-webkit-input-placeholder { color: #D6D6D6; }
.ddl::-moz-placeholder { color: #D6D6D6; } /* firefox 19+ */
.ddl:-ms-input-placeholder { color: #D6D6D6;} /* ie */
.ddl:-moz-placeholder { color: #D6D6D6;  }



.labeltruncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.TituloPerfil    
{
    padding-top:10px;
    padding-left:15px;
    height: 30px;
    border-bottom: 7px solid #FFFFFF;
    color: Orange;
}  


.content-popup-PrecioFijo {
    margin:0px auto;
    margin-top:auto;
    position:relative;
    padding:10px;
    width:800px;
    /*min-height: 475px;*/
    border-radius:4px;
    background-color:#FFFFFF;
    box-shadow: 0 2px 5px #666666;
    margin-bottom: 15px;
    height:auto;
    display: table;
}

.content-popup-PrecioFijo h2 {
    color:#48484B;
    border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}


.content-popup-Rigth-PrecioFijo
{    
    width:800px;
    height: auto;
    padding: 10px 0px 0px 10px;  
}