#dvbody{ height:100%; margin:0 auto; background-color:White; }
    
  
    

.menu_bar{ display: none;}
header nav ul{ overflow: hidden; list-style: none; margin:0px; float:right;padding: 0px; background-color:#aaaaaa;}
header nav ul li{float: left; display: block; position: relative; float: left; cursor: pointer;padding: 0;color: rgb(255, 255, 255); white-space: nowrap;}

header nav ul li a{color: black;padding: 5px;display: block;text-decoration: none;  font-weight:bold;}
header nav ul li span{margin-right: 10px;}
header nav ul li a:hover{background: #7890a0;}/*#037E8C#38BB8F;*/
  
 
	  .imgmenu{ width:5%; height:100%; background-color:#aaaaaa}
	  
	 
	  #headsubmenu{ width:270px;max-height:80%}
	   
	  .contenedor{ height:80%; width:100%}
	  #tablecont{ height:100%; width:100%}
	  
	  .modalBackground {background-color:#333333; filter:alpha(opacity=40); opacity:0.7;} 
.modalPopup { background-color:white; border-width:1px; border-style:solid; border-color:#CCCCCC; padding:1px; width:300px; Height:200px; } 

.alignright{ text-align:right}

  @media screen and (max-width:1060px )
{
 
	header nav{width: 25%;height: 76%;right:-100%;margin: 0;position: fixed;z-index: 20;top:11%;}
	 
	header nav ul {float:none;}
	 
	header nav ul li{display: block; float: none; border-bottom: 1px solid rgba(255,255,255, .3);}


	header nav ul li a{color: black;padding: 16px 7px;display: block;text-decoration: none;font-size: 19px; font-weight:bold;}	
	#headsubmenu{ width:300px;}
	 .imglogo{ height:80%}
	 .imgvideo{width:10%; height:45%}
	 .imgciudad{ width:15%; height:80%; }
	  .imgmenu{ width:7%; height:100%; background-color:White}
	  
	     #lnk_productos{ display:none}
	     
	     #foot_dvcenter{left:35%}
	     
	     #headsubmenu{ width:270px;max-height:80%}
	     
}      

 @media screen and (max-width:600px )
{
  
	 .imglogo{   height:80%}
	 .imgvideo{width:15%; height:45%}
	 .imgciudad{ width:15%; height:80%;  display:none}
	  .imgmenu{ width:10%; height:100%; background-color:White}
	    #UC_Footer1_atwitter{ display:none}
	  #UC_Footer1_aqr{ display:none}
	   #UC_Footer1_afacebook{ display:none}
	    #lnk_productos{ display:none}
	   #lnk_versionante{ display:none}
	  #UC_Footer1_Lnk_PoliticaPrivacidad{ display:none}
	   #UC_Footer1_Lnk_Version_Anterior{ display:none}
	   #foot_dvcenter{ left: 0px;}
	   
	     
	       header nav{width: 50%}
	         #headsubmenu{ width:270px;max-height:80%}
}   


 @media screen and (max-width:400px )
{
  
	 .imglogo{   height:80%}
	 .imgvideo{width:20%; height:45%}
	 
	  .imgmenu{ width:15%;height:100%; background-color:White}
	  
	  #UC_Footer1_Lnk_twitter{ display:none}
	  #UC_Footer1_aqr{ display:none}
	   #UC_Footer1_Lnk_facebook{ display:none}
	    #lnk_productos{ display:none}
	   #lnk_versionante{ display:none}
	  #UC_Footer1_Lnk_TerminosdeUso{ display:none}
	  
	  
	  header nav{width: 50%}
	  
	   #headsubmenu{ width:270px;max-height:80%}
}   

#dvtitulo{font-size:15pt;font-weight:bold; text-align:center; width:100%; margin:0 auto; display:table}

/* INICIO de Estilo aplicado al gridview */
.letranormal {color:#000000;font-size: 6pt;font-style:normal;font-weight:normal}

.gridcontainer  
{
    border: solid 1px #99BBE8;
    border-top-width: 0px;
    width: 100%;
}
.grid { color:black; width: 100%; border-width: 1px; Font-Size:xx-small; background:#ffffff}

.grid caption {
	background: gray url('../../imagenes/GridViewBlue/captionbckg.gif') repeat-x;
    color: #15428B;
	text-align: left;
	line-height: 18px;
	font-size: 10px;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 4px;
	font-family: tahoma,arial,verdana,sans-serif;
}

.grid table 
{
	border-color: #99BBE8;
	border-width: 1px;
}

.grid tr:hover{
background-color:#BDBDBD;
}
	
.grid td, .grid th
{
    height:12px;
    vertical-align:middle;
    white-space: nowrap;
        font-family: MS Sans Serif;
    font-style: normal;
}

.grid th
{
	background: transparent url('../../imagenes/GridViewBlue/thbackground.gif') repeat-x;
    height: 18px;
    border: solid 1px #000080;
    font-weight: normal; 
    white-space: nowrap;
}

.grid td
{
    border: solid 1px #000080; 
    white-space: nowrap;
}

.selectedrow 
{
	background: #DFE8F6;
	border:1px dotted #A3BAE9;
}

.selectedcell
{
   color:black;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#DFE8F6',EndColorStr='#ffFFFFFF');
   border-style:outset;
   border-width:3px;
   font-weight:bold;
}

.altrow 
{
	background-color:#f2f2f2;
}

.altoverow
{
	border:10px solid #99BBE8;
    background: #efefef url('../../imagenes/GridViewBlue/rowover.gif') repeat-x left top;
}

.pagerstyle 
{
	font-size:x-small;
	text-align: left;
    background-position: bottom left;
    background: #D0DEF0 url('../../imagenes/GridViewBlue/toolbarbck.gif') repeat-x scroll left top;
}

.paggo {
    font-size:x-small;
    width:20px;
}

.pagprev{
    background:transparent url('../../imagenes/GridViewBlue/previous.png') no-repeat scroll center;
    height:1.3em;
    width:16px;
    cursor:pointer;
    border:0px;
}
.pagnext{
    background:transparent url('../../imagenes/GridViewBlue/next.png') no-repeat scroll center;
    height:1.3em;
    width:16px;
    cursor:pointer;
    border:0px;
}

.pagfirst{
    background:transparent url('../../imagenes/GridViewBlue/first.png') no-repeat scroll center;
    height:1.3em;
    width:16px;
    cursor:pointer;
    border:0px;
}
.paglast{
    background:transparent url('../../imagenes/GridViewBlue/last.png') no-repeat scroll center;
    height:1.3em;
    width:16px;
    cursor:pointer;
    border:0px;
}
/* FIN de Estilo aplicado al gridview */


.txtinput {
    display: inline;
    height: calc(2.1rem+2px);
    padding: .175rem .25rem;
    font-size: .9rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.separador{
 width:5px
}