﻿  @media print {
    .oculto-impresion,
    .oculto-impresion * {
        display: none !important;
    }
}
/*Body Style*/
body
{
	background-color:#c7dbe6;
	font-family:Arial, Helvetica, sans-serif, Trebuchet MS;
	font-weight:normal;
	font-size: 12px;
	background-color: #c7dbe6;
	color:#999596;
	margin:0px;
	padding: 0px;
}
/*Div Principal Style*/
#contenedor
{
	width: 1020px;
	margin: 0 auto;
	background-color: #ffffff;
	
}
#bodyHeader
{
	width: 1010px;
	margin: 0 auto;
	background-color:#deebf3;
	/*background-image:url(images/logoGym.gif);*/
	background-repeat: no-repeat;
	background-position:bottom left;
	height: 80px;
	
}
.texboxwatermark {
	background-color:#eef5f9;
	opacity:0.3;
}
.loggedInTemplate
{
	color:#999596;
}
#bodyContent
{
	width: 1010px;
	margin: 0 auto;
	background-color: #ffffff;
}
#footer
{
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	color: #999596;
	font-weight: bold;
}
#footer span
{
	color:#5494b8;
}
#footer a
{
	color: #5494B8;
	text-decoration: none;
}
#footer a:hover
{
	color: #5494B8;
	text-decoration: underline;
}
#bodyBottom
{
	width:778px;
	margin: 0 auto;
	background-image: url(images/div-bottom.gif);
	background-repeat:no-repeat;
	height:24px;
}
/*Grid Styles*/
.GridHeader
{
	text-transform:uppercase;
	font-weight:bold;
	color:White;
	text-align:left;
	background-image:url(images/HeaderBackGround.gif);
	background-repeat:repeat-x;
	height: 24px;
	
}
/*************************************************
Favor de no cambiar esta deficnicion mas!!!!
si necesitan heder mas altos, buscar que ya hay creados
o sino crear uno nuevo, este es a base de todas las pantallas
*/
.GridHeader1
{
	text-transform:uppercase;
	font-weight:bold;
	color:White;
    background-color :#5494B8;
	height: 20px;
	vertical-align: middle;
}
/***********************************************/
.GridHeader3
{
	text-transform:uppercase;
	font-weight:bold;
	color:White;
    background-color :#5494B8;
	height: 30px;
	vertical-align: middle;
	text-align : left;
}

.GridHeader2
{
	text-transform:uppercase;
	font-weight:bold;
	color:White;
	background-image:url(images/HeaderBackGround.gif);
	background-repeat:repeat-x;
}

.GridHeader a
{
	font-weight:bold;
	color:White;
}
.GridHeader5
{
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	background-color:#5595b9;
	height:40px;
}
.GridHeader5 a
{
	font-weight:bold;
	color:White;
}
.GridHeader1 a, .GridHeader3 a
{
	font-weight:bold;
	color:White;
	vertical-align: middle;
}
.GridHeader2 a
{
	font-weight:bold;
	color:White;
}

.GridHeader th
{
	text-align:left;
	vertical-align:top;
}
.GridHeader1 th
{
	text-align:center;
	vertical-align: middle;
}
.GridRow
{
	background-color:#ffffff;
	color:#9a9494;
	text-align:left;
}
.GridAlternativeRow
{
	background-color:#ebedec;
	color:#9a9494;
	text-align:left;
}
.GridFooter
{
	background-color:#5d7b9d;
	color:White;
	font-weight:bold;
	text-align:right;
}
.GridPager
{
	background-color:White;
	color:White;
	text-align:right;
	background-image:url(images/PagerBackGround.gif);
	background-repeat:repeat-x;
}
.GridPager td
{
	text-align:right;
}
.GridPager a
{
	color:White;
	line-height:24px;
	padding-left:8px;
	padding-right:8px;
	background-image:url(images/lnkGridFooter.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}
.GridPager a:hover
{
	color:White;
	line-height:24px;
	padding-left:8px;
	padding-right:8px;
	background-image:url(images/lnkGridFooterHover.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}
.GridPager span
{
	color:White;
	line-height:24px;
	padding-left:8px;
	padding-right:8px;
	background-image:url(images/lnkGridFooterHover.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.GridSelectedRow
{
	background-color:#e2ded6;
	font-weight:bold;
	/*color:#333333;*/
	text-align:left;
	
}
/* Grid Button */
a.GridButton
{
	font-size:12px;
    font-family:Arial, Trebuchet MS;
	color:#5494B8;
	font-weight:normal;
    text-decoration:none;
}
a.GridButton:hover
{
	text-decoration:underline;
}
/* Menu Styles*/
.StaticMenuItem
{
	background-color:#f0f4f7;
	color:#8997A0;
	/*padding:5px 7px 5px 7px;*/
	padding:5px 0 5px 0;
	text-align:center;
	text-transform:uppercase;
	width:100px;
}
.StaticHover
{
	background-color:#f0f4f7;
	color:#5593b8;
	text-transform:uppercase;
}
.DynamicMenu
{
	z-index: 100;
}
.DynamicMenuItem
{
	background-color:#deebf3;
	color:#8c99a1;
	padding:4px 0 4px 2px;
	border: solid 1px #5494ba;
	width:140px;
}
.DynamicHover
{
	background-color:#ffffff;
	color:#5494b8;
}
/*Titulos*/
h1
{
	width: 986px;
	padding-left:20px;
	line-height:24px;
	background-image:url(images/h1Background.gif);
	background-repeat:repeat-x;
	color:White;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
}
h1 a
{
	float:right;
	text-transform:none;
	margin-right:50px;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	}
h2
{
	width: 986px;
	padding-left:20px;
	line-height:24px;
	color:White;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	background-color:#5595b9;
}
/*Link Verde*/
a.linkVerde:link, a.linkVerde:visited, a.linkVerde:active
{
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS;
	font-size: 12px;
	color:#5e9c55;
	font-weight:bold;
	text-decoration:none;
}
a.linkVerde:hover
{
	color:#5e9c55;
	font-weight:bold;
	text-decoration:underline;
}
/*Modal Popup*/
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup
{
    background-color:#efefef;
    border-width:2px;
    border-style:solid;
    border-color:Gray;
    padding:2px;
    text-align:right;
}
.TableRow
{
	background-color:#f7f6f3;
	color:#333333;
	text-align:center;
	font-size:11px;
}
.TableAlternativeRow
{
	background-color:White;
	color:#284775;
	text-align:center;
	font-size:11px;
}
.TableRowAdd
{
	background-color:#f7f6f3;
	color:#333333;
	text-align:center;
	font-size:10px;
}
.TableAlternativeRowAdd
{
	background-color:White;
	color:#284775;
	text-align:center;
	font-size:10px;
}
/* ajax modal dialog styles */
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modalBox
{
	background-color : #f5f5f5;
	border-width: 3px;
	border-style: solid;
	border-color: #507CD1;
	padding: 3px;
}
.modalBox1
{
	background-color : #f5f5f5;
	border-width: 3px;
	border-style: solid;
	border-color: #507CD1;
	padding: 1px;
}

.modalBox caption
{
}
.caption, table caption {
	background-color: #5494b8;
	color: white;
	font-size: 12px;
	font-weight: bold;
	height:20px;
	border: 0;
	vertical-align:middle;
	text-align: center;
	padding-top:2px;
}
.Boton_Default
{
	border:1px solid #5D7B9D;
	background-color:#d2e8f4;
	color:#5D7B9D;
	font-family:Arial;
	font-size:11px;
	margin:0 3px 0 3px;
	width:50px;
}
/* hr */
hr.blue
{
	border: solid 1px #5595b9;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
}
hr
{
	border: solid 1px #707173;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
}
/* Login Box */
.BarraTitulo
{
    background-image: url('images/px_BarraTitLogin.gif');
    background-repeat:repeat-x;
    background-position: bottom;
    background-color:#5595b9;
	font-family:Arial;
	font-weight:bold;
	font-size:26px;
	color:#FFFFFF;
	padding:3px 10px 3px 30px;
	text-align:left;
}
.LoginFondo
{
    background-image: url('images/Fondo_login.jpg');
    background-repeat:no-repeat;
    background-position: top center;
    height:568px;
    vertical-align:middle;
}
.Login_Data
{
	background-color: #daecf6;
	border: solid 1px #5b9abb;
}
.Login_Header
{
    background-color: #deebf3;
    /*background-image: url('images/logo_login.gif');*/
    background-repeat:no-repeat;
    background-position: top left;
    text-align:right;
    font-family:Arial;
    font-size:12px;
    color:#7896a7;
    height:53px;
    vertical-align:bottom;
    padding-bottom:2px;
    border-bottom:solid 1px #FFFFFF;
}
.LabelLogin1 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    color: #14639b;
    text-decoration:none;
}
.TextBoxLogin1
{
    background-image: url(images/Login_Header_px.gif);
    background-repeat: repeat-x;
    background-position: top;          
    border:1px solid #6eb7e2;
    width:120px;
}
.CheckLogin1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #545454;
}
.btn_Login
{
    background-image: url(images/imgBtn2.gif);
    background-position:left top;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
/*	background-color:#5494b8;*/
	border: solid 0px;
	cursor:pointer;
	height:24px;
	width:80px;
}
.LoginError
{
	color:Red;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}
input, select
{
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	color:#6e797f;
}
/* Drop Down Blue*/
.dpBlue2
{
	border: solid 1px #5d7b9d;
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	height:20px;
	color:#284775;
}
.dpBlue
{
	border: solid 1px #5d7b9d;
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	height:20px;
	color:#6e797f;
	margin-top:0px;
}
.btnHeader
{
	background: url(images/imgBtn.gif) no-repeat;
	/*background: url(images/imgBtn.gif) no-repeat center top;*/
	display:block;
	height:24px;
	width:80px;
	padding-top:4px;
	text-align:center;
	color:#5695B8;
	font-weight:normal;
	text-decoration:none;
	/*float:left;*/
}
.btnHeaderLarge
{
	background: url(images/imgBtnLarge.gif) no-repeat center top;
	display:block;
	/*float:left;*/
	height:24px;
	width:120px;
	padding-top:4px;
	text-align:center;
	color:#5695B8;
	font-weight:normal;
	text-decoration:none;
}
.btnHeaderExtraLarge
{
	background: url(images/imgBtnLarge.gif) no-repeat center top;
	display:block;
	/*float:left;*/
	height:24px;
	width:120px;
	padding-top:4px;
	text-align:center;
	color:#5695B8;
	font-weight:normal;
	text-decoration:none;
}
.btnHeaderLargeMov
{
	background: url(images/imgBtnLarge.gif) repeat center top;
	display:block;
	/*float:left;*/
	height:24px;
	width:120px;
	padding-top:4px;
	margin-top:-2px;
	color:#5695B8;
	font-weight:normal;
	text-decoration:none;
}
.btnSearch2
{
	background: url(images/imgBtn2.gif) no-repeat center top;
	background: url(images/imgBtn2.gif) no-repeat center center;
	padding:4px 20px 8px 20px !important;
	padding: 8px 20px 8px 20px !important;
	text-align:center;
	color:#ffffff;
	font-weight:normal;
	vertical-align:middle;
	vertical-align:3px;
	text-decoration:none;
}
.btnNormal1
{
	background: url(images/imgBtn.gif) no-repeat;
	display:block;
	height:24px;
	width:80px;
	padding-top:4px;
	text-align:center;
	color:#5695B8;
	font-weight:normal;
	text-decoration:none;	
}
.btnSearchCP
{
	background: url(images/imgBtnCP.gif) no-repeat center top;
	padding:4px 16px 8px 16px;
	padding:2px 16px 8px 16px;
	text-align:center;
	color:#ffffff;
	font-weight:normal;
	vertical-align:middle;
	text-decoration:none;
}
/* -------------------  Pagina de Assistencia ----------------------------*/

.BarraLogo
{
    background-color:#5595b9;
	font-family:Arial;
	font-weight:bold;
	font-size:60px;
	color:#FFFFFF;
	padding:10px;
	vertical-align:middle;
}
.TextoGrande
{
	font-family:Arial;
	font-weight:bold;
	font-size:42px;
	color:#5595b9;
}
.TextoMediano
{
	font-family:Arial;
	font-weight:bold;
	font-size:32px;
	white-space: nowrap;
}

.TextoChico
{
	font-family:Arial;
	font-weight:bold;
	font-size:22px;
	white-space: nowrap;
}


/*---------------------------- Home -----------------------*/

A.linkHome:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	text-decoration:none;
}
A.linkHome:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	text-decoration:none;
}
A.linkHome:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	text-decoration:underline;
}
.HomeTextoGrande
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #5595b9;
	vertical-align:top;
}
.Legendas
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#5595bb;
	padding:3px;
}
  .btn_Claro
    {
        background-color:#dfecf4;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #5492b7;
        border: solid 1px #5492b7;
        cursor:pointer;
        height:21px;
    }
    .Title_Page
  {
    background-color:#5494b8;
    height:30px;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    padding-left:10px;
    vertical-align:middle;
    text-align:left;
  }
    
     .btn_Oscuro
    {
        background-color:#5394ba;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #FFFFFF;
        border: solid 1px #5394ba;
        cursor:pointer;
        height:21px;
    }
    
/*Comienza la parte de convenios*/
#divConvenio
{
width:100%; 
text-align:left;
}
#divConvenio p
{
width:95%; 
text-align:justify;
color:#000;
font-size:13px;
margin-left:30px;
}
#divConvenio p span
{
font-weight:bold;
padding-right:20px;
}
#divConvenio h4
{
width:95%; 
text-align:center;
color:#929187;
font-size:13px;
margin:20px auto 20px auto;
}
#divConvenio h5
{
width:95%; 
text-align:left;
color:#000;
font-size:13px;
margin:20px 0px 20px 40px;
}
#divConvenio h5 b
{
font-weight:bold;
padding-right:15px;
}
#divConvenio p span.SubTitle
{
color:#929187;
margin:0px;
padding:0px;
}
#divConvenio p span.Subrrayado
{
color:#929187;
margin:0px;
padding:0px;
text-decoration:underline;
}
#divConvenio #ulDatos1
{
padding:0px;
margin:0px 0px 0px 100px;
list-style:none;
color:#000;
font-size:13px;
}
.LeftFloat
{
float:left;
}
#divConvenio .Firmas
{
width:450px;
text-align:center;
height:120px;
margin-left:20px;
}
#divConvenio h6
{
text-align:center;
color:#000;
font-size:13px;
margin:0px 0px 0px 0px;
padding:0px;
}
#divConvenio #Anexo1
{
	width:950px;
	height:1150px;
	margin-left:30px;
	}
#divConvenio #Anexo1 .divInterno1
{
	border:solid 1px #000;
	height:60px;
}
#divConvenio #Anexo1 .divInterno2
{
	border:solid 1px #000;
	height:55px;
}
#divConvenio #Anexo1 p
{
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#333;
	}
#divConvenio #Anexo1 p .Amarilla
{
	background-color:#F8F4A3;
	padding:4px;
	color:#333;
	border:solid 1px #000;
}


#divConvenio #Anexo2
{
	width:950px;
	height:250px;
	margin-left:30px;
	}
#divConvenio #Anexo2 .divInterno1
{
	border:solid 1px #000;
	height:40px;
}
#divConvenio #Anexo2 .divInterno2
{
	border:solid 1px #000;
	height:55px;
}
#divConvenio #Anexo2 p
{
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#333;
	}
#divConvenio #Anexo2 p .Amarilla
{
	background-color:#F8F4A3;
	padding:4px;
	color:#333;
	border:solid 1px #000;
}
/*Fin la parte de convenios*/


.subtitulo
{
    width: 986px;
	padding-left:20px;
	line-height:24px;
	background-image:url(images/h1Background.gif);
	background-repeat:repeat-x;
	color:White;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	text-transform:none;
}
/*Estilo para sombreado, redondeado de controles textarea, textobox y combos
Juan Manuel
*/
input[type='text']
{
    border-color: #B5B5B5;
    border-style: Solid;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #CCC;
}
input[type='Password']
{
    border-color: #B5B5B5;
    border-style: Solid;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #CCC;
}
textarea
{
    border-color: #B5B5B5;
    border-style: Solid;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #CCC;
}
select
{
    height: 20px;
    border-radius: 3px;
    border: 1px solid #B5B5B5;
    font-weight: 200;
    box-shadow: 1px 1px 5px #CCC;
}