/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset, p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6{
margin: 0;
padding: 0;
}

body {color: #616161; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:1;  /*background:#E0E0E0 url(../img/fondo.jpg) center 0px  repeat-x;*/}

input{font-family:Arial, Helvetica, sans-serif; font-size:1em;
    margin-left: 3px;
}

a {outline:0; text-decoration:none; color:#717171;}

table {border-collapse:collapse;}

p{ text-align:justify; line-height:1.3em; padding-bottom:0.6em; color:#666666;}

ul { list-style: none;}

img { border: none;}

#infonet
{
color:#669ECF;
float:right;
display:inline-block;
margin: 10px;
}

#infonet a 
{
	color:#669ECF;
}
	

/* template */
#wrapper
{ min-width: 980px; width: 90%; margin: 0 auto 0 auto; /*padding-top: 135px;*/ padding-top: 72px;  }

/*.dxtcControl { margin-bottom: -100px !important; }*/

/*top*/
#top {position: fixed;/* height: 140px;*/  left: 0px; top: 0px; width: 101%; z-index: 80; margin-bottom: 10px; padding-top: 10px;  border-bottom: 2px solid #669ECD; background-color: #F6FBFF; /*background: #E0E0E0 url(../img/fondo.jpg) center 0px repeat-x;*/ }
#top .superior {margin:0px auto; width:90%}

#top h1 {padding-top:15px; float:left;  width:400px;}
#top span.green {padding-top:5px; padding-left:30px; float:left; display:block; width:100px;}
#top span.infonet { width: 15%; height: 100%; display: block; float: left; position:relative; margin: 5px 0 0 0;  }
#top span.infonet img { width: 90%; margin: 10% 10% 0 0; }

#top span.recodat { width: 15%; height: 100%; display: block; float: right; position:relative; margin: 5px 0 0 0;  }
#top span.recodat img { width: 90%; margin: 5% 0 0 0; }

/*menu*/

.menu { width: 100%; margin: 0 auto 0 auto;}
.menu ul {  padding: 0 0 0 0; margin: 0; float: left; list-style: none; width: 70%;/* width: 640px;*/}
.menu ul li {  width: 18.2%; height: 70px; position:relative; float: left; margin: 0; padding:0.2% 0.5%; position: relative; border-right:1px solid #cdcdcd; border-top:4px solid #669ECD; background-color:#FFFFFF; }
.menu ul li.p01 { border-left:1px solid #cdcdcd; }
.menu ul li a { text-decoration: none; color: #3E3E3E; display: block; font-size: 13px; padding: 12px 13px 17px 40px; outline: none; line-height:0.9; width: auto; }
.menu ul li:hover {background:#7CABD9; }

.menu ul li a strong {color: #699DCD; display: block; font-size: 110%; margin-bottom: 5px;}
.menu ul li a:hover, .menu ul li:hover a, .menu ul li a:hover strong, .menu ul li:hover a strong {color: #FFFFFF;}
.menu ul li.p01 a {background:transparent url('../img/c2.png') no-repeat 3px -6px;}
.menu ul li.p02 a {background:transparent url('../img/c2.png') no-repeat 3px -116px;}
.menu ul li.p03 a {background:transparent url('../img/c2.png') no-repeat 3px -211px;}
.menu ul li.p04 a {background:transparent url('../img/c2.png') no-repeat 3px -4px;}
.menu ul li.p05 a {background:transparent url('../img/c2.png') no-repeat 3px -413px;}
.menu ul li.p06 a {background:transparent url('../img/c2.png') no-repeat 3px -489px;}
.menu ul li.p07 a {background:transparent url('../img/c2.png') no-repeat 3px -304px;}
.menu ul li.p08 a {background:transparent url('../img/c2.png') no-repeat 3px -408px;}
.menu ul li.p06 {border-right:0px;}

.menu ul li.sel a strong {color:#ffffff;}

.menu li ul{display:none;position:absolute;min-width:140px;}
.menu li:hover > ul {
        display: block;
    }

/*menu2*/

.menu2 { width: 100%; margin: 0 auto 0 auto;}
.menu2 ul {  padding: 0 0 0 0; margin: 0; float: left; list-style: none; width: 70%;/* width: 640px;*/}
.menu2 ul li {  width: 15.4%; height: 70px; position:relative; float: left; margin: 0; padding:0.2% 0.5%; position: relative; border-right:1px solid #cdcdcd; border-top:4px solid #669ECD; background-color:#FFFFFF; }
.menu2 ul li.p01 { border-left:1px solid #cdcdcd; }
.menu2 ul li a { text-decoration: none; color: #3E3E3E; display: block; font-size: 13px; padding: 12px 13px 17px 40px; outline: none; line-height:0.9; width: auto; }
.menu2 ul li:hover {background:#7CABD9; }

.menu2 ul li a strong {color: #699DCD; display: block; font-size: 110%; margin-bottom: 5px;}
.menu2 ul li a:hover, .menu2 ul li:hover a, .menu2 ul li a:hover strong, .menu2 ul li:hover a strong {color: #FFFFFF;}
.menu2 ul li.p01 a {background:transparent url('../img/c.png') no-repeat 3px -6px;}
.menu2 ul li.p02 a {background:transparent url('../img/c.png') no-repeat 3px -116px;}
.menu2 ul li.p03 a {background:transparent url('../img/c.png') no-repeat 3px -212px;}
.menu2 ul li.p04 a {background:transparent url('../img/c.png') no-repeat 3px -308px;}
.menu2 ul li.p05 a {background:transparent url('../img/c.png') no-repeat 3px -413px;}
.menu2 ul li.p06 a {background:transparent url('../img/c.png') no-repeat 3px -525px;}
.menu2 ul li.p08 a {background:transparent url('../img/c2.png') no-repeat 3px -408px;}
.menu2 ul li.p08 {border-right:0px;}

.menu2 ul li.sel a strong {color:#ffffff;}

/*.menu ul li.p06 a {background:transparent url('../img/iconos_menu.png') no-repeat 3px -525px;}
.menu ul li.p07 a {background:transparent url('../img/iconos_menu.png') no-repeat 3px -613px;}
.menu ul li.p07 {border-right:0px;}*/

/*.menu ul li.p01:hover a {background:transparent url('../img/iconos_menu2.jpg') no-repeat 3px -6px; color: #FFFFFF;}
.menu ul li.p02:hover a {background:transparent url('../img/iconos_menu2.jpg') no-repeat 3px -116px; color: #FFFFFF;}
.menu ul li.p03:hover a {background:transparent url('../img/iconos_menu2.jpg') no-repeat 3px -212px; color: #FFFFFF;}
.menu ul li.p04:hover a {background:transparent url('../img/iconos_menu2.jpg') no-repeat 3px -308px; color: #FFFFFF;}
.menu ul li.p05:hover a {background:transparent url('../img/iconos_menu2.jpg') no-repeat 3px -413px; color: #FFFFFF;}
.menu ul li.p06:hover a {background:transparent url('../img/iconos_menu2.jpg') no-repeat 3px -525px; color: #FFFFFF;}*/
/*.menu ul li.p06:hover a {background:transparent url('../img/iconos_menu2.jpg') no-repeat 3px -525px; color: #FFFFFF;}
.menu ul li.p07:hover a {background:transparent url('../img/iconos_menu2.jpg') no-repeat 3px -613px; color: #FFFFFF;}*/

/*.menu ul li.p01.sel a {background:#66B4FF url('../img/iconos_menu2.jpg') no-repeat 3px -6px;  color: #FFFFFF;}
.menu ul li.p02.sel a  {background:#66B4FF url('../img/iconos_menu2.jpg') no-repeat 3px -116px; color: #FFFFFF;}
.menu ul li.p03.sel a {background:#66B4FF url('../img/iconos_menu2.jpg') no-repeat 3px -212px;  color: #FFFFFF;}
.menu ul li.p04.sel a {background:#66B4FF url('../img/iconos_menu2.jpg') no-repeat 3px -308px; color: #FFFFFF;}
.menu ul li.p05.sel a {background:#66B4FF url('../img/iconos_menu2.jpg') no-repeat 3px -413px;  color: #FFFFFF;}
.menu ul li.p06.sel a {background:#66B4FF url('../img/iconos_menu2.jpg') no-repeat 3px -525px; color: #FFFFFF;}*/
/*.menu ul li.p06.sel a {background:#66B4FF url('../img/iconos_menu2.jpg') no-repeat 3px -525px; color: #FFFFFF;}
.menu ul li.p07.sel a {background:#66B4FF url('../img/iconos_menu2.jpg') no-repeat 3px -613px;  color: #FFFFFF;}*/

/*submenu*/
/*.menu ul li ul {display:none; }
.menu ul li:hover ul {display:block; }*/
.menu ul li ul {position:absolute; left:0px; background:transparent; top: 70px; width:100%; border:0px; z-index:24;}
.menu ul li ul li {border:0px; height: 33px; float:none; width:100%;}
.menu ul li ul li a {color:#fff; padding: 0; background:#669ECD url('../img/ico_submenu.gif') no-repeat 10px 10px!important; margin: -2px; border:1px solid white; width:100%;}
.menu ul li ul li a strong { padding:8px 10px 8px 20px; }
.menu ul li ul li a:hover {text-decoration:underline;}


.menu2 ul li ul {display:none; }
.menu2 ul li:hover ul {display:block; }
.menu2 ul li ul {position:absolute; left:0px; background:#669ECD; top: 70px; width:100%; border:0px; z-index:24;}
.menu2 ul li ul li {border:0px; height: 33px; float:none; width:100%;}
.menu2 ul li ul li a {color:#fff; padding: 0; background:#669ECD url('../img/ico_submenu.gif') no-repeat 10px 10px!important; margin: -2px; border:1px solid white; width:100%;}
.menu2 ul li ul li a strong { padding:8px 10px 8px 20px; }
.menu2 ul li ul li a:hover {text-decoration:underline;}

/*subsubmenu*/

.menu ul li ul li ul li{display:block;position:absolute;min-width:140px;}
.menu ul li ul li ul li{position:relative;}
.menu ul li ul li ul li{right:-70px;top:-24px;}
.menu ul li ul li:hover > ul {
        display: block;
    }

/*CONTENIDO*/
#content {float:left; width:100%; 
position:relative; padding-bottom: 0px; margin-top: 30px;
    top: -1px;
    left: 0px;
}
#content #migas {padding:10px 0 10px 10px; border-bottom:1px solid #C1C1C1; font-size:12px;}
#content #migas li {display:inline; padding:5px 3px;}
#content #migas li a {background:transparent url('../img/ico_migas.gif') no-repeat right 4px; padding-right:10px;}
#content #migas li a:hover {text-decoration:underline;}

h2 {font:normal 20px bold Arial, Helvetica, sans-serif; padding:10px 0px; padding-left:10px;}

.img { border-right: 1px solid #CDCDCD; background:#FFFFFF; padding:8px; margin:0px 10px 10px; }
.img img {width:233px; height:auto;}
.img span {text-align:center; display:block; padding-top:5px; color:#767676;}

/*accesos*/
.accesos {}
.accesos ul {margin:5px;}
.accesos ul li  {color:#767676;}
.accesos ul li a { display:block; border:1px solid #cdcdcd; padding:12px 10px; width:46%; float:left; margin:5px; background:#FFFFFF url('../img/ico_accesos.gif') no-repeat right 13px;}
.accesos ul li a:hover {color:#FFFFFF; background:#66B4FF url('../img/ico_accesos2.gif') no-repeat right 11px;}
 
/*tablas*/
.resultados {float:left; width:100%;}
.resultados table {background-color:#FFFFFF; margin-bottom:20px;}
.resultados table th {padding:8px 10px; text-align:left; background:#66B4FF /*url('../img/degrada_naranja.jpg') repeat-x 0px bottom*/; color:#fff; border:1px solid #FFF; }
.resultados .cab {padding:5px 10px; text-align:left; background:#66B4FF; color:#fff; border:1px solid #FFF;}
.resultados table td {padding:6px 10px; border:1px solid #CDCDCD;}
.resultados table tr.gr td {background-color:#F0F0F0;}	/* linea alternativa */
.resultados table a {color:#66B4FF;}
.resultados table a:hover {text-decoration:underline;}
.resultados span {padding:4px 8px 6px 0; font:12px bold Arial, Helvetica, sans-serif; }

.resultados table th.destacado  {background-color:#CF820A; font-weight:bold;}
.resultados table td.destacado  {background-color:#F0F0F0; font-weight:bold; font-size: 14px;}
.resultados table td.destacado2  {padding:5px 10px; text-align:left; background:#CF820A; color:#fff; border:1px solid #FFF; font-weight:bold; font-size: 14px;}
.resultados table th.destacado2  {padding:5px 10px; text-align:left; background:#CF820A; color:#fff; border:1px solid #FFF; font-weight:bold; font-size: 14px;}

.col01 {float:left; width:74%;}
.col02 {float:right; width:24%;}
.fnd01 {border-right: 1px solid #CDCDCD; background:#FFFFFF; padding:8px; margin:0px 10px 10px; }
.link {color:#66B4FF;}
.link:hover {text-decoration:underline;}


/*paginador*/
.pag {background-color:#FFFFFF; padding:10px; text-align:center;}
.pag a { color:#666666;}
.pag a:hover { color:#66B4FF;}
.pag .siguiente {padding-left:10px; margin-left:10px; border-left:1px solid #cdcdcd;}
.pag .anterior {padding-right:10px; margin-right:10px;  border-right:1px solid #cdcdcd;}
.pag span.siguiente, .pag span.anterior {color:#cdcdcd;}

/*pie*/
#pie {position:fixed; bottom:0px; color:#66B4FF; width:100%; border-top: 1px solid #cdcdcd;}
#pie div {width:980px; margin:0 auto; padding-bottom:15px;}
#pie div img {float:left; padding-bottom:5px; }
#pie div span{float:right; padding:20px 20px 5px; display:block; width:300px; text-align:right;}


/*home*/
.home #top h1 {text-align: center; float:none;  margin: 10px auto 10px; }
.home #content { }
.home #content ul {margin: 0 auto;}
.home #content ul.menu_p li {width: 33%; float:left;}
.home #content ul.menu_p li a {margin: 10px; height: 110px; display:block; border: 1px solid #cdcdcd; padding:30px 15px 10px 30%;}
.home #content ul.menu_p li a { font-size:20px; line-height: 18px;}
.home #content ul.menu_p li a strong {color:#66B4FF; display:block;}
.home #content ul.menu_p li a span{font-size:12px; display:block; padding-top:10px; line-height: 14px; padding-right:10px;}

.home ul.menu_p li.p01 a {background:#fff url('../img/iconos_menu_g.png') no-repeat 6px 18px;}
.home ul.menu_p li.p02 a {background:#fff url('../img/iconos_menu_g.png') no-repeat 6px -140px;}
.home ul.menu_p li.p03 a {background:#fff url('../img/iconos_menu_g.png') no-repeat 6px -328px;}
.home ul.menu_p li.p04 a {background:#fff url('../img/iconos_menu_g.png') no-repeat 6px -524px;}
.home ul.menu_p li.p05 a {background:#fff url('../img/iconos_menu_g.png') no-repeat 6px -710px;}
.home ul.menu_p li.p06 a {background:#fff url('../img/iconos_menu_g.png') no-repeat 6px -898px;}
.home ul.menu_p li.p07 a {background:#fff url('../img/iconos_menu_g.png') no-repeat 6px -1095px;}

.home #content ul.menu_p li a:hover, .home #content ul.menu_p li a:hover strong {color:#fff;}

.home ul.menu_p li.p01 a:hover {background:#66B4FF url('../img/iconos_menu_g2.jpg') no-repeat 6px 18px;}
.home ul.menu_p li.p02 a:hover {background:#66B4FF url('../img/iconos_menu_g2.jpg') no-repeat 6px -140px;}
.home ul.menu_p li.p03 a:hover {background:#66B4FF url('../img/iconos_menu_g2.jpg') no-repeat 6px -328px;}
.home ul.menu_p li.p04 a:hover {background:#66B4FF url('../img/iconos_menu_g2.jpg') no-repeat 6px -524px;}
.home ul.menu_p li.p05 a:hover {background:#66B4FF url('../img/iconos_menu_g2.jpg') no-repeat 6px -710px;}
.home ul.menu_p li.p06 a:hover {background:#66B4FF url('../img/iconos_menu_g2.jpg') no-repeat 6px -898px;}
.home ul.menu_p li.p07 a:hover {background:#66B4FF url('../img/iconos_menu_g2.jpg') no-repeat 6px -1095px;}

.home #content ul.menu_p li.aviso {width: 66%;}
.home #content ul.menu_p li.aviso div.not {line-height: 14px; background:#fff url('../img/fondo_anuncios.png') no-repeat 0px 0px; margin: 10px; height: 110px; display:block; border: 1px solid #cdcdcd; padding:25px 15px 15px 30%; }
.home #content ul.menu_p li.aviso div.not strong {display:block; color: #66B4FF; padding-bottom:5px; font-size:15px;}
.home #content ul.menu_p li.aviso div.not .navega {height:14px; border-top:1px solid #cdcdcd; position:absolute; bottom:10px; left:0px; width:100%;}
.home #content ul.menu_p li.aviso div.not .navega a {border: 0 none; float: left; font-size: 12px; height: auto; margin: 0; padding: 0; width: auto !important;}

.home #content ul.menu_p li.aviso div.not .navega a:hover {color:#66B4FF; }

/* PERSONALIZADO GREENMED
--------------------------------------------------------- */

/*para check box para que no lo use como input*/
#filtro .filtrocheck input {background-color:#FFFFFF; border:1px solid #cdcdcd; padding: 4px; color:#616162; font-size: 12px;}


/*filtro*/
#filtro { float:left; width:100%; padding:0 0 5px; margin:0px 0px 20px 0px; background:#F3F3F3 url('../img/degrada_gris.jpg') repeat-x 0px 0px; border:1px solid #cdcdcd;}
#filtro form {}
#filtro div {float:left; padding:3px;}
#filtro label {display:block; padding:0 8px 6px; font:bold 12px bold Arial, Helvetica, sans-serif; text-align:center; }
#filtro select {width:180px; background-color:#FFFFFF; border:1px solid #cdcdcd; padding:3px; color:#616162;}
#filtro input {width:120px; height:17px; background-color:#FFFFFF; border:1px solid #cdcdcd; padding: 4px; color:#616162; font-size: 12px;}
#filtro .btn {float: left; padding-top: 27px; padding-left: 15px;}
#filtro .btn input {background:transparent url('../img/b_buscar.png') no-repeat 0px 0px; width:94px; height:25px; color:#FFFFFF; border:0px; cursor:pointer; text-align:left; padding-left:8px;}


#mostrar {float:right; position:absolute; right:15px; top:50px;  background:transparent url('../img/ico_ocultar.gif') no-repeat right 4px; padding-right:12px;}
#mostrar:hover {text-decoration:underline;}

/*advertencia*/
.pnl_valid_noOk {background: #FFFFFF; border: 1px solid #CC3300;  margin-top: 5px; margin-bottom: 5px; }
.pnl_valid_noOk label { display: block; font: 18px bold Arial, Helvetica, sans-serif; color: #FF3300; }
.pnl_valid_noOk .btn input {background: transparent url('../img/b_buscar.png') no-repeat 0px 0px; width: 100px; height: 25px; color: #FFFFFF; border: 0px; cursor: pointer; text-align: left; font-size: small; }

.pnl_valid_Ok {background: #FFFFFF; border: 1px solid #006600; margin-top: 5px; margin-bottom: 5px; }
.pnl_valid_Ok label { display: block; font: 18px bold Arial, Helvetica, sans-serif; color: #006600; }
.pnl_valid_Ok span { color: #006600; }
.pnl_valid_Ok .btn input {background: transparent url('../img/b_buscar.png') no-repeat 0px 0px; width: 100px; height: 25px; color: #FFFFFF; border: 0px; cursor: pointer; text-align: left; font-size: small; }

.pnl_validar {margin-top: 10px; margin-bottom: 10px;  width: 100%;}
.pnl_validar .cabecera {font-size: medium; font-weight: bold; color: #FFFFFF; background-color: #336600; height: 25px;}
.pnl_validar .contenido {background-color: #FFFFFF; border: 1px solid #336600;}
.pnl_validar .btn_val input {border-width: 1px; border-color: #CCCCCC #666666 #666666 #CCCCCC; width: 94px; height: 25px; color: #FFFFFF; cursor: pointer; font-size: small; background-color: #336600; }
.pnl_validar .btn_noval input {border-width: 1px; border-color: #CCCCCC #666666 #666666 #CCCCCC;  width: 94px; height: 25px; color: #FFFFFF; cursor: pointer; font-size: small; background-color: #990000; }
.pnl_validar .btn_cnl input { border-width: 1px; border-color: #CCCCCC #666666 #666666 #CCCCCC; width: 94px; height: 25px; cursor: pointer; font-size: small; background-color: #CCCCCC; }
.pnl_validar input { height: 20px; background-color: #FFFFFF; border: 1px solid #333333; padding: 4px; color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.pnl_validar textarea { height: 20px; background-color: #FFFFFF; border: 1px solid #333333; padding: 4px; color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

 /*tablas 3 - Palets - Control volcadores*/
.tbl3 table {width:100%;}
.tbl3 table td { background-color:#FFFFFF; padding:3px 5px; border:1px solid #CDCDCD; text-align:left;}
.tbl3 table a {color:#66B4FF;}
.tbl3 table a:hover {text-decoration:underline;}

.volcadores {Height:600px; border:2px solid #CDCDCD;}
.volcadores .btn input{background:transparent url('../img/b_buscar.png') no-repeat 0px 0px; width:94px; height:25px; color:#FFFFFF; border:0px; cursor:pointer; text-align:left; padding-left:8px;}

.volcador table {width:250px;}
.volcador th {padding:4px 5px; text-align:center; background:#66B4FF; color:#fff; border:1px solid #FFF; font-weight:bold;}
.volcador .subtit {padding: 4px 5px; text-align: center; font-size: 12px; font-weight: bold; background-color: #CCCCCC;}

.ddvolc {padding: 10px; background-color: #fff; border: 2px solid #cdcdcd; position: absolute; margin-top: 5px;  margin-left: 15px;}


/*tablas 1 - para los Datalist */
.tbl1 div {float:left;}
.tbl1 table { width:100%;}
.tbl1 table th {padding:6px 10px; text-align:left; background:#66B4FF; color:#fff; border:1px solid #FFF; font-weight:normal;}
.tbl1 table td {padding:6px 10px; border:0px solid #CDCDCD;}
.tbl1 table a {color:#66B4FF;}
.tbl1 table a:hover {text-decoration:underline;}

.lbl1  {font:normal 16px bold Arial, Helvetica, sans-serif; padding-left:10px;}

/*tablas 2*/
.tbl2 div {float:right;}
.tbl2 table {background-color:#FFFFFF; margin-bottom:15px;}
.tbl2 table th {padding:2px 10px; text-align:left; background:#66B4FF; color:#fff; border:1px solid #FFF; font-weight:normal;}
.tbl2 table td {padding:3px 10px; border:1px solid #CDCDCD;}
.tbl2 table a {color:#66B4FF;}
.tbl2 table a:hover {text-decoration:underline;}

.link {color:#66B4FF;}
.link :hover {text-decoration:underline;}

.alt  {padding:1px 10px; text-align:left; background:#66B4FF; color:#000; border:1px solid #111; font-weight:normal;}

/* STOCK CAMARAS */

.sc_principal .filtro { width:100%; padding:0 0 5px; margin:0px 0px 0px 0px; background:#F3F3F3 url('../img/degrada_gris.jpg') repeat-x 0px 0px; border:1px solid #cdcdcd;}
.sc_principal .filtro label {display:block; padding:0 8px 6px; font:bold 12px bold Arial, Helvetica, sans-serif; }
.sc_principal .filtro select {background-color:#FFFFFF; border:1px solid #cdcdcd; padding:3px; color:#616162;}

/* para la tabla principal */
.sc_principal { margin-top: 10px; border: 0px solid #0000FF; }
.sc_principal table th {padding:5px 10px; text-align:center; background:#66B4FF; color:#fff; border:1px solid #FFF; font-weight:bold; font-size: small;}
.sc_principal .totales {border: 1px solid #003300; background-color: #F5F9EC; font-family: Verdana; font-size: x-small; text-align: center; color: #000000;}

/* para la tabla de las cámaras */
.sc_principal .tbl_camaras { padding: 2px; font-family: Verdana; color: #000000; width: 100%; }
.sc_principal .estado {border-width: 1px; border-color: #003300; text-align: center;  background: #9B9B01; color: #FFFFFF; font-size: x-small; border-top-style: solid;}
.sc_principal .camara {background-color: #E4F1E0; font-size: x-small;}
.sc_principal .camara_alt {background-color: #FFFFFF; font-size: x-small;}

/* detalle camara (resumen filas) */
.sc_principal .tbl_filas {margin: 4px; width: 20; font-family: Verdana; font-size: x-small; color: #333333;}
.sc_principal .num_fila {padding: 7px 2px; text-align: center; background: #9B9B01; color: #fff; font-weight: bold; font-family: Verdana; font-size: small; }
.sc_principal .tbl_cant_palets_fila {font-size: small; margin-left: 5px;}
.sc_principal .tbl_cant_palets_fila td {padding: 2px;}

/* detalle fila (palets por alturas) */
.sc_principal .tit2 {text-align: center; font-family: Verdana; font-size: x-small; background: #FFFFFF; color: #003300; }
.sc_principal .tbl_palet {margin: 2px; width: 60px; height: 75px; }
.sc_principal .tbl_int_palet {margin: 4px;}
.sc_principal .altura3 {vertical-align: middle; text-align: center; font-family: Verdana; font-size: x-small; color: #003300; background: #E1EAC6; }
.sc_principal .altura3 td {font-size: x-small; color: #003300;}
.sc_principal .altura2 {vertical-align: middle; text-align: center; font-family: Verdana; font-size: x-small; color: #003300; background: #F5F9EC; }
.sc_principal .altura2 td {font-size: x-small; color: #003300;}


.inf_palet {float:left; width:100%;}
.inf_palet table
{
    background-color: #FFFFFF;
    margin-bottom: 10px;
    font-size: 14px;
}
.inf_palet table th
{
    padding: 4px 10px;
    text-align: left;
    background: #336600;
    color: #fff;
    border: 1px solid #FFF;
    font-weight: bold;
}
.inf_palet .cab
{
    padding: 3px 10px;
    text-align: left;
    background: #336600;
    color: #fff;
    border: 1px solid #FFF;
    font-weight: bold;
}
.inf_palet table td {padding:2px 10px; border:1px solid #CDCDCD;}
.inf_palet table tr.gr td {background-color:#F0F0F0;}	/* linea alternativa */

#filtro .btn2 { float: left; padding-top: 16px; padding-left: 5px; padding-right: 5px; }
/*#filtro .btn2 input {background:transparent url('../img/fecha.jpg') no-repeat 0px 0px; width:25px;} */
#filtro .btn2 input {background:transparent; width:18px;}
#filtro .btnbuscar {float: left; padding-top: 27px; padding-left: 15px;}
#filtro .btnbuscar input {background:transparent; width:94px; height:25px; color:#FFFFFF; border:0px; cursor:pointer; text-align:left; padding-left:8px;}
#filtro .btnf { float:left; padding-top: 16px; padding-left: 0px; padding-right: 0px; }
/*#filtro .btn2 input {background:transparent url('../img/fecha.jpg') no-repeat 0px 0px; width:25px;} */
#filtro .btnf input {background:transparent; width:18px;}
#filtro .btnfor {float: left; padding-top: 23px; padding-left: 80px;}
#filtro .btnfor input {background:transparent; width:94px; height:25px; cursor:pointer; padding-left:8px;}

#dia
{
float:left;
display:inline-block;
color:Red;
font-weight:bold;

}


/* */

form .login 
{
	width: 300px;
	margin: 0 auto;
    height: 31px;
}

form .login p 
{
	padding: 0;
}

form .login h2 
{
	padding: 10px 0 30px 0 !important;
	text-align: center;
}

form .login input 
{
	font-size: 120% !important;
	width: 55% !important;
}

form .login input[type="submit"]
{
	text-align: center;
	display: block;
	width: 80px;
	margin: 0 auto;
}

form .login .label 
{
	display: inline-block;
	width: 30%;
	font-size: 140% !important;
	line-height: 18px;
	text-align: right;
}

form .login .field
{
	margin-right: 5px;
	width: 60% !important;
}

form .login .error 
{
	color: Red;
	display: inline-block;
}

.salir 
{
	text-align: right;
	float: right;
	font-size: 130%;
	display: block;
	margin: 10px 30px 0 0;
	color: #699DCD;
}

.salir a
{
	color: #699DCD;
}

.salir img 
{
	width: 12px;
	height: 12px;
}

.salir-bottom
{
color:#669ECF;
text-align: center;
display:block;
margin: 30px 0 5px 0;
font-size: 120%;
}

.salir-bottom a
{
	color:#669ECF;
}

/* GRID */

.dxgv 
{
	font-size: 14px !important;

}

.mio 
{
	font-size: 10px !important;
    

}

.dxpc-header 
{
	background-color: #669ECD !important;
	color: white !important;
	padding: 10px !important;
	font-size: 130% !important;
}

.dxpc-contentWrapper 
{
	padding: 10px 20px !important;
}

.dxpc-contentWrapper .buttons 
{
	width: 300px !important;
	margin-left: 30% !important;
	padding: 10px 0;
}

.dxpc-contentWrapper input
{
	margin-right: 20px;
}

.dxpcLite 
{
	width: 50% !important;
	left: 25% !important;
}

form .label 
{
	display: inline-block;
	width: 120px;
}

form .label2 
{
	display: inline-block;
	width: 400px;
	font-size: 15px;
}

.popupForm .label 
{
	width: 40%;
	padding-right: 2%;
	text-align: left;
	font-size: 120% !important;
} 

.popupForm .label-mini
{
	width: 70px;
	padding-right: 2%;
	text-align: left;
	font-size: 120% !important;
	display: inline-block;
} 

.popupForm .labelCenter 
{
	font-size: 120% !important;
	text-align: center;
}

form .field 
{
	margin-right: 5px;
	width: 250px;
}

form .error 
{
	color: Red;
	display: inline-block;
}

form .info 
{
	color: #474747;
}

#TextBoxFechaIni, #TextBoxFechaFin 
{
	display: inline-block;
}

.themebutton a
{
	color: Black !important;
	margin-left: 25%;
}

#fechaDesde, #fechaHasta 
{
	display: inline-block !important;
}

/* Página móvil */

#fechaDesde, #fechaHasta 
{
	display: inline-block !important;
}

.topMovil 
{
	/*position: inherit !important;*/
	width: 100% !important;
	height: 50px !important;
}

.topMovil .superior 
{
	width: 100% !important;
	margin: 0 5px !important;
}

.topMovil span.infonet 
{
	/*width: 10% !important;*/
}

.topMovil span.infonet img 
{
	margin: 3px 0 0 0 !important;
	width: 130px !important;
}

.topMovil span.recodat
{
	float: right !important;
	/*width: 10% !important;*/
}

.topMovil span.recodat img
{
	width: 140px !important;
	float: right;
	margin: 3px 0 0 0 !important;
}

#datosMovil 
{
	margin: 0 5px;
	width: 95% !important;
	margin-top: 80px;
}

#datosMovil p 
{
	width: 25%;
	margin: 0 0 10px 0;
	padding: 0;
	display: inline;
	font-size: 16px;
}

#datosMovil h1 
{
	margin: 10px 0 !important;
}

#datosMovil .pure-table 
{
	margin-top: 15px !important;
}

#datosMovil .dxeButtonEdit 
{
	width: 90px !important;
	margin-bottom: -5px;
	display: inline-block;
}


/* PURE: Tables */

.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
    width: 100%;
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: 150%;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.5em 0.3em; /* cell padding */
    text-align: center;
}
.pure-table th {
    font-size: 150%;
}
.pure-table td:first-child,
.pure-table th:first-child {
    border-left-width: 0;
}

.pure-table thead {
    background: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

.pure-table td {
    background-color: transparent;
}
.pure-table-odd td {
    background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

/* BORDERED TABLES */
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child td,
.pure-table-horizontal tbody > tr:last-child td {
    border-bottom-width: 0;
}