﻿/*@import url(https://fonts.googleapis.com/css?family=Muli:400,300,700);*/

.TituloVentana
{
	font-family: 'Muli', 'Oswald', sans-serif;
	color:#ffffff;
	font-weight:normal;
	font-size:1em;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
}

/******************************
           HEADER
******************************/

.bodyHeader
{
	background:#fff;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:10pt;
	margin:0;
}

/* HEADER */

.headerEpeople
{
	background: #fff;
	color:#797979;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-weight:bold;
	height:69px;
	vertical-align:middle;
	width:100%;
	display:block;
}

.headerEpeople td.title{
	width:70%;
	height:72px;
}

.headerEpeople td.title div.name{
	padding-top: 1%;
	font-weight: lighter;
	font-size: 1.2em;
}

.title div{
	float:left;
	padding: 0 5px;
}

/* TABLA DATOS DEL USUARIO */
.datosUsuario
{
	font-size:8pt;
	line-height:120%;
	margin-top:5px;
	margin-left:200px;
	width:360px;
}

.textoUsuario
{
	font-family: 'Muli', 'Oswald', sans-serif;
	color:#797979;
	font-weight:500; /*FGV*/
	font-size:1em;
	padding-right:15px;
	/*vertical-align:middle;*/
	text-align:left;
	text-decoration:none;
}

.textoBienvenida
{
	font-family: 'Muli', 'Oswald', sans-serif;
	color:#000;
	font-weight:700; /*FGV*/
	font-size:1em;
	text-decoration:none;
}

.textoUsuario a
{
	font-family: 'Muli', 'Oswald', sans-serif;
	color:#DC3900;
	font-size:1em;
	padding-right:15px;
	/*vertical-align:middle;*/
	text-align:left;
	text-decoration:none;
}


.barraDatos
{
	background:url(./../skin/admin_grad.gif) left top repeat-x;
	font-size:12px;
	font-family:Verdana;
}

.iniciobarraDatos
{
	background:url(./../skin/admin_curve.gif) right top no-repeat;
	padding-left:20px;
}

/******************************
     HEADER MENU HORIZONTAL
******************************/
.derecha{
	text-align:right;
	float:right;
}

.head1{
	height:72px;
	width:245px;
	display:block;	
	text-align:center;
}
.head3{	
	/*margin-left:100px;*/
	height:72px;
	float:right;
	text-align:right;
	margin-top:2%;

	/*width:600px;*/
	}
.head2{
	height:72px;
	/*width: 314px;*/
	float:right;
	text-align:right;
	margin-right:30px;
}

.bodyMenu2{
	background:#DC3900;
}

.menu2FondoIZQ{
	background:#112675 url('./../images/Menu/bckgBarraMenu.jpg') repeat-x left top;
	height:22px;
	width:5px;
}

.menu2Fondo select
{
	border:1px solid #999999;
	color:#333333;
	font-size:9pt;
	height:20px;
	line-height:200%;
	vertical-align:top;
	width:150px;
}
.Roles{
	margin-right:30px;
}
#ctl01{
	margin-top: 1%;
}
.datosUser{
	text-align:right;
	float:right;
	margin-right:40px;
}
.dat1{
	height:76px;
	width:17px;
	background-image:url('Images/dat1.png');
	background-repeat:no-repeat;
}

.dat2{
	height:76px;
	width:22px;
	background-image:url('Images/dat2.png');
	background-repeat:no-repeat;
}
.datFondo{
	height:76px;
	background-image:url('Images/fondoDat.png');
	background-repeat:repeat-x;
}



/* BOTON SALIR */
.btnSalir
{
	background:url('./../images/Menu/btnSalir.png') no-repeat left top;
	color:#ffffff;
	float:right;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:9pt;
	font-weight:bold;
	height:20px;
	margin-left:20px;
	padding-right:6px;
	position:absolute;
	text-align:right;
	text-decoration:none;
	vertical-align:top;
	width:70px;
}

.btnSalirOver
{
	background:url('./../images/Menu/btnSalirOver.png') no-repeat left top;
	color:#ffffff;
	float:right;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:9pt;
	font-weight:bold;
	height:20px;
	margin-left:20px;
	padding-right:6px;
	position:absolute;
	text-align:right;
	text-decoration:none;
	vertical-align:top;
	width:70px;
}

.salirIcon 
{
	background:transparent url('./../images/Menu/botongris.png') no-repeat center;
	cursor:hand;
	vertical-align: middle;
	width:58px;
	display:block;
}

.salirIcon a:hover
{
	color:#000000;
}

.salir
{
	color:#585858;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-weight:bold;
	font-size:8pt;
	padding-top:8px;
	padding-left:8px;
	text-align:left;
	text-decoration:none;
}

.salir a:hover
{
	color:#000000;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-weight:bold;
	font-size:8pt;
	padding-top:8px;
	padding-left:18px;
	text-align:left;
	text-decoration:none;
}

/******************************
          FONDOS
******************************/

/* FONDO & CONTENEDOR GENERAL */
.fondomenu1
{
	background-color:#ffffff;
	display:block;
}

.fondoMenu1ESD
{
	padding-top:10px;
}

.fondoMenu1ESD1{
	background:#f4f0ed;
}

/******************************
          BORDES
******************************/

/* BORDES GENERALES (REDONDEADOS) */

/* ESQUINA SUPERIOR IZQUIERDA */
.menu1ESI
{
	height:1px;
	width:1px;
}

/* ESQUINA SUPERIOR DERECHA */
.menu1ESD
{
	height:1px;
	width:1px;
}

/* ESQUINA INFERIOR IZQUIERDA */
.menu1EII
{
	height:1px;
	width:1px;
}

/* ESQUINA INFERIOR DERECHA */
.menu1EID
{
	height:1px;
	width:1px;
}

/* TD SUPERIOR CENTRAL */
.menu1ARR
{
	height:1px;
}

/* TD INFERIOR CENTRAL */
.menu1ABA
{
	height:1px;
}

/* BORDE GENERAL IZQUIERDO */
.menu1IZQ
{
	width:1px;
}

/* BORDE GENERAL DERECHO */
.menu1DER
{
	width:1px;
}

/* BORDES REDONDEADOS OPCIONES DEL MENU */

/* ESQUINA SUPERIOR IZQUIERDA */
.menu2ESI
{
	height:1px;
	width:1px;
}

/* ESQUINA SUPERIOR DERECHA */
.menu2ESD
{
	height:1px;
	width:1px;
}

/* ESQUINA INFERIOR IZQUIERDA */
.menu2EII{
	height:1px;
	width:1px;
}

/* BORDE OPCION ESQ INF DER */
.menu2EID{
	height:1px;
	width:1px;
}

/* BORDE OPCION INF & SUP */
.menu2ARR, .menu2ABA{
	height:1px;
	width:1px;
}

/* BORDE OPCION INF & SUP */
.menu2IZQ, .menu2DER{
	height:1px;
	width:1px;
}



/******************************
       TXTS & BOTONES
******************************/

/* TITULO MENU PRINCIPAL */
.titMenuPrincipal
{
	background:#DC3900;
	color:#ffffff;
	display:block;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size: 1em;
	height:20px;
	padding-left:10px;
	padding-top:3px;
	text-align:left;
	text-decoration:none;
	width:95%;
}

/* SECCION MENU & OVER */
a.textobotonmenu, .textobotonmenu:link, .textobotonmenu:visited
{
	background:#f86611;
	color:#ffffff;
	display:block;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:1em; /*FGV*/
	height:20px;
	padding-left:10px;
	padding-top:1px; /*FGV*/
	text-align:left;
	text-decoration:none;
	font-weight: 500; /*FGV*/
}

.textobotonmenu:hover{
	color:#fff !important;
}

/* SUBTITULO DEL MENU & OVER */
.botonMenuTextoBold, .botonMenuTextoBold:link, .botonMenuTextoBold:active
{	
	color:#201400;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:1em;
	font-weight: 500; /* FGV */
	padding:0 0 0 5px;
	text-align:left;
	text-decoration:none;
	vertical-align:middle;
}

.botonMenuTextoBold:hover{
	color:#F86611;
}

/* OPCIONES DEL MENU & OVER */
.botonMenuTexto, .botonMenuTexto:link, .botonMenuTexto:active
{
	background:transparent url('./../images/Menu/bullMenu.png') no-repeat 0 2px;
	color:#666666;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:8pt;
	font-weight:normal;
	line-height:140%;
	padding:0 0 0 15px;
	text-align:left;
	text-decoration:none;
	text-indent:15px;
	vertical-align:middle;
}

.botonMenuTexto:hover{
	color:#42a1e3;
}

/* ICONO ARROW SUBTITULO */
td.botonMenuIcon:before
{
	/*background:#ffffff url('./images/Menu/menuIconArrow.gif') no-repeat 8px 5px;*/
	/*padding-right: 5px;*/
	font-family: 'FontAwesome';
	color:#DC3900;
	content: "\f0da";
	padding-left: 10px;
}


/******************************
            TABS
******************************/
.tabs
{
	border:0;
	position:relative;
	width:21px;
}

/* TEXTOS VERTICALES */
.vertical
{
	/*display:block;*/
	padding:0 1 0 0;
	font-weight:bold;
	writing-mode:tb-rl;
	-webkit-transform: rotate(-270deg); 
	-moz-transform: rotate(-270deg);
	float:left;
}

.vertical2
{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(270deg);
    line-height:5em;
    float: left;	
}

/* SELECCIONADA O ACTIVA */
.tabTopSelected
{
	background:url('./../images/Menu/tabActivoTop.gif') no-repeat left bottom;
	height:10px;
	width:100%;
}

.tabSelected
{
	background:url('./../images/Menu/tabActivoFondo.gif') repeat-y left center;
	width:100%;
}

.tabBottomSelected
{
	background:url('./../images/Menu/tabActivoBottom.gif') no-repeat left top;
	height:10px;
	width:100%;
}

.textoActivo
{
	color:#f86611;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
}


/* INACTIVA O SIN SELECCIONAR */
.tabTopUnselected
{
	background:url('./../images/Menu/tabInactivoTop.gif') no-repeat left bottom;
	height:10px;
	width:100%;
}

.tabUnselected
{
	background:url('./../images/Menu/tabInactivoFondo.gif') repeat-y left center;
	width:100%;
}

.tabBottomUnselected
{
	background:url('./../images/Menu/tabInactivoBottom.gif') no-repeat left top;
	height:10px;
	width:100%;
}

.textoInactivo
{
	color:#666666;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
}

/* ? */
.botonMenu{
}

.TextoTituloVentana
{
	color:#DC3900;
	font-family: 'Muli', 'Oswald', sans-serif;
	font-weight:normal;
	font-size:11pt;
	text-align:left;
	text-decoration:none;
	vertical-align:middle;
}

.divtexto{
	position:relative;
	top:-15;
	left:-2;
	width:10px;
	height:80px;
	display:block;
}

.barraDatos
{
	background:url(./../skin/admin_grad.gif) left top repeat-x;
	font-size:12px;
	font-family:Verdana;
}

.iniciobarraDatos
{
	background:url(./../skin/admin_curve.gif) right top no-repeat;
		padding-left:20px;
}