﻿/* CSS layout */
body
{
	width: 950px;
	margin:auto;
	font-size: 14px;
	font-family: Verdana;
	background:url(images/bg.gif);
}

/*Vinculos*/
a {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #0066FF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #999999;
}
/*  ------------------------------------------ */

#masthead 
{
	width: 950px;
	height:161px;
}
#top_nav
{
	width: 950px;
	background-image: url(images/bg_top_nav.png);
	height: 25px;

}

#mapa
{	margin-top:0px;
	background-image:url(images/header-opened.png);
	 height:auto;
	 
	}
#mapi
{  padding-top: 5px;
	margin-left:10px;
	width: 920px;
	padding-bottom: 4px;
	
	}

#page_content 
{	width: 947px;
	border: 2px ridge #0B3DEA; 
	height:auto;
     background-image:url(images/bg_c.png);
	
}

#report
{
	margin:auto;
	text-align:center;
	height:auto;
	width:300px; 
	}


#footer 

{	width: 950px;
 	}
 	
#contenido{
	 
	 text-align: center;
	 font-family:Verdana;
	 font-size:13px;
	 color:Black;
}

#left_col 
{
	position: absolute;
	/*margin-left:100px;*/
	
	width: 499px;
	top: 605px;
	left: 2px;
}
#come
{
	
	padding: 10px;
	background-image:url('images/info.png');
	height:243px;
	width:370px;
}

#login_f
{
	
	text-align: center;
	background-image:url('images/login_f.png');
	
	height:262px;
	width:390px; 
	
}

.Titulo1
        {
            color: #FFFFFF;
            font-weight: bold;
            font-size: 16px;
            background-image:url('images/back2.png');
        }

#mascara
{margin:auto;
	 text-align:center;
	 background-image:url(images/almuerzo_c2.png);
	  height:262px;
	   width:390px;  }

#mascarar
{margin:auto;
	 text-align:center;
	 background-image:url('images/refrigerios_c2.png');
	  height:262px;
	   width:390px;  }
	   
	   #beneficios
{margin:auto;
	 text-align:center;
	 background-image:url('images/Beneficios.png');
	  height:262px;
	   width:390px;  }
	   

#Mdatos
{	 
	float: left;
 	 padding: 5px;	
 	 left: 177px; 
 	 top: 298px;
 	 	
	}

#11
{	 
	 width: auto; 
	 height:390px; 
     text-align: center;
}

#contenidof
{
	margin:auto;
	text-align:center;
	height:auto;
	
	}

#contenidofi
{
	margin:auto;
	height:auto;
	text-align:center;
	
	}

#conte
{
	margin:auto;
	text-align:center;
	height:auto;
	width:500px; 
	}

#contea
{
	margin:auto;
	text-align:center;
	height:auto;
	width:700px;
	}
	
#conteuser
{
	margin:auto;
	text-align:center;
	height:auto;
	width:750px;

	}
	
#conteesa
{
	margin:auto;
	text-align:center;
	height:auto;
	width:800px;
	}

.drag_c
{ Border-Style:Solid;
  Border-Width:2px;
  Border-Color:black; 
  Width:260px;
  background-image:url(images/bg_drag.png);
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
   
	}
.dragMe {
	width:100%;
	height:21px;
	background-color:#FFF;
	background-image:url(images/header-opened.png);
	text-align:center;
	cursor:move;
	font-weight:bold;
}
.username
{
	font-family: Verdana;
	font-size: 12px;
	font-style: italic;
	color: #7D0000;
	font-weight: bold;
	text-decoration: underline;
}

.usertabla
{
	 
	background-image:url(images/bg_tabla.png);
	border-collapse:collapse; border: none;
		
	}
	
	
.menu
{
	font-family: Verdana;
	font-size: 12px;
	color: #7D0000;
	font-weight: bold;
	text-decoration: underline;
}

.spaciotop
 {
 width: 751px;
 }
 
 .login
 {
  
  background-color:#7D0000;
 	}
 .bg_IE
 {
 	 background-image:url(images/bg_IE.png);
 	}
 	
.tablaa
{
	 font-size:12px;
	 font-family:Verdana;
	 font-weight:bold;
	width:700px; 
	height:50px;
	background-image:url(images/bg_tabla.png);
	}
	
.formvf
{
 	background-color:#F7F6F3;
}

.formvf2
{
 	background-color:White;
}

.formv1
{
  color:White;
  background-image:url('images/back2.png');
   font-family:Verdana;
    font-weight:bold;
    text-align:center;
}

.formver
{
  color:White;
  background-image:url('images/back2.png');
   font-family:Verdana;
    font-weight:bold;
    text-align:left;
}

.tdleft
{
	text-align:left;
	}
.letrared
{
	color:#CC0000;
	font-weight:bold;
	}
	.letragreen
{
	color:green;
	font-weight:bold;
	}
	/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


.Titulo
{
 text-indent: 5px;
 display: block;
 font-size: 18px;
 font-weight: bold;
  color: white;
  background-image:url(images/back1.png);
 margin-bottom: 5px;
 padding-bottom: 5px;
 padding-top: 5px;
 font-family: 'verdana';
}

/*GRIDVIEW*/
.gridHeader
{ font-weight:bold;
  color:White;
  background-image:url(images/back2.png);
	}

.gridFooter
{
	font-weight:bold;
  color:White;
  background-image:url(images/back3.png);
	}

.gridRow
{}

.gridEditRow
{
	background:#999999;
	}

.gridSelectedRow
{}

.gridPager
{}

.gridAlternatingRow
{
	color: #284775; 
	background-color: White;
  }
  
  .filatd
  {
  	color: #284775; 
	background-color: #F7F6F3;
  	}
/* -------------------------------------------------------- */
      /*<FooterStyle BackColor="#999999" Font-Bold="True" ForeColor="White" />
        <RowStyle BackColor="#F7F6F3" ForeColor="#333333"/>
        <EditRowStyle BackColor="#999999"/>
        <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
        <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
        <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
        <AlternatingRowStyle BackColor="White" ForeColor="#284775"/>*/



/*AJAX.NET TAB CONTROL 
.ajax__tab_xp .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:
        url(AjaxControlToolkit.Tabs.tab-line.gif")%>) 
        repeat-x 
        bottom;
}
.ajax__tab_xp .ajax__tab_outer {
    padding-right:4px;
    background:
        url(AjaxControlToolkit.Tabs.tab-right.gif")%>) 
        no-repeat 
        right;
    height:21px;
}
.ajax__tab_xp .ajax__tab_inner {
    padding-left:3px;
    background:
        url(AjaxControlToolkit.Tabs.tab-left.gif")%>) 
        no-repeat;
}
.ajax__tab_xp .ajax__tab_tab {
    height:13px;
    padding:4px;
    margin:0;
    background:
        url(AjaxControlToolkit.Tabs.tab.gif")%>) 
        repeat-x;
}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
    background:
        url(AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) 
        no-repeat 
        right;
}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
    background:
        url(AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) 
        no-repeat;
}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
    background:
        url(AjaxControlToolkit.Tabs.tab-hover.gif")%>) 
        repeat-x;
}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
    background:
        url(AjaxControlToolkit.Tabs.tab-active-right.gif")%>) 
        no-repeat 
        right;
}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
    background:
        url(AjaxControlToolkit.Tabs.tab-active-left.gif")%>) 
        no-repeat;
}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    background:
        url(AjaxControlToolkit.Tabs.tab-active.gif")%>) 
        repeat-x;
}
.ajax__tab_xp .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-image:url(images/bg_tabla.png);
}

	*/  
	


	  	
