@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400|Open+Sans+Condensed:300,700,300italic);
body {
	background: #F3F3F3;
	font-family: 'Open Sans Condensed',"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
}
h1
{
	font-size: 20px;
	color: #808080;
}
input
{
	font-family: Trebuchet MS;
	border: 1px solid #D7D7D7;
	color: #333;
	border-radius: 2px;
	font-size: 12px;
	text-indent: 1px;
	margin-top: 0;
	margin-right: .5em;
	margin-bottom: .5em;
}

	/*
select
{
	border: 1px solid #D7D7D7;
	color: #333;
	border-radius: 2px;
	font-size: 12px;
	width: 200px;
	height: 25px;
}
*/
input[type=radio]
{
	border: none;
	font-size: 8px;
}
input[type=checkbox]
{
	border: none;
	font-size: 12px;
	font-family: Trebuchet MS;

}


.Vacio
{
}

tr.Radios
{
color:#666; font-weight:bold; font-size:.8em;
}

tr.Radios td.Radios
{
	vertical-align: middle;
}

tr.Otro
{
color:#666; font-weight:bold; font-size:.8em;
}

.ErrorValidador { text-align:left; display:block; color:red; font-weight:bold; font-size:.8em;}

#DatosParaContacto { margin-top:0em; border-bottom:1px solid #ccc; width:700px; padding-bottom:1em}
#SituacionFrenteAlServicio { margin-top:0em; border-bottom:1px solid #ccc; width:700px; padding-bottom:1em}
#DatosDeUsuario { margin-top:0em; border-bottom:1px solid #ccc; width:700px; padding-bottom:1em}
#Solapas { margin-top:0em; border-bottom:1px solid #ccc; padding-bottom:0em}
#ServicioGas { margin-top:0em; border-bottom:1px solid #ccc; padding-bottom:0em}
#ServicioAgua { margin-top:0em; border-bottom:1px solid #ccc; padding-bottom:0em}
#ServicioElectricidad { margin-top:0em; border-bottom:1px solid #ccc; padding-bottom:0em}

.Separador { margin-top:0em; border-bottom:1px solid #ccc; padding-bottom:0em}

.formT {
	-webkit-box-shadow: 0px 2px 34px -17px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 34px -17px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 34px -17px rgba(0,0,0,0.75);
}

/*****************************/
.boton {
	border: 1px solid #CCCCCC; /*#09F;*/
	background: #F3F3F3; /*#DDDDDD;*/
	font-family: 'Open Sans Condensed','Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 18px;
	cursor: pointer;
	text-align: center;
	white-space: normal !important;
	word-wrap: break-word !important;
	color: #333;
	width: auto;
	height: auto;
	/*
	min-width:120px;
    */
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	-webkit-border-radius: 7px;
	transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
}

.boton:hover {
	border: 1px solid #09F;
	background: rgba(52,159,247,1);
	background: -moz-linear-gradient(-45deg, rgba(52,159,247,1) 0%, rgba(39,160,230,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(52,159,247,1)), color-stop(100%, rgba(39,160,230,1)));
	background: -webkit-linear-gradient(-45deg, rgba(52,159,247,1) 0%, rgba(39,160,230,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(52,159,247,1) 0%, rgba(39,160,230,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(52,159,247,1) 0%, rgba(39,160,230,1) 100%);
	background: linear-gradient(135deg, rgba(52,159,247,1) 0%, rgba(39,160,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349ff7', endColorstr='#27a0e6', GradientType=1 );
	-webkit-box-shadow: 0px 10px 14px -9px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 10px 14px -9px rgba(0,0,0,0.23);
	box-shadow: 0px 10px 14px -9px rgba(0,0,0,0.23);
	color: White;
	font-style: inherit;
}

.boton:disabled
{
    border: 1px solid #CCCCCC;
    color:White;
    background: #CCCCCC;
    color: #999999;
}
	
IFRAME.ProgessBar
{
	position:absolute;
	top: 0px;
	left: 0px;
	height: 2548px;
	width: 1260px;
	background-color: Transparent;
	opacity:0.5;
	filter:alpha(opacity=50); 
	z-index: 1000;
}

DIV.ProgessBar
{
	position:absolute;
	top: 0px;
	left: 0px;
	height: 2548px;
	width: 1260px;
	background-color: Transparent;
	z-index: 2000;
	text-align: center;
}

IMG.ProgessBar
{
	position:absolute;
	top: 1028px;
	background-color: White;
}

.registroOk
{
	padding: 1em;
	color: #666;
	border: 1px solid #E5E5E5;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	width: 800px;
	margin: 0 auto;
	margin-top: 2em;
}
.registroOk img { float:left;}

a.Salir
{
	color: White; font-weight: bold;
	padding-right: 10px;
}

TABLE.Mensajes
{
    color: Black;
    font-weight: bold;
    font-size: 12px;
   
}

hr
{
	color: Gray;
	height: 1px;
}

.IE8Fix
{
    z-index: 100;
}  


TR.tdos
{
padding-right: 7px;
padding-left: 7px;
font-size: 11px;

color:#6d7273;
font-weight : bold;
text-align: left;
background-color: #EBEAE7;
}

TR.tdos a:link
{
color:#055b8e;   
}

TR.tdos a:visited
{
color:#055b8e;   
}

TR.tdos a:hover
{
color:#055b8e;   
}

TR.tdos a:active
{
color:#055b8e;   
}
.title
{
color: #338db5;
font-size: 14px; 

font-weight: bold;
}

.pager a
{
    color:#000066;
    text-decoration:none;
    padding: 2px 5px;
}
.pager span
{
    background-color: #7C9DAC;
    border: 1px solid #7C9DAC;
    color: #FFFFFF;
    padding: 2px 5px;
}

.pager a:hover
{
    color: #147bfa;
    text-decoration:none;
}
.empty td 
{
    border-style: none;    
    border-width: 0px;    
    
}  
label
{
    font-family:'Open Sans Condensed',"Trebuchet MS", Arial, Helvetica, sans-serif;		
	color: #000000;
	font-size: 16px;
}


divtop
{
	text-align: right;
}
divusuario
{
	text-align: right;

	font-size: 14px;
}
.filtros
{
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

.backgroundgrilla
{
	background-color: #CCCCCC;
	border: thin none #808080;
}

.footer {
	background: rgba(242,237,242,1);
	background: -moz-linear-gradient(left, rgba(242,237,242,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,237,242,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(left, rgba(242,237,242,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(left, rgba(242,237,242,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(left, rgba(242,237,242,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to right, rgba(242,237,242,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2edf2', endColorstr='#ededed', GradientType=1 );
	font-size: 10px;
	color: #FFFFFF;
	height: 100px;
}
.footerimagen
{
	width: 50%;	
}
.footertexto
{
	width: 50%;
	font-size: 11px;
}
.content
{
    width:700px;
	height: 250px;
	/*background-color: #EDEDED;*/
	width: 100%;
}
.lblusuario
{
	font-size: 7px;

}

table.TablaFormulario
{
    min-height:200px;
	margin: 20px 0px 20px 0px;
}

.separadorbotonera {
    border-style: solid none none none;
    border-width: 1px;
    border-color: #D7D7D7;
}
.separadorpie
{
	border-style: none none solid none;
	border-width: thin;
	border-bottom-color: #D7D7D7;
}
.TDGrilla
{
	height: 350px;
	vertical-align: top;

}
.Fecha
{
	width: 70px;
	background-color: #FFFFFF;
}
.TableWC
{
	border: 0px solid #D7D7D7;
	background-color: #FBFBFB;
	width: 100%;
}
.labelwc
{
	font-size: 10px;
	color: #666666;
}
div.wc
{
	width: 240px;
	color: #000000;
	background-color: #e3e3e3;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 2px;
	border-radius: 3px;
	box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	
}
div.busqueda
{
	color: #000000;
	background-color: #e3e3e3;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 8px;
	border-radius: 6px;
	box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	font-style: normal;
}
div.formulario
{
	width: 70%;
	color: #000000;
	background-color: #e3e3e3;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 8px;
	border-radius: 6px;
	box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	align: center;
}

.topmenu
{
	color: #FFFFFF;
	background-color: #4580C2;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 2px;
	height: 30px;
	border-radius: 3px;
	box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.7);
	font-weight: bold;
	font-size: 12px;
}
.Etiqueta
{
	font-family: Trebuchet MS;
	font-size: 13px;
	color: #808080;
}
.labelgris
{
	color: #666666;
	font-size: 13px;
}
.floatRight
{
	float: right !important;
}


/* ==============
	HEADER
============== */

#imgSuperior {
	margin-left:5px;
}
#ctl00_cphContenido_imgLogoPresidencia{
	margin-right:5px; 
	height:60px;
	width:auto;
}
#ctl00_imgLogoPresidencia {
	margin-right:5px; 
	height:50px;
	width:auto
}
.header {
	height:75px;
	width:100%;
}


/* ==============
   MENÚ
================*/

/*para todo el menú*/
.dinamicmenu
{
	color: #808080;
	background-color: #FFFFFF;
	
	margin: 2px;
	padding: 2px;
	font-weight: bold;
	font-size: 13px;
	/* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/*Para los items que se muestran todo el tiempo, es decir los items padre*/
.itemPadre {
	border-right: solid 1px #ccc;
	padding: 0 20px;
	cursor: pointer;
	color: #808080;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
}

/*Para la parte dinámica, es decir cada uno de los items hijos*/
.itemHijo {
	color: #808080;
	padding: 4px 26px;
	cursor: pointer;
	font-size: 13px;
}


/*Es para todo el borde de la barra que contiene al menú y al nombre del usuario registrado*/
.nav-menu > td{
	border: solid #ccc; 
	border-width:1px 0
}

/*Este es para todos los items hijos
Es decir, el borde y el fondo*/
.nav-menu > td > div
{
	padding-top:8px;
	border-bottom: solid 1px #ccc; 
	border-right: solid 1px #ccc; 
	border-left: solid 1px #ccc;
	background-color: #FFFFFF;
	border-radius: 6px;
}

.grilla .center {
	text-align: center;
}

.grilla .right {
	text-align: right;
}

.grilla .left {
	text-align: left;
}