﻿body {
	/*background-color:#B5E6F7;*/
	background-color:#D7E6F9;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 10px;
	padding: 0px;
}
.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}
#container {
	margin: 0px auto;
	text-align: left;
	width: 717px;
}
a{
	font-size:12px;
}
p{
	margin: 15px 0px;
}
/********************** Header ***************************/
#header {
	margin: 0px 0px 0px 0px;
	background-image:url(../images/header.gif);
	width:717px;
	height:288px;
	position:relative;
}
#header ul{
	background-color:#0993C8;
	width:711px;
	border: 3px solid #FFFFFF;
	display:block;
	top:255px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	height:22px;
	padding:5px 0px 0px 0px;
	text-align:left;
}
#header li{
	display:inline;	
}
#header ul a{
	text-decoration:none;
	color:#FFFFFF;
	margin: 0px 15px;
}
#header ul a:hover{
	text-decoration:none;
	color:#28556b;
}
#logo_w1,#logo_w2 {
	font-size: 24px;
	font-style:italic;
	color:#FFFFFF;
	position:absolute;
}
#logo_w1{
	top:15px;
	left:70px;
}
#logo_w2{
	top:44px;
	left:94px;
}
#header_text {
	top:90px;
	left:43px;
	width:230px;
	position:absolute;
}
#header_text p{
	font-size: 18px;
	color:#FFFFFF;
}
#header_text a{color:#28556b;}
#header_text a:hover
{
	color:#c77e0c;
	text-decoration: none;
}
#sel_language{
	position:absolute;
	top:264px;
	left: 662px;
	text-align:right;
}
/********************** Content ***************************/
#content {
	background-image:url(../images/content_bg.gif);
	width:717px;
	background-color: #FFF;
}
img{
	border-width:0px;
}
h1{
	color:#000000;
	font-size:14px;
	margin: 20px 0px 20px 0px;
}

h2{
	color:#85a157;
	font-size:14px;
	text-align:center;
	width:200px;
	margin: 10px 0px 15px 0px;
}

h3{
	color:#000000;
	font-size:14px;
	margin: 20px 0px 10px 0px;
}

#left {
	float:left;
	width:482px;
	margin-left:27px;
	
	display:inline;
	text-align: justify;
}
#left a{color:#28556b;}
#left a:hover{color:#00ADEF;}
#photos 
{
	margin-top: -10px;
}
#photos a
{
	margin-right:14px;
}
#photos_album img{
	margin: 4px 14px 10px 0;
}
#right {
	float:right;
	width:170px;
	padding: 0 5px 0 5px;
	margin-top: 10px;
	border-left: #EAF2F4 2px solid;
}
#right a{
	color:#000;
}
#right a:hover{
	color:#00ADEF;
}
input 
{
	font-size: 11px;
}
.changePsw
{
	font-size:11px;
}
.genericTable
{
	font-size:11px;
}

/********************** Footer ***************************/
#footerline {
clear:both;
background-image:url(../images/footer_bg.gif);
font-size:1px;
height:10px;
}
#footer {
	width:717px;
	text-align:center;
	padding: 10px 0px;
	color: #75A0AF;
	font-size: 11px;
}

#footer a 
{
	font-size: 11px;
	color: #75A0AF;
	text-decoration:none;
}

/********************* RIGHT MENU **************************/

#menu_separator 
{	
}

#menu_separator h1{
	font-size: 12px;
}

#loginForm
{
	font-size: 11px;
}

#loginForm a
{
	font-size: 11px;
	color: #28556b;
	text-decoration:none;
}

#loginForm a:hover
{
	font-size: 11px;
	color: #00ADEF;
}

#Error
{
	margin-top: 10px;
	color: Red;
	font-size: 11px;
}

#menu_admin
{
	margin: -10px 0 0 20px;
}

#menu_admin ul li{
	list-style-type:none;
	margin-bottom: 5px;
}

#menu_informes
{
	margin: -10px 0 0 20px;	
}

#menu_informes ul li{
	list-style-type:none;
	margin-bottom: 5px;
}

#menu_gestion
{
	margin: -10px 0 0 20px;
}

#menu_gestion ul li{
	list-style-type:none;
	margin-bottom: 5px;
}

#registro
{
	font-size: 11px;
}

.ddl
{
	font-size:11px;
}

/******************** BUTTON *******************************/
.button 
{
	color: #FFF;
	font-size: 9px;
	font-weight:bold;
	border: 1px solid #CCC;
	height: 15px;
	background-repeat: repeat;
	background-image: url(../images/button_bg.gif);
	cursor: hand;
	background-color: #DADADA;
}

/*----- DataGrid ------*/
#grid {width:98%; padding:0 0 0 0; margin:20px 0 0 0; text-align:left; font-size:11px; background-color:White; font-family: Verdana, Arial, Helvetica, sans-serif;}
#grid .dataGrid {vertical-align:middle; text-align:center; width:100%; border-style:Solid; border-width:1px; font-size:0.9em; color:Black; background-color:White; border-color:#EFE6F7;}
#grid .gridRowStyle {font-size:0.9em}
#grid .gridRowStyle a{text-decoration:none;}
#grid .gridPagerStyle {Background-color:#0993C8; color:White; border-style:Solid; }
#grid .gridPagerStyle a {text-decoration:underline; color:White;}
#grid .gridHeaderStyle {font-size:10px;Background-color:#0993C8; font-weight:bold; color:White;}
#grid .gridHeaderStyle a {text-decoration:underline; color:White; font-size:10px;}
#grid .gridAlternatingStyle {Background-color:#F5F5F5; font-size:0.9em;}
#grid .editButton{border:0;}
#grid .deleteButton{border:0;}
#countPages  {margin-left:5px;float:left; }
#pageButtons {float:left;}
#totalRows   {float:right; margin-right:-50px;}

.gridFooter 
{
	border:0;
	border-style: none;
    background: #B5E6F7;
    text-align: right;
    font-size:11px;
    width:100%;
}

/*----- FieldSet -----*/
#gridfieldSet {border:1px solid #808080; font-weight:normal; padding-top:20px; width:80%;clear:both; position:relative; left:20%;}
#gridfieldSet #legend{color:Black;}
#updatefieldSet {border:1px solid #808080; font-weight:normal; padding-top:20px; width:100%;clear:both; position:relative; float:left;}
#updatefieldSet #legend{color:Black;}
#search {padding:10px 0 10px 10px;margin-bottom:10px;float:left;}
#buttonSearch{padding:10px 0 10px 10px;margin-bottom:10px;float:left;} 
#profile {padding:10px 0 10px 10px; margin-bottom:10px;}
#profile .listbox{font-size:9pt;height:100px; background-color:White;}
#profile #field{margin:0 0 0 0;float:left;CLEAR:both;}
#profile #field .tab{margin:0 30px 0 0;float:left;}
#buttonsGrid {float:right;margin-top:10px;position:relative;}
#updatebuttons {float:right;margin-top:10px;position:relative;}
 
/* ----- Comunes ---- */
#PageTitle 
{
	margin: 25px 0px 0px 0px;
	/*color:#6B6854; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.buttonBlack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	font-weight:bold;
	border: 1px solid #00344A;
	height: 15px;
	background-repeat: repeat;
	background-image: url(../images/button_background.gif);
	cursor: hand;
	background-color: #DADADA;
}

.buttonRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	font-weight:bold;
	border: 1px solid #660000;
	height: 15px;
	background-repeat: repeat;
	background-image: url(../images/buttonRed_background.gif);
	cursor: hand;
	background-color: #bb8888;
}

.buttonGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	font-weight:bold;
	border: 1px solid #1A5000;
	height: 15px;
	background-repeat: repeat;
	background-image: url('../images/buttonGreen_background.gif');
	cursor: hand;
	background-color: #B3D086;
}

.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-style:normal;
	color: #00344A;
	font-size: 10px;
	border: 1px solid #999999;
	margin-left: 0px;
}

.plainText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	color: #00344A;
	font-size: 10px;
}

.dropDownList 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-style:normal;
	color: #00344A;
	font-size: 10px;
	border: 1px solid #999999;
	margin-left: 0px;
}

.listBox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-style:normal;
	color: #00344A;
	font-size: 10px;
	border: 1px solid #999999;
	margin-left: 0px;
}

/*************************GRID*******************/
.grid
{
	font-size: xx-small;
	padding: 2px;
}

.gridAmplio td {
    padding: 2px 5px;
}

.grid a
{
	text-decoration:none;
	color:#44f;
}

.gridHeader
{
	background-color:#0993C8;
	font-weight:bold;
	color: #fff;
}

.gridHeader a {
    color: #fff;
    text-decoration: underline;
}

.gridItem td,
.gridAlternateItem td {
    border: 1px solid #ddd;
}

.gridItem
{
	background-color: #fff;
}

.gridAlternateItem
{
	background-color: #eef;
}

.gridPager
{
	background-color:#A2BADD;
	text-align:center;
	font-size:xx-small;
}

.gridFooter {
    border-style: none;
    background: #9BAFBF;
    text-align: right;
    font-size:11px;
}

.modalBackground {
	background-color:#D7E6F9;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
 background-color:#0993C8;
 padding:3px;
}

.leyendas 
{
	font-size:11px;
}