html, body
{
	margin:0px;
	height:100%;
	width:100%;	
	background-color:#EFEFF4;
	background-color:#ffffff;
}

#cuerpo
{
	width: 100%;
	height: 100%;
	/*border: 1px solid #0068B3;*/
	margin: 0 auto;
	background-color:#EFEFF4;
	font-family:Arial;	
	
}

#cabecera
{
	border: solid 1px #DAE9E9;	
	height:8%;
	width:100%;
	background-color:#F4F4F4;
	/*box-shadow:1px 1px 1px 1px #000 inset;*/
	padding-top:15px;
	padding-bottom:15px;

}

#logoEmpresa
{
	height:60px;	
	background-image:url(/Imagenes/logo_empresa.png);
	background-repeat:no-repeat;
	background-size: 219px 79px;
	width: 20%;	
	float:left;	
	margin-left:10px;
}



#titulo
{
	top:0px;
	height:100%;
	line-height:60px;
	font-size:x-large;	
	float:left;
	width: 50%;	
	font-family:Arial,Tahoma;
	color:#0072BB;
	font-weight:bolder;
	text-shadow:0px 0px 0.5px #000;
	text-transform:uppercase;
	
}

.subTitulo
{
	font-family:Arial;
	font-size:larger;
	font-weight:bolder;
	color:#0072BB;
	text-transform:uppercase;
	background-color:#F4F4F4;
	margin-top:20px;
	border:solid 1px #0072BB;
	border-radius:10px;
	height:50px;
	width:50%;
	line-height:50px;
}



.logoCCL
{
	height:60px;
	background-image:url(../Imagenes/logo_CCL_2014_v1.png);
	background-repeat:no-repeat;
	float:right;
	width: 25%;		
	margin-right:10px;
	
}

#contenido
{
	border-top:2px solid #0068B3;
	width:100%;
	height:100%;
	background-color:#ffffff;
	/*-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);*/
	
}

.contenedor
{	
	border: solid 2px #0068B3;	
	border-radius: 10px;
	-webkit-border-radius: 10px;  /* Safari  */
	-moz-border-radius: 10px;     /* Firefox */
	width:50%;
	margin: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);*/
}

.contenedorCampos
{
	margin: 5px;
}

 .columnaEtiqueta
 {
 	text-align:right;
 	padding: 5px;
 	font-weight:bold;
 	font-size:medium;
 	width:120px;
 	display:inline-block;
 	
 }
 
 .Etiqueta
 {
 	width:200px ;
}
 
 .columnaBoton
 {
 	text-align:center;
 	padding: 5px;
 	font-weight:bold;
 	
 }
 
 .columnaCampo
 { 	
 	width:160px; 	
 	font-size:medium;
 }
 
 .columnaCampo select,input
 {
 	width:160px;
 	font-size:medium;
}
  
  /*sobreescribos estilos del jquery-ui*/
  .ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-size: medium;
}
 
 .botonForma
 {
 	
 	height:40px;
 	background:#0072BB;
	color:#FFF;
	border-radius:5px;
	text-shadow:none;
	display:inline-block;
	border:none;
	cursor:pointer;
	margin-top:10px;
	margin-bottom:10px;
	width:55%;
	font-size:smaller;
 }
 
 .botonFormaInterior
 {
 	width:35%;
}
 
 .botonForma:hover
 {
 	background:#486BAF;
text-decoration:none;
font-weight:bold;
 }
 
 
 .ui-widget-content .opciones
 {
 	width:15%;
 	font-size:small;
	height:30px;	
 	}
 	
.filaEnBlanco 	
{
	height:10px;
	width:100%;
}	

.botonModulo
{
	width:45%;
	height:50px;
	margin:10px;
	float:left;
}



.zonaBotones
{ 
	text-align:center;
	width:50%;
}
  
.contenedorBoton
{
	width:100%;
	height:50px;
	font-size: medium;
}

.zonaBotonBack
{
	width:100%;
	text-align:right;
	margin-top:10px;
}

.botonBackStart
{
	
	padding-left:15px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	width:120px;
}

.gridGenerico
{
	width:60%;
	background-color:#ffffff;
	
}
/*estilo de celda*/
.ui-widget-content tbody td
{
	padding:2px;
	border: solid 1px #0072BB;
	font-size: 14px;	
}

.ui-widget-content .pagerGenerico td
{
	padding:2px;	
	font-size: 14px;
	border:none;	
}
/*estilo del boton dentro de celda*/
.ui-widget-content td input
{
	font-size: 12px;		
	}
	
.ui-widget-content .marca input
{
	
	width:15px;
	}	
	
	/*redonder el grid*/
.rounded_corners 
	{
		width:100%;
	border: 1px solid #A1DCF2;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        overflow: hidden;
        
}
.rounded_corners td, .rounded_corners th
    {
        border: 1px solid #A1DCF2;
        font-family: Arial;
        font-size: 10pt;
        text-align: center;
    }
.rounded_corners table table td
    {
        border-style: none;
    }
/*estilo de cabecera*/
.ui-widget-content th
{
	padding-top:10px;
	padding-bottom:10px;
	color: #fff;
	font-size: 14px;
	background:#0072BB;
	border: solid 1px #0072BB;
	padding-left:5px;
	padding-right:5px;
}

.pagerGenerico
{
	background-color:#ffffff;
	padding:2px;
	margin:2% auto;
	height:20px;
	text-align:center;
	vertical-align:middle;
}

.pagerGenerico td
{
	  vertical-align:middle;
	  height:30px;
}

.pagerGenerico a
{
	margin:auto 1%;	
	margin-right: 2px;
	border-radius:20%;
      background-color:#444;
      padding:  0px 5px 0px 5px;
      color:#fff;
      text-decoration:none;
      -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
      vertical-align:middle;
}

.pagerGenerico a:hover
{
	background-color:#ffffff;
    color:#000000;
    margin-right: 2px;
    border:solid 1px Black;
}
.pagerGenerico  span{
    background-color:#6495ED;
    color:#fff;
     -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
    border-radius:20%;
    padding:5px 5px 5px 5px;
    margin-right: 2px;
}
.headerGenerico
{
	border-color:Black;
	border-width:1px;
	background-color:#6495ED;
}

.headerGenerico th
{
	
	height:30px;
	vertical-align:middle;
	border-color:Black;
	border-width:1px;
	border-style:solid;
	}
.header td
{	
	border-color:Black;
	border-width:1px;	
}



/*.columnaBotonGuardar td
{
	width:30px;
}*/

.columnaVer
{
	width:40px;
}

.columnaGuardar
{
	width:40px;
}

.columnaBotonEmail
{
	width:40px;
}

.columnaBotonGuardar
{
	width:40px;
}

/* Common Button style */
.columnaBotonGuardar input, .columnaBotonEmail input, .columnaBotonVer input
{
	font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;    
    cursor: pointer;
    color: #fff;
    border: 0;	
    background: #6cb200;
    color: #fff;
    border: 0;
    padding: 10px 15px;
    font-size: 14px;    
    display: inline-block;
    text-transform: uppercase;
    /*bordes redondeados*/
    border-radius: 5px;
	-webkit-border-radius: 5px;  /* Safari  */
	-moz-border-radius: 5px;     /* Firefox */
}
/*hack para google chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .columnaBotonGuardar input{padding: 10px 5px;}
}

/*resaltar la fila cuando es cliqueada*/
.highlightRow
{
	background-color:Lime;
	}
	
/*estilo para campos email*/
 .columnaEtiquetaEmail
 {
 	text-align:right;
 	padding: 5px;
 	font-weight:bold;
 	font-size:medium; 	
 	display:inline-block; 	
 }


.columnaCampoEmail[type="text"]
 { 	 		
 	font-size:medium; 	
 	width:250px; 	
 }
 
 /* MODULO DE ADMINISTRACION  */
 .divChangePassword
 {
 	margin:15px;
 	width:90%;
 	padding:10px;
 	border: 1px solid #000;
 }
 
 .divChangePassword .botonAdmin
 {
 	font-size:medium;
 	}
 
 
 
 .panelAdmin 
 {
 	margin:15px; 	
}
 
 .panelAdminLeft 
 {
 	float:left;
 	width:48%;
 	/*border: 1px solid #000;*/
 }
 
 .panelAdminRigth 
 {
 	float:right;
 	width:50%;
 	border: 1px solid #000;
 }
 
 .lblCUadmin
 {
 	width:20%;
 	display:inline-block;
 	text-align:left;
 }
 
 .campoCRUD
 {
 	width:40%;
 }
 
 .divCrudUsers
 {
 	margin-top:15px;
 	margin-bottom:5px;
 	margin-left:5px;
 	margin-right:5px;
 	border: 1px solid #000;
 	padding-top:15px;
 	padding-bottom:15px;
 }
 
 .divCrudUsers h1 
 {
 	text-align: center;
    margin-top: -10px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    font-weight:bold;
 }
 
 .divCrudUsers h1 span{
    background-color: white;
}

.listaCamposCRUD li 
{
	margin-top:5px;
	}
.divGridUsers
{
	width:47%;
	/*border:solid 1px #000;*/
	float:right;
}

.divCargaArchivo
{
	margin:10px;
	width:100%;
}

.cssfupArchivo 
{
	width:70%;
	}
	
.colAdminEditarUser
{
	width:50px;
}

.colAdminEliminarUser
{
	width:60px;
}

input[type="submit"].botonAdmin
 {
 	font-size:15px;
 }