﻿/**@@@ Fieldset fix firefox **/

/* @@ Selector Universal */

.divDesplegable
{
	position: absolute;
	visibility: hidden;
	background-color: #FFF;
	border: 1px dashed #ccc;
	padding: 10px 5px;
}

.divDesplegable a
{
	color: #999999;
	text-decoration: none;
}

.divDesplegable a:hover
{
	color: #EF4400;
	text-decoration: underline;
}

.divAbsoluto
{
	position: absolute;
	background-color: White;
	padding: 5px;
}


.divDesplegableBorde
{
	position: absolute;
	z-index: 1;
	color: #333333;
	background-color: #FFFFFF;
	margin-top: -20px;
	margin-left: 70px;
	padding: 5px;
	border: 5px solid #ADADAD;
	width: 180px;
	height: auto;
	text-align: left;
	visibility: hidden;
}


/*
///<summary>CSS para Ventana Modal</summary>
*/

.VentanaModal
{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.ModalBackground
{
	width: 100%;
	height: 100%;
	background: #F5F5F5 url(../../images/admin_bg.gif);
	background-color: Transparent;
	position: absolute;
	top: 0px;
	left: 0px;
	filter: Alpha(Opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}


.ModalContainer
{
	/*position: absolute;             left: 250px;             top: 250px;             margin:0 auto 0 auto;             width: 300px;             */
	position: absolute;
	top: 250px;
	left: 400px;
}

.ModalContainerSkin
{
    border-radius: 20px 20px 20px 20px; 
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px; 
    box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 50px;
    position: absolute;
    background-color: White;
	top: 250px;
	left: 400px;
	border: solid 5px #FFFF66;
}

.Modal
{
	background-color: White;
	border: double 5px #899198;
	position: relative;
	/*top: -100px;
	left: -50px;
	z-index: 1000;*/
	width: 400px;
	height:auto;
	padding: 0px;
}

.ModalSkin div, .ModalSkin table
{
	position: relative;
	/*top: -100px;
	left: -50px;
	z-index: 1000;*/
	width: 600px;
	height:auto;
	padding: 0px;
	-moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius: 16px 16px 16px 16px; 
    border-radius: 16px 16px 16px 16px;
}

.ModalTop
{
	padding: 4px;
	color: #0066B3;
	text-align: right;
}
.ModalTop a, .ModalTop a:visited
{
	color: #F63;
}

.ModalTopSkin
{
    height: 60px; 
    vertical-align: middle;
    text-align: left; 
    background-color: #FFFF66; 
    -moz-border-radius: 15px 0px 0px 0px;
    -webkit-border-radius: 15px 0px 0px 0px; 
    border-radius: 15px 0px 0px 0px;
}

.ModalTopSkin a, .ModalTopSkin a:visited
{
    color:#000;
    font-weight:bold;
}

.ModalBody, .ModalBodySkin
{
	padding: 10px;
}



/**@@@@ Modal Popup*/

.modalBackgroundExtend
{
	background-color: #899198;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.modalpopupExtend
{
	/*left: -150px;
	width: auto;
	height: auto;
	position: absolute;
	top: 0px;
	background-color: White;
	border: double 5px #F5F5F5; */
	
	position: relative;
    height:auto;
    width: auto;
    padding: 15px;
	background-color: #FFFFFF;
	border: 5px solid #F5F5F5;
	
}

.modalPopupPresentacion
{
	position: relative;
    width: auto;
    
	background-color: White;
	border-bottom: solid 1px #045FB4;
	border-left: solid 1px #045FB4;
	border-right: solid 1px #045FB4; /*#899198*/
}

.modalPopupPresentacionContenido
{
	padding: 3px 5px;
}


.modalpopupExtendFamilia
{
	position: fixed;
	left: 430px;
	top: 60px;
	width: 430px;
	z-index: 3;
	left: 50%;
	margin-left: -215px;
	padding: 15px;
	visibility: visible;
	background-color: #FFFFFF;
}

/*
///<summary>CSS div guardar</summary>
*/

.panelAgregar
{
	border: dashed 1px #000;
	padding: 5px 3px;
	text-align: center;
}


.ModalPopupHeader
{
	/*background: #555555 url(../../images/admin_header.jpg);*/
	background-color: #555555;
	text-align: right;
	border-bottom: #CCC 2px solid;
	color: White;
	width: 100%;
}

.ModalPopupHeader b a
{
	color: White;
	font-size: 1.05em;
}


/*@@@@ Estilo del Menu ****/

.accordion_headings
{
	padding: 5px;
	background: #F5F5F5; /*99CC00*/
	color: #000;
	border: 1px solid #FFF;
	cursor: pointer;
	font-weight: bold;
}

.accordion_headings:hover
{
	background: #BFE4FF; /*#00CCFF*/
}

.accordion_child
{
	padding: 15px;
	background: #EEE;
}

.header_highlight
{
	background: #BFE4FF;
}



/*@@@@ Template de Catalogos generales ****/



#bordeTemplate
{
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 0;
}

#cabecera
{
	margin: 0 0 15px 0;
}

#columna-a
{
	float: left;
	width: 250px;
}

#columna-b
{
	float: right;
	width: 200px;
}

#contenido
{
	float: left;
	width: 60%;
}

#piepagina
{
	clear: both;
}

#centrocontenido
{
	border: 2px solid #EEE;
	padding: 10px 10px 10px 10px;
}


/**@@ Contenido**/

.lineaTitulo
{
	height: 1px;
	color: #CCCCCC;
}




/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
	background-color: #ffffcc;
	color: #000000;
	font-weight: bold;
	font-size: 1.15em;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
	background-color: #FAFFE6;
}
.MaskedEditFocusNegative
{
	background-color: #ffffcc;
	color: #ff0000;
}
.MaskedEditBlurNegative
{
	color: #ff0000;
}


/*.MyCalendar .ajax__calendar_body 
{
	z-index:-70px;
	position:absolute;
}


.MyCalendar .ajax__calendar_header
{
	z-index:-70px;
	position:absolute;
}*/

.MyCalendar .ajax__calendar_container
{
	border: 1px solid #696969;
	background-color: #f5f5f5;
	color: #696969;
	font-weight: normal;
	margin-left: 50px;
    /*JLRR - Prototipo0 - 26/10/2016 - visualizar dia sábado*/
    width: 210px;
}
 /*JLRR - Prototipo0 - 26/10/2016 - visualizar dia sábado*/
.MyCalendar .ajax__calendar_body {
     width: 210px;
}

/*.MyCalendar .ajax__calendar_footer 
{
	z-index:-70px;
	position:absolute;
}*/

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year
{
	color: Blue;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year
{
	color: black;
	font-weight: bold;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year
{
	color: black;
	font-weight: normal;
}

.MyCalendar .ajax__calendar_title {
            border: none; /* CAG Fixes the "previous" and "next" buttons in the popup title */
        }
    