/*@import url(https://fonts.googleapis.com/css?family=Muli:400,300,700);*/

/* 0 BASIC TAGS */

body
{
	margin:0;
	padding:0;
}

caption{
	color:#666666;
	font-weight:bold;
	font-size:13px;
}

table
{
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:10pt;
	font-weight: 250; /*FGV*/
}

table .fa 
{
	font-size:1.5em;
}

p
{
	line-height:1.4em;
}

hr
{
	border:0;
	border-top:1px solid #bababa;
	height:1px;
}

select
{
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:1em; 
	font-weight: 400; /*FGV*/
}

/*input, textarea, button*/
textarea, button
{
	font-family: 'Muli', 'Oswald', sans-serif;
	/*font-size: 8pt;*/
	/*font-weight:bold;*/
	font-size:1em; /*FGV*/
	font-weight: 400; /*FGV*/
}

.centerfield
{
	text-align:center;
}

.moneyfield
{
	text-align:right; 
}

.boldtext
{
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size: 8pt;
	color:Black; 
}

a
{
	text-decoration:none;
	color:gray;
}

a:hover
{
	color:gray;
	text-decoration:underline;
}

a:active
{
	color:gray;
}

img
{
	border-width:0;
}

h1,h2, h3, h4
{
	color:#797979;
	font-family: 'Muli', 'Oswald', sans-serif;
	margin:0;
	font-weight: 400;
}

h1 
{
	/*font-size: 4.4em;*/
	font-size:13pt;
	text-align:left;
}

h2 
{
	font-size:12pt;
}

h3 
{
	font-size:11pt;
}

h4
{
	font-size:10pt;
}

h6{
	font-size: 1.8em;
}

legend
{
	font-size:10pt;
	font-weight:bold ;
}

/* DETAILS */
.DetailTable
{
	border:1px #fff solid;
}

.DetailTable th
{
	border:1px #fff solid;
	background-color:#f0f0f0;
	color:#201400;
	text-align:center;
	font-size:11pt;
}


.DetailTable td
{
	border:1px #fff solid;
	background-color:#ffffff;	
	color:#201400;
	text-align:left;
	padding: 2px 4px 2px 3px; 
}

.Gridview
{
	/*backcolor="Transparent"*/
	border-bottom: 1px solid #D8D6D6;
}

.GridHeaderStyle
{
	height:32px;
	padding:0 0 0 2;
}

.GridHeaderStyle th
{
	background-color:#F86611;
	border:none;
}

.GridHeaderStyle a
{
	color:#fff;
	font-weight:400;
}

.GridDataStyle
{
	background-color:#fff;
	/*BackColor="white" BorderColor="white" BorderStyle="solid"*/
}

.GridDataStyle td
{
	/*border:1px solid #797979;*/
	border-color:#D8D6D6;
	/*background-color:#fff;*/
	/*BackColor="white" BorderColor="white" BorderStyle="solid"*/
}


.DemoPage1
{
	border:1px #666666 solid;
	font-family: 'Muli', 'Oswald', sans-serif;
	letter-spacing: normal;
	background-color: #ff0000;
}

.atributoHeader
{
	background-color:Blue;
	color:White;
	font-weight:bold;
	width:150px;
}

.bodyDefault
{
	margin:0;
	background-color:#C1BFBD;
}

.bodyMenu1
{
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:10pt;
	margin:0;
}

.bodyInicio
{
	background-color:#C1BFBD;
	margin: 0px;
	padding-left:20px;
}

/******************POPUP*****************/
.popup
{
width:100%;
height:100%;
z-index:10001;
position:fixed;
background: #dae8f3 url('./../skin/fake_grad.gif') repeat-x bottom;
}

/******Estilos para ventana de mensajes******/
.botonAzulMensajes {
	font-family: 'Muli', 'Oswald', sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background: url('./../images/botonAzul.gif') no-repeat center;
	width: 95px;
	height: 20px;
}

.headerMensajes{
	background:#ffffff url("./../images/headerbkgder.jpg") repeat-x top;
}

.textoNegroMensajes, .textoNegroMensajes:link, .textoNegroMensajes:hover, 
.textoNegroMensajes:visited, .textoNegroMensajes:active {
	font-size: 11px;
	font-family: 'Muli', 'Oswald', sans-serif;
	text-decoration: none;
	vertical-align: inherit;
	color: #000000;
}

.textoBlancoMensajes, .textoBlancoMensajes:link, .textoBlancoMensajes:hover, 
.textoBlancoMensajes:visited, .textoBlancoMensajes:active {
	font-size: 11px;
	font-family: 'Muli', 'Oswald', sans-serif;
	text-decoration: none;
	vertical-align: inherit;
	color: #ffffff;
}


/******************Accordion*****************/
.accordionHeader
{
	background:none;
	color:#DC3900; 
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:1.3em;
	height:23px;
	padding:0 0 0 2px;
	margin-top:15px; 
	cursor:pointer;
	text-align:left;
}


.accordionHeader a, accordionHeader a:hover, accordionHeaderSelected a, accordionHeaderSelected a:hover
{
	background: none;
	color: #F86611;
	text-decoration: none;
}

.accordionHeaderSelected
{
	background:none;
	color:#DC3900;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:1.3em;
	height:23px;
	padding:0 0 0 2px;
	margin-top:15px; 
	cursor:pointer;
	text-align:left;
}

.accordionContent
{
    font-family: 'Muli', 'Oswald', sans-serif;
    border-top:none;
    padding:5px;
    padding-top:10px;
}

.accordionContent {
border: 1px solid #fff;
}

.accordionContent lMuli
{
    color:#666666;
    font-family: 'Muli', 'Oswald', sans-serif;
}

.accordionContent table
{
/*border:none;*/
}

.accordionContent td
{
/*border:none;*/
 vertical-align:top;
}

/* control ambiente de desarrllo */
.ambiente_desarrollo
{
	text-align: center;
	color:red;
	
	/* DEV */
	display: block;
	visibility: visible;
	
	/* PROD */
	/*display: none;
	visibility: hidden;*/
}

/******************FIN Accordion*****************/


/******************UI General*****************/

.bodyContenido {
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom:0px;
	padding: 0;
	text-align: center;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size: 0.7em;
	color: #797979;
}

/* Titulo de las paginas */
.tituloPagina
{
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:1.3em;
	color:#000;
	text-align:left;
	padding: 10px 0 0 2px;
	font-weight:500 !important;
}

/* header */
.abr{
	font-size:3.5em;
	text-align: left;
	color: #DC3900;
	float:left;
	display:block;
	font-weight:bold;
}


/* Mensajes del sistema */
.MessageError
{
    font-family: 'Muli', 'Oswald', sans-serif;
    color:Red;
    font-size:13px;
    font-weight:600;
}

.MessageInformation
{
    font-family: 'Muli', 'Oswald', sans-serif;
    color:#F86611;
    font-size:13px;
    font-weight:bold;
}

.ErrorMessage
{
	font-family: 'Muli', 'Oswald', sans-serif;
    color:Red;
    font-size:13px;
    font-weight:600;
}

.InformationMessage
{
	font-family: 'Muli', 'Oswald', sans-serif;
    color:#F86611;
    font-size:13px;
    font-weight:bold;
}

.CamposObligatorios
{
    font-family: 'Muli', 'Oswald', sans-serif;
    color:#666666;
    font-size:10pt;
    font-weight:400;
}

.asterisco
{
    font-family: 'Muli', 'Oswald', sans-serif;
    color:red;
    font-size:9pt;
    font-weight:bold;
}

.ContenedorPrincipal
{
	width:90%;
    text-align:left;
    border:0px;
}

/******************FIN UI General*****************/

/******************Controles ASP.NET*****************/

/* Boton Formas */
.botonInicio
{
	display:block;
	width: 80px;			
	background:#2F434F;
	color:#ffffff;
	border:none;
	height:22px;
	cursor:pointer;
	text-align:center;
	padding-top: 5px;
}

.botonInicio:link,.botonInicio:hover,.botonInicio:visited
{
	color:#ffffff;
	vertical-align: middle;
	padding-top: 5px;
	/*height: 19px;*/
}

.botonInicio:focus,.botonInicio:active
{
	color:#ffffff;
	outline: 0;
	-moz-outline: none;
}

.boton {
	display: block;
	width: 80px;
	background: #DC3900;
	color: #ffffff;
	border: none;
	height: 22px;
	cursor: pointer;
	text-align: center;
	padding-top: 5px;
}

.boton:link, .boton:hover, .boton:visited {
	color: #ffffff;
	vertical-align: middle;
	padding-top: 5px;
	/*height: 19px;*/
}

.boton:focus, .boton:active {
	color: #ffffff;
	outline: 0;
	-moz-outline: none;
}

.botonlargo
{
	display:block;
	width: 120px;			
	background:#f58025;
	color:#ffffff;
	border:none;
	height:22px;
	cursor:pointer;
	text-align:center;
	
}

.botonlargo:link,.boton:hover,.boton:visited
{
	color:#ffffff;
	vertical-align: middle;
	padding-top: 5px;
	/*height: 19px;*/
}

.botonlargo:focus,.boton:active
{
	color:#ffffff;
	outline: 0;
	-moz-outline: none;
}

/* Textbox Formas */
.textbox
{
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:1em; 
	font-weight:400; /*FGV*/
	width: 200px;
}

/* Combo Formas */
.dropdownlist
{
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:1em;
	font-weight:400; /*FGV*/
	Width: 170px;
	 text-align:left;
}

/******************FIN Controles ASP.NET*****************/

/******************Inicio: Control Popup modal*************/
.CajaDialogo
{
   background-color: White;
   border-width: 4px;
   border-style: outset;
   border-color: White;
   padding: 0px;
   width: 200px;
   font-weight: bold;
}

.FondoAplicacion
{
   background-color: Gray;
   filter: alpha(opacity=70);
   opacity: 0.7;
}

.boldtextWhite
{
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size: 12pt;
	color:White; 
	
}

.title
{
    font-family: 'Muli', 'Oswald', sans-serif;
    font-size: 10pt;
    color: #86888c;
}
/******************Fin: Control Pop modal*************/