html{ /*background: #EEF0F2 url("http://regularizacion-control.ambiente.gob.ec/suia-iii/resources/images/background.jpg") no-repeat center center fixed; background: #EEF0F2 url("/proyecto-sinias-web/resources/images/fondoSINIAS.png") no-repeat center center fixed;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .containerFooter { margin-top:20px; margin-right: auto; margin-left: auto; width: 1024px; background-color:rgba(255, 255, 255, 0.85); height: 88px; } .containerFoot { border:1px solid white; background-color:rgba(255, 255, 255, 0.9); opacity:0.9; margin-top:5px; margin-right: auto; margin-left: auto; width: 1024px; text-align: center; } .containerFooter .ui-menubar { padding: 13px; } .footer { background: #EEEEEE; } #footerPanel { /*background-image: url("/proyecto-sinias-web/resources/images/bgpie.png") ;*/ width: 1024px; margin-top: -10px; } .footright{ font-size: 10px !important; font-family:arial; text-align: right; color: white; margin-left:698px; background: #00AAC3 none repeat scroll 0% 0%; height: 170px; } .footleft{ font-size: 12px !important; font-family:arial; text-align: justify; color: white; width: 368px; height: 170px; float: left; background: #00AAC3 none repeat scroll 0% 0%; padding-left: 15px; } .head{ background: url("/proyecto-sinias-web/resources/images/BANNER_SINIAS_2023.png")no-repeat left center; background-size: contain; height: 190px; } .logo{ background: url("/proyecto-sinias-web/resources/images/logo_white.png")no-repeat left center; background-size: cover; height: 150px; width:360px; float:left; margin-top: 30px; } .logo_der{ float:right; color:white; text-align: right; margin-top: 50px; font-weight: bold; font-size: 25px; margin-right: 15px; } .footcenter{ float: left; width:370px; background: #008A8A none repeat scroll 0% 0%; font-size: 12px !important; font-family:arial; text-align: justify; height: 170px; padding-left: 15px; color: white; } .header-right-part-bar { float: right; width: 506px; height: 25px; background-image: url("/proyecto-sinias-web/resources/images/Barra_titular_sitio.png"); margin-bottom: 20px; } .container { margin-top: 27px; margin-right: auto; margin-left: auto; width: 1006px; max-width:1006px; height: 100%; min-height: 250px; /*opacity:0.95;*/ } .containerAdmin { margin-top: 40px; margin-right: auto; margin-left: auto; width: 1006px; max-width:1006px; height: 100%; min-height: 250px; /*opacity:0.95;*/ } .bordercontainer { background-color: rgba(255, 255, 255, 0.9); border-radius: 2px 2px 2px 2px; border: 1px solid #dfd9c3; padding: 0 10px 20px 10px; padding-bottom: 10px; } .containerHeader { /*margin-top:130px;*/ margin-top:10px; margin-right: auto; margin-left: auto; width: 1024px; } .ui-button.primary:hover { border: 1px solid #006A77; } .ui-button.secondary:hover { border: 1px solid #00ABC2; } .buttons .ui-button { margin-left: 7px; } .buttons .ui-button, .ui-button.primary { background: #00ABC2; border: 1px solid #00ABC2; color: #FFFFFF; font-weight: bold; } .buttons.important .ui-button, .ui-button.primary { background: #00ABC2 !important; border: 1px solid #00ABC2 !important; color: #FFFFFF !important; font-weight: bold !important; } .cont_menu span { color: #000; } /*color*/ .cont_menu, .cont_menu li { background-color: #008A8A; height: 58px; } /**** elemento a del menu ****/ .cont_menu > li > a { padding: 3px 1px 1px; border-right: solid 1px #C5C5C5; color: #000; } .cont_menu li a { color: white; font-family: arial; font-weight:bold; } /* rollover del menu */ .cont_menu > li > a:hover { background-color: #00ABC2; height: 60px; color: #000; } #menu_header { /*background-color:#008A8A;*/ height: 40px; margin: -17px 0px -15px; } #menu_header ul { background-color:transparent; width: 1040px; position: absolute; list-style: none; font-family:arial; font-size: 13px !important; margin-top: 8px; margin-left: -40px; } #menu_header > ul > li { position: relative; float: left; } #menu_header > ul > li > a { display: block; position: relative; height: 17px; text-decoration: none; padding: 6px 1px 32px; text-align: center; } #menu_header ul ul { width: 180px; position: absolute; height: 0px; overflow: hidden; z-index: 1; margin: 1px -41px; -moz-transition: height 0.3s ease-in; -webkit-transition: height 0.3s ease-in; -o-transition: height 0.3s ease-in; -ms-transition: height 0.3s ease-in; transition: height 0.3s ease-in; } #menu_header > ul > li:hover ul, #menu_header > ul > li > a:hover ul { height: 210px; } #menu_header ul ul li a { display: block; text-decoration: none; height: 45px; margin: 1px 0px; padding: 10px 5px 5px; border-bottom: solid 1px #fff; } .tablaP .label { width: 10%; text-align: left; font-weight: bold; } .tablaP .value { text-align: justify; } .col1 { width: 30%; } .col2 { width: 70%; } .colAlign { vertical-align: top; width: 30%; } .w37 { width: 37%; } .w21 { width: 21%; } .w100 { width: 100%; resize: none; } .w69 { width: 69%; resize: none; float:right; margin-top: -19px; text-align: justify; } .w40 { width: 40%; resize: none; } .w10 { width: 10%; resize: none; } .w20 { width: 20%; } .w68 { width: 68%; resize: none; float:left; } .w306 { width: 30.6%; resize: none; float:right; } .w110 { width: 108%; resize: none; float:left; } .icon-user { background-image: url("../resources/images/user_icon.png") !important; margin-right: 5px; } .tablaP .first-row { background-color: #F5F5F5; } .tablaP .second-row { background-color: #FFF !important; } .tablaP .first-row-rigth { background-color: #F5F5F5; text-align: right; } .tablaP .second-row-rigth { background-color: #FFF; text-align: left; } .tablaP .publicate-row { background-color: #C5C5C5; } .ui-datatable .alinear_derecha-row { text-align: center !important; } .ui-expanded-row-content{ background-color: #FFF !important; } .fondoDialogo { background-color: #F5F5F5 !important; } .pruebaCss { width: 100%; } .pruebaCss .alinear-izquierda-row { text-align: left !important; width: 100px !important; } .pruebaCss .alinear-derecha-row { text-align: right !important; width: 100px !important; } .pruebaCss .first-row-rigth { background-color: #F5F5F5 !important; width: 100px !important; } .pruebaCss .second-row-rigth { background-color: #FFF !important; width: 100px !important; }