/*Estilo azul corporativo predeterminado aplicado al cuerpo de la pagina*/
/*color azul #EFF3FB*/
body {
	font-family: Arial;
	font-size: 9pt; /*margin-top: 3%;
	#9999CC el moradito*/
background-color: white;
}

/*Estilo aplicado a la tabla plantilla principal contenida en la master page*/
#template {
	font-family: Arial;
	font-size: 8pt;
	width: 950px;
}

/*Estilo aplicado unicamente a la seccion de encabezado de la plantilla principal*/
#header {
	font-family: Arial;
	font-size: 8pt;
	width: 950px;
	height: 60px;
	background-color: white;
	border-color: #EEEEEE;
}

/*Estilo aplicado a la seccion de control de status de usuario en una pagina, logueado o no logueado por ejemplo*/
* {
	font-family: Arial;
}

#status {
	font-family: Arial;
	font-size: 8pt;
	width: 120px;
	height: 20px;
	text-align: center;
	background-color: lightsteelblue;
	vertical-align: middle;
	border-style: outset;
	border-width: 1px;
	border-color: #EEEEEE;
}

/*Estilo aplicado a la seccion de la plantilla donde va situado el menu*/
#menu {
	font-family: Arial;
	font-size: 8pt;
	width: 955px;
	height: 20px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 5px;
	/*border-style: outset;
	border-width: 2px;
	border-color: #EEEEEE;
	background-color: whitesmoke;*/
}

/*Estilo aplicado a la seccion donde deberia ir ubicado el sitemappath*/
#navegacion {
	font-family: Arial;
	font-size: 7pt;
	width: 950px;
	background-color: transparent; /*background-color:  lightgray;
	*/
padding-left: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #EEEEEE;
}

/*Estilo aplicado a la seccion de la plantilla donde va ubicado el treeview*/
#treeview {
	font-family: Arial;
	font-size: 8pt;
	width: 120px;
	vertical-align: top;
	background-color: WhiteSmoke;
	padding-top: 5px;
}

/*Estilo aplicado a la seccion donde esta ubicado el contenido dinamico del sitio web*/
#contenido {
	font-family: Arial;
	font-size: 8pt;
	width: 950px;
	height: 300px;
	padding: 8px;
	vertical-align: top;
	background-color: White;
	z-index: auto;
}

/*Estilo aplicado a la seccion de informacion de la plantilla normalmente ubicado debajo del contenido*/
#info {
	font-family: Arial;
	font-size: 7pt;
	width: 950px;
	text-align: left;
	background-color: WhiteSmoke;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
}

/*Estilo aplicado a la barra de iconos y enlaces dentro de la plantilla normalmente ubicado arriba del footer*/
#links {
	font-family: Arial;
	font-size: 8pt;
	text-align: center;
	background-color: lightsteelblue;
	padding-bottom: 5px;
	padding-top: 5px;
	border-style: outset;
	border-width: 2px;
	width: 950px;
	height: 40px;
	border-color: #EEEEEE;
}

/*Estilo aplicado al pie de la pagina*/
#footer {
	font-family: Arial;
	font-size: 7pt;
	width: 950px;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}

/*Estilo clase que puede ser aplicado al encabezado de un gridview*/
.gridview_header {
	background-image: url(imagenes/degradado_top.png);
	background-repeat: repeat-x;
	background-position: top left;
	background-attachment: inherit;
}

/*Estilo clase que puede ser aplicado al pie de un gridview*/
.gridview_footer {
	background-image: url(imagenes/degradado_bottom.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	background-attachment: inherit;
}

.MenuIE8 {
	position: relative;
	z-index: 50;
}

.data_grid {
	margin: 25px auto;
	font-size: 11px;
	width: 650px;
}

.data_grid_peq {
	margin: 25px auto;
	font-size: 7px;
	width: 650px;
}

.data_grid table td {
	border: 0;
}

.data_grid td {
	border: 1px solid #f1f1f1;
	text-align: center;
	padding: 3px;
}

.data_grid td.subtitle {
	text-align: left;
}

.data_grid th {
	background-color: #f1f1f1;
	padding: 5px;
	height: 40px;
}

.data_grid tr.selected {
	background: #ddd;
}

.data_grid a {
	color: #17A000;
}

.data_row {
	height: 40px;
}

.data_row:hover {
	background-color: #f3f3f3;
}

.data_tabla {
	font-size: 14px;
}

.data_grid2 {
	font-size: 6px;
}

.labelverde1 {
	background-color: #84b816;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 2px;
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	width: 100%;
	height: 25px;
}

.labelverde2 {
	background-color: #84b816;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 1px;
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	width: 50px;
	height: 25px;
}

.labelverde3 {
	background-color: #84b816;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 1px;
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	width: 100px;
	margin-bottom: 5px;
}

.tituloazul {
	background-color: #007bbf;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
	height: 25px;
	padding: 3px;
}

.tituloazul14 {
	background-color: #007bbf;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
	height: 25px;
	padding: 3px;
}

.btn_azul {
	background-color: #007bbf;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	color: #ffffff;
	
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-radius: 5px;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
}

.labelverde {
	background-color: #84b816;
	border-radius: 5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	margin-bottom: 15px;
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	min-width: 170px;
	height: 20px;
    float: left;
}

.labelverde_2 {
	background-color: #84b816;
	border-radius: 5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	/*padding: 6px;*/
	/*margin-bottom: 15px;*/
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	/*box-shadow: 2px 2px 1px #888888;*/
	width: 100%;
	height: 20px;
}

.labelverde4 {
	background-color: #84b816;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	margin-bottom: 15px;
	text-align: center;

	-webkit-box-shadow: 3px 0px 6px #888888;
	box-shadow: 3px 0px 6px #888888;
	width: 100%;
	height: 20px;
}

.tabentrada {
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Arial;
}

.btn_azul1 {
	margin-top: 51px;
	background-color: #007bbf;
	font-family: Arial;
	font-style: normal;
	color: #ffffff;
	border-radius: 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
}

.margin-top15 {
margin-top:15px;
}

.texto_gris {
	color: Gray;
	font-weight: bold;
	font-family: Arial;
}

.btn_blanco {
	background-color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	color: #84b816;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	 /*box-shadow:  2px 2px 1px #888888;
	*/
/*text-align: center;
	*/
font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

#gv_reembolso {
	background-color: #84b816;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	text-align: center;

	-webkit-box-shadow: 3px 0px 6px #888888;
	box-shadow: 3px 0px 6px #888888;
	height: 20px;
}

.rotateimg 
 {
   
    -moz-transform:rotate(+90deg);
    transform:rotate(+90deg);
    -webkit-transform:rotate(+90deg);
    -ms-transform:rotate(+90deg);
    -o-transform: rotate(+90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  height:100%;
  width:100%;
  
}
.rotateimg1 
 {
   
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  
  
}
.rotateimg2 
 {
   
    -moz-transform:rotate(270deg);
    transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  
  
}
.rotateimg3 
 {
   
    -moz-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform: rotate(360deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  
  
}

.imagen 
{
    position:absolute;
    overflow:auto;

    }

.t_br {
    border-radius:5px;
    box-shadow: 2px 2px 1px #888888;
    -webkit-box-shadow: 2px 2px 1px #888888;
}

.important
{
    color:#DB0F0F;
    margin-left: 3px;
} 

.input-flex
{
    width: 70%;
    min-height: 25px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    padding: 0px 10px;
}

.text-left {
    text-align:left !important;
}

.select-flex
{
    width: 80%;
    min-height: 25px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    padding: 6px 10px;
}