﻿body
{
    font-family:Arial, Verdana;
    font-size:16px;
    width:100%;
    min-height:800px;
    background-image:url(../entorno/back_login_pixel.gif);
    background-repeat:repeat-x;
    margin: 0px auto !important; 
}

#ContenedorLogin
{
    background-image:url(../entorno/cuadro_login.gif);
    background-repeat:no-repeat;
    width:480px;
    height:459px;
    /*margin-left:260px;*/
    margin-top:200px;
}

.divContenidoModal
{
      margin:-47px 0 0 -47px;      
      position:absolute; 
      height:100px;       
      top:50%; 
      left:50%; 
      z-index:2000;
      display:none;
      
}


.divContenedorModal2
{
      position:fixed;
      width:100%; 
      height:100%; 
      background-color:Gray;  
      z-index:1100; 
      filter: alpha(opacity=30); 
      opacity:0.5; 
      moz-opacity:0.5; 
      display:none;
}

.label
{
    font-size:17px;
    color:#0e4b87;
    font-weight:bold;
}

.labelAlertas
{
    font-size:16px;
    color:orange;
    font-weight:bold;
}

.labelAlertasError
{
    font-size:16px;
    color:orange;
    font-weight:bold;
}

.textbox
{
    font-size:17px;
}


#login
{
    margin-top:112px;
    /*margin-left:90px;*/
}

#loginBoton
{
    float:right;
    margin-top:50px;
    margin-right:95px;
}

.MiBoton
{
    color:Red;
    width:50px;
    height:20px;
}

#alertas
{
    margin-top:50px;
    text-align:center;
    margin-left:90px;
}


#ContenidoPrincipal
{
    width:1024px;
    margin: 0px auto !important; 
}

#TituloSecciones
{
    color:#0e4b87;
    font-size:17px;
    font-weight:bold;
}



/*	Clases globales	*/

.DD 
{
	padding: 0px 8px;
    font: .75em Tahoma, Arial, sans-serif;
    color: #666;
}

.DDLightHeader
{
	font-weight: bold;
	background-color: #F7F7FF;
} 

.DDTextBox, .DDDropDown
{
	color: #707173;
	font-size:15px;
	border: solid 1px #dcdcdc;
	background-color: #FEFEFE;
	/*width:300px;*/
}
.DDFecha
{
    text-align:center;
    width:70px;
}
.DDDropDown
{
	padding:2px;
}

.DDFilter
{
	font: .95em Tahoma, Arial, Sans-serif;
	color:#666;
}

.DDControl
{
    padding: 0px;
    font: .95em Tahoma, Arial, Sans-Serif;
    color: #707173;
}

.DDFloatLeft
{
	float:left;
}

.DDFloatRight
{
	float:right;
}

.DDFooter
{
	background-color: #dbddff;
}

.DDSelected
{
	background-color: #fdffb8;
}

div.DDNoItem
{
	color:Red;
	font-family:Trebuchet MS, Arial, sans-serif;
}

.DDValidator
{
	color:Red;
	font-family:Trebuchet MS, Arial, sans-serif;
}


/* Cabecera */


div.DDNavigation img
{
    text-decoration:none;
    border:none;
}

#Home
{
    width:40px;
    height:40px;
    margin-top: -10px;
    margin-left:65px;
    float:left;
}

#icoTablas
{
    margin-top: -8px;
    margin-left:35px;
    float:left;
    width:40px;
    height:40px;
}

#icoRegistros
{
    margin-top: -8px;
    margin-left:20px;
    float:left;
    width:40px;
    height:40px;
}

#icoInformes
{
    margin-top: -8px;
    margin-left:15px;
    float:left;
    width:40px;
    height:40px;
}
#icoPublicidad
{
    margin-top: -8px;
    margin-left:15px;
    float:left;
    width:40px;
    height:40px;
}
table.DDDetailsTable
{
	color: #707173;
	background-color: #fae2b4;
	border: 3px solid #cfd1d2;
	padding:20px 0px 15px 20px;
}

table.DDDetailsTable a
{
	color:#313863;
	text-decoration: none;
	padding-right: 15px;
	font-weight:bold;
}

table.DDDetailsTable a:hover
{
    color: #ffa500;
    text-decoration: none;
}

table.DDDetailsTable .td
{
	padding: 3px 6px;
	border: 1px solid #dbddff;
	border-bottom-style: dotted;
	font-size: 14px;
}


/*	DDGridView/DDListView	*/
table.DDGridView, table.DDListView
{
	width: 100%;
	color: #638cae;
	border:solid 1px #dbddff;
	font-size:18px;
	font-weight:bold;
}

table.DDGridView .th, table.DDGridView .td, table.DDListView .th, table.DDListView .td
{
	white-space: nowrap;
}

table.DDGridView .th, table.DDListView .th
{
	background: url(../DynamicData/Content/Images/header_back.gif) repeat-x;
	line-height:1.3em;
	text-align: left;
	font-size: 1em;
	border:solid 1px #dbddff;
}

table.DDGridView .th a, table.DDListView .th a
{
	color: #707173;
	text-decoration: none;
}

table.DDGridView .td, table.DDListView .td
{
	border: dotted 1px #dbddff;
	border-left-width:0px;
	border-right-width:0px;
	padding: 6px;
}

table.DDGridView .td a, table.DDListView .td a
{
	color: #313863;
    text-decoration: none;
    margin-right: 6px;
	
}

table.DDGridView .DDSelected a, table.DDListView .DDSelected a
{
	color: #ffa500;
    text-decoration: none;
    margin-right: 6px;
	
}

table.DDGridView .DDSelected a:hover, table.DDListView .DDSelected a:hover
{
	color: #ffa500;
	text-decoration: none;
}

table.DDGridView .td a:hover, table.DDListView .td a:hover
{
	color: #ffa500;
	text-decoration: none;
}


/*	DDGridListTemplate(solamente para grid de plantilla List) */

table.DDGridListTemplate
{
	width: 100%;
	color: #638cae;
	border:solid 1px #dbddff;
	font-size:18px;
	font-weight:bold;
}

table.DDGridListTemplate .th, table.DDGridListTemplate .td
{
	white-space: nowrap;
}

table.DDGridListTemplate .th
{
	background: url(../DynamicData/Content/Images/header_back.gif) repeat-x;
	line-height:1.3em;
	text-align: left;
	font-size: 1em;
	border:solid 1px #dbddff;
}

table.DDGridListTemplate .th a
{
	color: #707173;
	text-decoration: none;
}

table.DDGridListTemplate .td
{
	border: dotted 1px #dbddff;
	border-left-width:0px;
	border-right-width:0px;
	padding: 6px;
	font-size :0.8em;
}

table.DDGridListTemplate .td a
{
	color: #313863;
    text-decoration: none;
    margin-right: 6px;
	
}

table.DDGridListTemplate .DDSelected a
{
	color: #ffa500;
    text-decoration: none;
    margin-right: 6px;
	
}

table.DDGridListTemplate .DDSelected a:hover
{
	color: #ffa500;
	text-decoration: none;
}

table.DDGridListTemplate .td a:hover
{
	color: #ffa500;
	text-decoration: none;
}



/*	DataPager	*/
div.DDPager
{
    padding: 0px 6px;
}


/* Diseño de hipervínculo inferior añadir plantilla Details*/
div.DDBottomHyperLinkDetails
{	
    font-size:14px;
     width:200px;
     padding-top:20px;
     float:left;
}
div.DDBottomHyperLinkDetails a
{
    color: #638cae;
    text-decoration: none;
}
div.DDBottomHyperLinkDetails a:hover
{
    color: #ffa500;
    text-decoration: none;
}
div.DDBottomHyperLinkDetails img
{
    padding-right: 5px;
    border: none;
}

/* Diseño de hipervínculo inferior añadir plantilla List*/
div.DDBottomHyperLink
{	
    font-size:14px;
     width:200px;
     padding-top:10px;
     float:left;
}
div.DDBottomHyperLink a
{
    color: #638cae;
    text-decoration: none;
}
div.DDBottomHyperLink a:hover
{
    color: #ffa500;
    text-decoration: none;
}
div.DDBottomHyperLink img
{
    padding-right: 5px;
    border: none;
}

/* Diseño de hipervínculo inferior volver*/
div.btnVolverPagina
{	
    font-size:14px;
    width:200px;
    float:left;
    padding-top:10px;
    margin-right:-20px;
}
div.btnVolverPagina a
{
    color: #638cae;
    text-decoration: none;
}
div.btnVolverPagina a:hover
{
    color: #ffa500;
    text-decoration: none;
}
div.btnVolverPagina img
{
    padding-right: 5px;
    border: none;
}

/*NUEVO*/

#Cabecera
{
    background-image:url(../entorno/Cabecera.gif);
    background-repeat:no-repeat;
    width:1024px;
    height:150px;
}

#cboLang
{
    width:90px;
    height:23px;
    font-size:14px;
    margin-top:-52px;
}

.DDMaineader
{
    color:white;
    margin-left:65px;
    margin-top:15px;
}

#btnCerrarSesion,#btnCambiarCia
{
    color:#c6d4e2;
    font-weight:bold;
    float:right;
    text-decoration:none;
    margin-right:0px;
    
}

#btnCerrarSesion a,#btnCambiarCia a
{
    text-decoration:none;
    color:#ffa500;
}

#btnCerrarSesion a:hover, #btnCambiarCia a:hover
{
    text-decoration:none;
    color:#ffa500;    
}

.CambiarCia
{
    color:#c6d4e2;
    font-weight:bold;
    float:right;
    text-decoration:none;
    margin-right:0px;
    
}

.CambiarCia a
{
    text-decoration:none;
    color:#ffa500;
}

.CambiarCia a:hover
{
    text-decoration:none;
    color:#ffa500;
}

#usuario
{
    background-image:url(../Entorno/cuadro_usuario.gif);
    background-repeat:no-repeat;
    width:200px;
    height:85px;
    float:right;
    margin-right:15px;
    margin-top:15px;
}

#NombreUsuario
{
    font-weight:bold;
    font-size:14px;
    width:122px;
    margin-top:7px;
    margin-left:70px;
    height:70px;  
    word-wrap:break-word;  
}


.DDSubHeader
{
    margin-top:50px;
}

.Editar
{
    background-image:url(../entorno/icoEditar.gif);
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    padding-left:24px;
}

.Eliminar
{
    background-image:url(../entorno/icoEliminar.gif);
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    padding-left:22px;
}

.Detalles
{
    background-image:url(../entorno/icoDetalles.gif);
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    padding-left:22px;
}

#SeleccionPagina
{
    width:1024px;
    height:200px;
    margin-top:-30px;
}

#SeleccionCia
{
    width:1024px;
    height:200px;
    margin-top:50px;
}

#botonTablas
{
    background-image:url(../entorno/btn_botontablas.gif);
    background-repeat:no-repeat;
    width:120px;
    height:150px;
    margin-left:240px;
    float:left;
}

#tituloTablas
{
    text-align:center;
    width:100px;
    font-size:16px;
    font-weight:bold;
    padding-top:4px;
    margin-left:6px;
    color:#638cae;

}

#botonRegistros
{
    background-image:url(../entorno/btn_botonregistros.gif);
    background-repeat:no-repeat;
    width:120px;
    height:150px;
    margin-left:20px;
    float:left;
}

#tituloRegistros, #tituloInformes,#tituloPublicidad
{
    text-align:center;
    width:100px;
    font-size:16px;
    font-weight:bold;
    padding-top:12px;
    margin-left:6px;
    color:#638cae;
}

#botonInformes
{
    background-image:url(../entorno/btn_botoninformes.gif);
    background-repeat:no-repeat;
    width:120px;
    height:150px;
    margin-left:20px;
    float:left;
}

#botonPublicidad
{
    background-image:url(../entorno/btn_botonpublicidad.gif);
    background-repeat:no-repeat;
    width:120px;
    height:150px;
    margin-left:20px;
    float:left;
}

/*Botones*/

#ContentPlaceHolder1_btnFiltro,#ContentPlaceHolder1_btnEntrar
{ 
    color:White;
    font-weight:bold;
    background-color:#638cae;  
}

#ContentPlaceHolder1_btnLimpiarFiltro
{
    color:White;
    font-weight:bold;
    background-color:#638cae;  
}

.botonListados
{
    color:White;
    font-weight:bold;
    background-color:#638cae; 
}


/* Botones Informe */
.EtiquetaLabel
{
    color:#313863;  
    font-weight:bold;
    padding-left:3px;
    padding-right:3px;
    padding-top:1px;
    padding-bottom:1px;
    font-size:18px;
    height:25px;
    text-align:right;
}


/*Informes*/

#CuadroInformes
{
    width:624px;
    height:557px;
    background-image:url(../entorno/background_informes.gif);
    background-repeat:no-repeat;
    margin-left:auto;
    margin-right:auto;
}

#botonesInformes
{
    width:500px;
    height:350px;
    margin-top:200px;
    margin-left:115px;
    position:absolute;
    
}

.EtiquetaLabelInformes
{
    color:white;  
    font-weight:bold;
    padding-left:3px;
    padding-right:3px;
    padding-top:1px;
    padding-bottom:1px;
    font-size:18px;
    height:25px;
    text-align:right;
    width:100px;
    
}


#limpieza
{
    width:194px;
    height:61px;
    background-image:url(../entorno/btn_limpieza.gif);
    background-repeat:no-repeat;
    float:left;
}

#tituloInformeLimpieza
{
    color:#313863;
    font-weight:bold;
    font-size:18px;
    width:100px;
    text-align:left;
    margin-left:14px;
    padding-top:10px;    
}

#temperaturas
{
    width:194px;
    height:61px;
    background-image:url(../entorno/btn_temperaturas.gif);
    background-repeat:no-repeat;
    float:left;
    margin-left:15px;
}

#temperaturas_html
{
    width:194px;
    height:61px;
    background-image:url(../entorno/btn_temperaturas_html.gif);
    background-repeat:no-repeat;
    float:left;
    margin-left:15px;
    margin-top:10px;
}

#tituloInformeTemperatura
{
    color:#313863;
    font-weight:bold;
    font-size:18px;
    width:100px;
    text-align:left;
    margin-left:14px;
    padding-top:18px;    
}

#tituloInformeTemperaturaHTML
{
    color:#313863;
    font-weight:bold;
    font-size:18px;
    width:100px;
    text-align:left;
    margin-left:14px;
    padding-top:10px;    
}

#inspeccion
{
    width:194px;
    height:61px;
    background-image:url(../entorno/btn_inspeccion.gif);
    background-repeat:no-repeat;
    float:left;
    margin-top:10px;
}

#tituloInformeInspeccion
{
    color:#313863;
    font-weight:bold;
    font-size:18px;
    width:100px;
    text-align:left;
    margin-left:14px;
    padding-top:10px;    
}

#mantenimiento
{
    width:194px;
    height:61px;
    background-image:url(../entorno/btn_mantenimiento.gif);
    background-repeat:no-repeat;
    float:left;
    margin-left:15px;
    margin-top:10px;
}

#tituloInformeMantenimiento
{
    color:#313863;
    font-weight:bold;
    font-size:17px;
    width:100px;
    text-align:left;
    margin-left:9px;
    padding-top:18px;    
}

#incidencias
{
    width:194px;
    height:61px;
    background-image:url(../entorno/btn_incidencias.gif);
    background-repeat:no-repeat;
    float:left;
    margin-top:10px;
}

#tituloInformeIncidencias
{
    color:#313863;
    font-weight:bold;
    font-size:17px;
    width:100px;
    text-align:left;
    margin-left:9px;
    padding-top:18px;    
}

#formacion
{
    width:194px;
    height:61px;
    background-image:url(../entorno/btn_formacion.gif);
    background-repeat:no-repeat;
    float:left;
    margin-left:15px;
    margin-top:10px;
}

#tituloInformeFormacion
{
    color:#313863;
    font-weight:bold;
    font-size:17px;
    width:100px;
    text-align:left;
    margin-left:9px;
    padding-top:18px;    
}

#residuos
{
    width:194px;
    height:61px;
    background-image:url(../entorno/btn_residuos.gif);
    background-repeat:no-repeat;
    float:left;
    margin-top:10px;
}

#tituloInformeResiduos
{
    color:#313863;
    font-weight:bold;
    font-size:17px;
    width:100px;
    text-align:left;
    margin-left:9px;
    padding-top:10px;    
}


#trazabilidad
{
    width:194px;
    height:61px;
    background-image:url(../entorno/btn_trazabilidad.gif);
    background-repeat:no-repeat;
    float:left;
    margin-left:15px;
    margin-top:10px;
}

#tituloInformeTrazabilidad
{
    color:#313863;
    font-weight:bold;
    font-size:17px;
    width:100px;
    text-align:left;
    margin-left:9px;
    padding-top:18px;    
}

#humedad
{ 
    width:194px;
    height:61px;
    background-image:url(../entorno/btn_humedad.gif);
    background-repeat:no-repeat;
    float:left;
    margin-top:10px;
    }

#tituloInformeHumedad
{
    color:#313863;
    font-weight:bold;
    font-size:17px;
    width:100px;
    text-align:left;
    margin-left:9px;
    padding-top:18px;    
    }
/*Publicidad*/

#CuadroPublicidad
{
    width:624px;
    height:557px;
    background-image:url(../entorno/background_publicidad.gif);
    background-repeat:no-repeat;
    margin:0 auto;
}

#botonesPublicidad
{
    width:500px;
    height:300px;
    margin-top:170px;
    margin-left:115px;
    position:absolute;
    
}

#imagenes
{
    width:194px;
    height:61px;
    background-image:url(../entorno/btn_limpieza.gif);
    background-repeat:no-repeat;
    float:left;
}

#tituloImagenes
{
    color:#313863;
    font-weight:bold;
    font-size:18px;
    width:100px;
    text-align:left;
    margin-left:14px;
    padding-top:10px;    
}

#secuencias
{
    width:194px;
    height:61px;
    background-image:url(../entorno/btn_temperaturas.gif);
    background-repeat:no-repeat;
    float:left;
    margin-left:15px;
}

#tituloSecuencias
{
    color:#313863;
    font-weight:bold;
    font-size:18px;
    width:100px;
    text-align:left;
    margin-left:14px;
    padding-top:10px;    
}



