body{
   background: #3367d6 no-repeat top center;
   /* max-width: 1200px; */
   margin: 0 auto;
   font-size: 14px;
   background-attachment: fixed;
}
h1, h2, h3{
   font-family: arial;
   color: #fff;
   text-shadow: none;
}
td, th {
   vertical-align: top;
}
.ui-widget-content {
   border: none;
}
.ui-widget-header {
   background: none;
   border: none;
}
.ui-panel .ui-panel-title {
   color:#333333;
   font-size: 20px;
}
img {
   max-width: 253px;
}
.ui-panel .filtro-busqueda .ui-panel-title {
   color:#333;
   font-size: 16px;
}
.ui-widget-content button.ui-state-default {
   background: #0a2869;
   color: #fff;
   text-shadow: none;
   border: none;
   border-radius: 0;
   padding: 3px 5px;
   font-weight: 100;
}
.ui-widget-content button.ui-state-default:hover{
   background: #0a2869;
}
.ui-menu {
   background: transparent;
   color: #fff;
   border: none;
}
.ui-panel {
   margin: 0 0 20px 0;
   border: none;
}
.boton.principal {
   background: #0a2869;
   color: #fff;
   border: none;
   padding: 8px 13px;
   cursor: pointer;
}
li.ui-menuitem.ui-menubar-options.ui-widget.ui-corner-all button {
   margin-left: 15px;
}
.boton.principal:hover {
   background: #0a2869;
}
input {
   padding: 3px 8px;
}
.filtro-busqueda{
   background: #f1f1f1;
   border: 1px solid #dcdcdc !important;
}
#pnlLogin_content label {
   width: 173px;
   font-weight: bold;
}

a.ui-paginator-prev.ui-state-default.ui-corner-all.ui-state-disabled, a.ui-paginator-first.ui-state-default.ui-corner-all.ui-state-disabled, a.ui-paginator-next.ui-state-default.ui-corner-all.ui-state-disabled, a.ui-paginator-last.ui-state-default.ui-corner-all.ui-state-disabled {
   border: none;
   background: none;
}
a.ui-paginator-page.ui-state-default.ui-state-active.ui-corner-all {
   background: none;
   border: none;
   color: #333;
}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
   background: #fff;
   -moz-box-shadow: inset 0 2px 2px #8f8f8f;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #313131;
   padding: 5px 8px;
   border-radius: 0;
}

a.ui-state-default.ui-corner-all {
    background: #ffffff;
    padding: 5px 8px 3px 8px;
    border: 1px solid #065;
    border-radius: 0;
    color: #065;
    font-weight: normal;
    text-shadow: none;
    font-size: 12px;
}
.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus {
   box-shadow: none;
}
a.ui-state-default.ui-corner-all span, a.ui-state-default.ui-corner-all.ui-state-hover span{
   background-image: url("/URSEA-web/javax.faces.resource/images/ui-icons_38667f_256x240.png.xhtml?ln=primefaces-aristo");
}
a.ui-state-default.ui-corner-all.ui-state-disabled span, a.ui-state-default.ui-corner-all.ui-state-disabled.ui-state-hover span{
   background-image: url("/URSEA-web/javax.faces.resource/images/ui-icons_38667f_256x240.png.xhtml?ln=primefaces-aristo");
}
span.ui-button-icon-left.ui-icon.ui-c.ui-icon-power {
   background-image: url("/URSEA-web/javax.faces.resource/images/ui-icons_38667f_256x240.png.xhtml?ln=primefaces-aristo");
}
span.ui-menuitem-text {
   color: #fff;
}
span.ui-menuitem-icon.ui-icon {
   background-image: url(/URSEA-web/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml);
}
span.ui-button-icon-left.ui-icon.ui-icon-calendar {
   background-image: url(/URSEA-web/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml);
}
a.ui-menuitem-link.ui-corner-all.ui-state-hover {
   background: rgba(255, 255, 255, 0.29);
   box-shadow: none;
   border-radius: 0;
}
select.ui-widget.ui-state-default.ui-corner-left {
   background: #fff;
   padding: 5px;
}
.ui-state-default {
   text-shadow: none;
   background: #fff;
   border: none;
   font-weight: normal;
}
.ui-state-hover{
   box-shadow: none;
}
.ui-widget select, .ui-widget input, th input {
    padding: 3px;
    line-height: 17px;
    border: 1px solid;
    border-color: #a9a9a9;
}
.ui-grid .ui-grid-row {
    margin-bottom: 15px;
}
.ui-button-text-only .ui-button-text {
    padding: .3em 1em;
    background: #065;
    color: #fff;
}
.boton-secundario {
   background: #fff;
   color: #0a2869;
   border: thin solid;
   border-color: #0a2869;
}

.funcion-agotada {
   color:red;
}
.funcion-ultimocupo {
   color: orange;
}
.funcion-pocoscupos {
   color: gold;
}
.funcion-disponible {
   color: blue;
}
.reserva-vencida {
   color:red;
}
.reserva-cancelada {
   color: orange;
}
.reserva-reservada {
   color: blue;
}
.reserva-retirada {
   color: green;
}

.panelBotones{
   width: 100%;
   display: inline-block;
   padding-bottom: 13px !important;
}

.panelBotones button, .panelBotones a {
   float: right;
   vertical-align: baseline;
   margin-left: 10px;
}

.panelBotones a {
   margin-top: 7px;
}

.panelAbordaje{
   border-bottom: 2px solid;
}

.panelAbordaje table {
   width: 100%;
}

.columnaMenu{
   width: 100px;
}

.columnaMenu span{
   color:white;
   margin-right: 8px;
}

.columnaContenido{
   width: 100%;
}

.columnaContenido form{
   width:100%
}

.panelPersonaInfo {
   border-bottom: 2px solid;
}




/*  Reset   */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td , legend{margin:0;padding:0;line-height: 1.4em;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset , img {border: 0;}
address , caption , cite , code , dfn , em , strong , th , var {font-style: inherit;font-weight: inherit;}
ol , ul {list-style: none;}
caption , th {text-align: left;}
h1 , h2 , h3 , h4 , h5 , h6, small, button {font-size: 100%;font-weight: normal;}
h1{
    font-size: 22px;
    color: #000;
    line-height: 25px;
    text-align: center;
    margin-bottom:40px;
    margin-top: 20px;
}
q:before , q:after {content: '';}
abbr , acronym {border: 0;}


/* Generics */
html,
body{min-width:940px;min-height:100%;height:100%;background:url(../img/bg-body.jpg) repeat-x #fff;} 
body{font-family:Arial,Helvetica;color:#474747;font-size:10px;}
hr{display:none;}
a{color:#006655;text-decoration:underline;}
a:hover{color:#e44605;}
.pusher{clear:both;height:0;float:none;font-size:0;display:block;border:none;padding:0;margin:0;position:relative;}
em{font-style:oblique;font-weight:inherit;}
strong{font-style:inherit;font-weight:bold;}
address{font-style:normal;}
a.more{font-weight:bold; background: url(../img/ico-arr-01.gif) no-repeat right center;padding-right:20px;}
a.feed{position:relative;top:6px;background:url(../img/ico-feed.gif);width: 16px;height:16px;overflow:hidden;text-indent: -999px;display: block;float:right;}

table, .ui-datatable table{width: 99.9%; font-size: 12px; margin-bottom: 20px;table-layout: initial;}
th {color: #000; padding: 0 10px; }
table thead,
table tfoot{color: #000; background: #fff5ce;}
table thead{color: #512902; background: #fff5ce; text-align: center; }
table thead tr td {padding: 9px 10px 10px;}
table tfoot{border-top: 1px solid #efe5be;}
table tfoot td{padding: 10px; color: #371e00;}
table tbody tr td{padding: 9px 10px 10px; color: #000; border: 1px solid #efe5be; border-width: 0 1px 1px 0}
table tbody tr th{padding: 9px 10px 10px; border: 1px solid #efe5be; border-width: 0 1px 1px 0}
span.ui-column-title {
    min-height: 35px;
    display: block;
}
.ui-datatable-tablewrapper {
    border: 1px solid #e1e1e1;
}
table thead {
    border-bottom: 3px solid #006655;
}
thead tr th.ui-state-default {
    border: none;
}
table thead th{
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    font-size: 8pt;
}
table tbody tr:nth-child(2n){
    background: #fff;
}
th.ui-state-default span{
   color: #006655;
   font-weight: bold;
}
.ui-datatable tbody td {
    padding: 4px 10px;
}
table tr.ui-widget-content {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-right: transparent;
    border-left: transparent;
}
.ui-datatable tbody td {
    padding: 4px 10px;
    text-align: center;
    vertical-align: middle;
}

#tablaSimple table{width: 100%; border: 0px solid #efe5be; font-size: 12px; margin-bottom: 20px}
#tablaSimple th {color: #000; padding: 0 10px; }
#tablaSimple table thead,
#tablaSimple table tfoot{color: #000; background: #fff5ce;}
#tablaSimple table thead{color: #512902; background: #fff5ce; text-align: center; }
#tablaSimple table thead tr td {padding: 9px 10px 10px;}
#tablaSimple table tfoot{border-top: 0px solid #efe5be;}
#tablaSimple table tfoot td{padding: 10px;}
#tablaSimple table thead th{line-height: 36px;}
#tablaSimple table tbody tr td{ padding: 5px; border: 0px solid #efe5be; }
#tablaSimple table tbody tr th{ padding: 5px; border: 0px solid #efe5be; }
#tablaSimple table tbody tr:nth-child(2n){background: #EBFBEB;}

#pageTitle{width: 700px; border-bottom: 1px solid #d4d4d4; overflow: hidden; font-size: 18px; line-height: 25px; padding: 5px 0 4px;}
#pageTitle h2{float: left; color: #000; text-transform:uppercase}

.textTools {float: right; overflow: hidden; position: absolute; right: 0; height: 16px; top: 50%; margin-top: -8px;}
.textTools li{float: left; border-left: 1px solid #d4d4d4;}
.textTools li:first-child{border:0}
.textTools li a{width: 22px; height: 16px;text-indent: -9999em; display: block; background: url(../img/ico-text-tools.gif) 2px center no-repeat;}
.textTools li a.reset{background-position: -24px center;}
.textTools li a.down{background-position: -45px center;}

.hover,
#mainMenu a.hover{color: #E44605;}

/*  COMPONENTS  */

/*  component: ARTICLELIST  */
.articleList > :first-child{margin-top:0;}
.articleList > :last-child{margin-bottom:0; border: 0;}
.articleList > div{position:relative;margin-bottom:15px; padding-bottom: 14px; border-bottom: 1px solid #e8e8e8;}
.articleList > div.img,
.articleList > div.video{padding-left:160px;min-height: 160px;}
.articleList a.img{position:absolute;top:0;left:0;}
.articleList a.img img{position:relative;display:block;border:2px solid #d4d4d4; width: 136px; height: 115px;}
.articleList .video span.mask{position:absolute;top:2px;left:2px;z-index:88;display:block;background:url(../img/btn-play.png) no-repeat center center;width: 136px;height:115px;}
.articleList > div .title{font-size: 1.3em;font-weight: bold;line-height:1.58em;}
.articleList > div .title a {color: #000; text-decoration: none; display: block;}
.articleList p{font-size:1.2em;line-height:1.66em;}
.articleList p a{font-weight: bold;}
.articleList em.category,
.articleList em.date,
.title em.date{font-size:1em;line-height:1.5em;color:#5e5e5e;font-style: normal; position: relative; top: -2px;}
.articleList em.category,
.articleList em.date span{color:#777;}
.title em.date {position: absolute; top:9px; left:0; text-transform: none; font-size: 10px}

#interrogacion {
   border: none;
}



/*variant*/
.articleList.v01{padding-left: 0; min-height: 0}
.articleList.v01 > div{min-height: 0}
.articleList.v01 > div.video .title,
.articleList.v01 > div.img .title{padding-left: 0; margin-bottom: 0px;}
.articleList.v01 > div.img,
.articleList.v01 > div.video{padding-top: 125px; position: relative; padding-left: 0; padding-bottom: 14px; margin-bottom: 0}
.articleList.v01 a.img{position: absolute; top:20px; left:0}
.articleList.v01 p{position: static}
.articleList.v01 > div {padding-bottom: 9px; margin-bottom: 10px;}
.articleList.v01 .img p,
.articleList.v01 .video p{padding-left: 0;}
.articleList.v01 .img .category,
.articleList.v01 .video .category{position: absolute; top:0; left:0}
.articleList.v01 a.img img{width: 136px; height: 91px; float: none;}



/*  component: ENLACELIST  */
.enlaceList > *:first-child {
   margin-top: 0;
}
.enlaceList > *:last-child {
   border: 0 none;
   margin-bottom: 0;
}
.enlaceList > div {
   border-bottom: 1px solid #E8E8E8;
   margin-bottom: 5px;
   padding-bottom: 5px;
   position: relative;
}
.enlaceList > div.img, .enlaceList > div.video {
   min-height: 82px;
   padding-left: 120px;
}
.enlaceList a.img {
   left: 0;
   position: absolute;
   top: 0;
}
.enlaceList a.img img {
   border: 1px solid #D4D4D4;
   display: block;
   height: 80px;
   position: relative;
   width: 100px;
}
.enlaceList .video span.mask {
   background: url("../img/btn-play.png") no-repeat scroll center center transparent;
   display: block;
   height: 115px;
   left: 2px;
   position: absolute;
   top: 2px;
   width: 136px;
   z-index: 88;
}
.enlaceList > div .title {
   font-size: 1.3em;
   font-weight: bold;
   line-height: 1.58em;
}
.enlaceList > div .title a {
   color: #000000;
   display: block;
   text-decoration: none;
}
.enlaceList p {
   font-size: 1.2em;
   line-height: 1.66em;
}
.enlaceList p a {
   font-weight: bold;
}
.enlaceList em.category, .enlaceList em.date, .title em.date {
   color: #5E5E5E;
   font-size: 1em;
   font-style: normal;
   line-height: 1.5em;
   position: relative;
   top: -2px;
}
.enlaceList em.category, .enlaceList em.date span {
   color: #777777;
}

/*component: LINKLIST*/
.text .linkList{padding-left: 0}
.text .linkList li{background-image: url(../img/ico-arr-02.1.gif); padding: 0 0 0 15px;}

.text .presentacionList{padding-left: 0}
.text .presentacionList li{background-image: url(../img/ico-arr-02.1.gif); padding: 0 0 0 15px;   height: 38px;}
.text .presentacionList li img{float: right;margin-right: 3px;}

/*  component: TEXT */
.text h3{font-size: 1.3em; line-height: 1.6; color: #000; font-weight: bold;}
.text h4{font-size: 1.3em; line-height: 1.6; color: #000; font-weight: bold;}
.text p,
.text li{font-size:1.2em;line-height: 1.6;}
.text li a{font-weight:bold;}
.text p{margin-bottom:10px;}
.text ul li{background: url(../img/ico-arr-02.gif) no-repeat 0 7px; padding: 0 0 0 10px;}
.text div.img{overflow: hidden; font-size: 1.2em;    margin-bottom: 8px;}
.text div.img img{border: 2px solid #d4d4d4; float: left; margin-right: 15px; }
.text div.img .caption{float: left; line-height: 20px;}
.text ol{list-style: decimal; list-style-type: decimal; font-weight: bold; color: #000; padding-left: 30px; margin-bottom: 20px; font-size: 1.2em}
.text ul{margin-bottom: 20px; padding-left: 20px;}
.text ol li{font-weight: normal; color: #474747; margin-bottom: 20px; font-size: 1em;}
.interna #main .text ol li > p{margin-bottom: 5px;}
.text ol li li {margin-bottom: 5px; list-style: lower-latin}
.text ul li{background: url(../img/ico-bullet-01.gif) 0 8px no-repeat; padding: 0 0 15px 10px;}
.text ul li:last-child{padding-bottom: 0}
.text ul li.ok,
.text ul li.cancel,
.text ul li.remarked{background:url(../img/ico-ok.gif) 0 2px no-repeat; padding-left: 25px;}
.text ul li.ok:last-child,
.text ul li.cancel:last-child,
.text ul li.remarked:last-child{padding-bottom: 15px;}
.text ul li.cancel{background-image: url(../img/ico-error.gif)}
.text ul li.remarked{background-image: url(../img/ico-remarked.gif)}


/*component:breadcrumbs*/
#breadcrumbs{
   font-size: 11px;
   line-height: 25px;
   height: 25px; 
   padding: 5px 0 3px; 
   border-bottom: 2px solid #d4d4d4; 
   margin-bottom: 10px;
   overflow: hidden;

}
#breadcrumbs strong{font-weight: normal;}
.v03 #breadcrumbs{margin-bottom: 15px;}

/*component:menu*/
#menuLateral {float: left; margin-right: 25px; padding-top: 4px; overflow: hidden; font-size: 14px; width: 175px; text-transform: uppercase}
#menuLateral li{border-bottom: 1px solid #e2e2e2; width: 175px; line-height: 20px;}
#menuLateral li a,
#menuLateral li strong{color: #000; text-decoration: none; text-transform: uppercase; display: block; padding: 10px 15px 9px 0px; background: url(../img/ico-arr-01.1.gif) right center no-repeat; outline: none;;}
#menuLateral li a:hover,
#menuLateral li.active strong{color: #e44605; text-transform: uppercase; font-weight: normal; line-height: 20px; padding: 10px 15px 9px 0px; display: block;}
#menuLateral li.active strong{background: none;}
#menuLateral li.active li{line-height: 15px; width: 140px}
#menuLateral li.active li a,
#menuLateral li.active li strong{color:#000; padding: 5px 0 5px;}
#menuLateral li.active li strong{color: #e44605}
#menuLateral li ul{display: none; overflow: hidden; font-size: 12px; line-height: 25px; padding-bottom: 4px; position: relative; top: -8px;}
#menuLateral li.active ul{display: block;}
#menuLateral li li{border: 0; padding: 0; padding-left: 20px;}
#menuLateral li li a,
#menuLateral li li a:hover{background: none; line-height: 15px}
#menuLateral > address > strong {color: #000; display: block;}
#menuLateral > address > span{display: block}

/*componente menu central sin componente derecho*/
#menuCentral{float: left; width: 740px;}

/*component:downloadList*/
.downloadList{margin-top: 24px; border-bottom: 0; margin-bottom: 15px;}
.downloadList > .title {overflow: hidden;padding: 11px 70px 10px 0; position: relative;border-bottom: 1px solid #D4D4D4;margin-bottom: 15px;}
.downloadList > div.title{color: #000; padding-right: 0; font-size: 14px; text-transform: uppercase; margin-bottom: 10px;}
.downloadList ul{overflow: hidden;}
.downloadList ul li{color: #777; display: block; padding: 0 10px 0 20px; border-bottom: 1px solid #d4d4d4; background: url(../img/ico-arr-04.gif) 0 15px no-repeat; line-height: 42px; height: 44px; display: block}
.downloadList ul:last-child li:last-child{border: 0}
.downloadList ul li a{font-size: 1.2em; line-height: 20px; padding-right: 5px; font-weight: bold;}
.downloadList .header{ border-bottom: 1px solid #d4d4d4; padding-bottom: 11px; font-size: 13px; color: #000;}
.interna #main .downloadList > .content > .text {margin-top: 20px;}
.interna #main .downloadList > .content > .text:first-child {margin-top: 15px;}
.interna #main .downloadList > .content > .text p{margin-top: 0}


/*component:gallery*/
.gallery{overflow: hidden; margin: 20px 0;}
.gallery > .detail {overflow: hidden;}
.gallery > .detail > .view{border: 2px solid #d4d4d4; background: #f5f5f5; width: 356px; height: 251px; float: left;}
.gallery > .detail > .description{font-size: 11px; line-height: 15px; color: #919191; font-style: italic;  float: right; width: 130px; border-bottom: 1px solid #d4d4d4; padding: 30px 0 9px; background: url(../img/ico-img-01.gif) 0 9px no-repeat;}
.gallery > .thumbs{overflow: hidden; width: 362px; padding: 10px 0; border: 1px solid #d4d4d4; border-width: 1px 0; position: relative; height: 55px;}
.gallery ul{width: 9999em; position: absolute; top: 10px; left: 0;}
.gallery li{display: block; float: left;}
.gallery li a{display: block; border: 2px solid #d4d4d4; width: 106px; height: 51px; background: #f5f5f5; margin-left: 15px; outline: none;}
.gallery li a img{width: 106px; height: 51px;}
.gallery li.active a{border-color: #f00;}
.gallery li:first-child a{margin-left: 0;}
.gallery .nav {height: 29px; text-align: center; font-size: 10px; line-height: 29px; width: 362px;}
.gallery .prev,
.gallery .next{display: block; float: left; padding: 0 0 0 15px; background: url(../img/gallery-arr.gif) 0 10px no-repeat;}
.gallery .next{float: right; padding: 0 15px 0 0; background-position: 48px -81px}
.gallery .next.inactive{background-position: 48px -130px; color:#777;}
.gallery .prev.inactive{background-position: 0 -30px; color:#777; text-decoration: none;}

/*component: articleImg*/
.articleImg{overflow: hidden; margin: 20px 0;}
.articleImg > img{border: 2px solid #d4d4d4; background: #f5f5f5; width: 356px; height: 251px; float: left;}
.articleImg > .description{font-size: 1.1em; line-height: 1.3em; color: #919191; font-style: italic;  float: right; width: 130px; border-bottom: 1px solid #d4d4d4; padding: 30px 0 9px; background: url(../img/ico-img-01.gif) 0 9px no-repeat;}


/*component:videoPlayer*/
.videoPlayer{ margin: 20px 0;overflow: hidden;}
.videoPlayer .video{float: left; border: 2px solid #d4d4d4; width: 354px; height: 274px; }
.videoPlayer .description{font-size: 11px; line-height: 15px; color: #919191; font-style: italic;  float: right; width: 130px; border-bottom: 1px solid #d4d4d4; padding: 30px 0 9px; background: url(../img/ico-video-01.gif) 0 9px no-repeat;}

/*component:pagination*/
.pagination{padding: 13px 0 15px 0;text-align: center; border-top: 1px solid #d4d4d4;}
.pagination a,
.pagination strong{display: inline; line-height: 20px; font-weight: bold; font-size: 11px; margin-left: 18px; outline: none;}
.pagination .first,
.pagination .previous,
.pagination .last,
.pagination .next{background: url(../img/pagination-arr.gif) top left no-repeat; width: 20px; height: 20px; text-indent: -9999em; overflow: hidden; margin: 0 5px; padding: 0 10px; line-height: 20px; font-size: 12px}
.pagination .first{background-position: 2px -36px;}
.pagination .first.disabled{background-position: 2px 4px;}
.pagination .previous{background-position: -26px -36px;  margin-right: 10px;}
.pagination .previous.disabled{background-position: -29px 4px;}
.pagination .last{background-position: -103px -36px;}
.pagination .last.disabled{background-position: -103px 4px;}
.pagination .next{background-position: -74px -36px; margin-left: 28px;}
.pagination .next.disabled{background-position: -71px 4px;}
.pagination a span{display: none;}
/*  CONTAINERS  */

/*  container: BLOCK    */
.block > :first-child,
.block > .content :first-child{margin-top:0;}
.block > :last-child,
.block > .content > :last-child,
.block > .content > .last-child{margin-bottom:0;}
.block > .title {margin-bottom:15px;padding:5px 0 4px; overflow: hidden;}
.block > .title > h2{font-size:18px;color:#000;line-height: 25px;text-transform:uppercase;}
.block > .title > h3,
.downloadList > .title > h3{font-size: 14px; line-height: 20px; text-transform: uppercase; color: #000;}
.block > .title a{text-decoration: none; color: #000}
.block > .content{font-size: 10px;}
.block > div.more{overflow: hidden;border:1px solid #E8E8E8; border-width: 1px 0px;margin-top:0px;padding: 13px 0 12px; margin-top: 5px;}
.block > div.more a{float:right;font-size:11px;font-weight:bold;}
/*  variant    */
.block.v01{background: #f6f6f6;border:1px solid #dedede;padding:14px;margin-bottom:10px;}
.block.v01 > .title {margin-bottom:10px;padding:0 0 4px;}
.block.v01 > .title > * {position:relative;top:-4px;line-height:25px;font-size:16px;text-transform:uppercase; padding-right:25px;}
.block.v01 > .title h3 a{color:#000;display:block;}


/*form*/
form {font-size: 1.2em; line-height: 30px;  overflow: hidden;}
form input{width: 190px; border: 1px solid #7f9db9; line-height: 20px;}
form input.x2{width: 415px;}
form input.x3{width: 20px;}
form input.x4{border:0;line-height:0;width:150px;background: transparent;color:white;font-weight:bold;padding-top:5px;}

form textarea{width: 415px; border: 1px solid #7f9db9; height: 108px; min-height: 108px; max-height: 108px;}
form .fields strong{display: block; font-weight: bold; color: #000; padding: 15px 0 6px}
form .fields > div:first-child strong{padding: 5px 0}
form  .actions{width: 417px; padding-top:4px; overflow: hidden;}
form .actions em{font-size: 10px; font-style: italic; line-height: 20px}
form .btn button{background: transparent; color: #fff; text-transform: uppercase; border: 0; padding: 0; cursor: pointer}
form .btn{display: block; background: url(../img/bg-button.gif) top left no-repeat #fff; height: 36px; line-height: 36px; float: right; padding-left: 12px;}

form .btn span{
	background: url(../img/bg-button.gif) top right no-repeat #fff; 
	height: 36px; 
	line-height: 36px; 
	display: block; 
	padding-right: 22px;
/* 	vertical-align:middle; */
}


/*  container: COLUMNS  */
.columns{overflow: hidden;}
.columns > *{float:left;}


/*component:alert*/
.alert{padding: 8px 10px 10px 35px; margin-bottom: 10px}
.alert.ok{background: url(../img/ico-ok.gif) 10px 10px no-repeat #f4ffc9; border:#c5dd86 1px solid; color: #254200}
.alert.error{background: url(../img/ico-error.gif) 10px 10px no-repeat #f7d1c6; border:#fabaa8 1px solid; color: #4a0400}
.alert.warning{background: url(../img/ico-warning.gif) 10px 10px no-repeat #fff5c9; border:#f2d785 1px solid; color: #4d2a00}


/*      LAYOUT      */
#header,
#central,
#footerMenu,

#header{position:relative;padding-top:20px;margin-bottom:0px;}
#central{padding:0 0 39px;margin-bottom:19px;border-bottom:2px solid #d4d4d4;}
#central > :first-child{margin-top:0 !important;}
#central > :last-child,
#central > .last-child{margin-bottom:0 !important;}
#footerMenu {overflow: hidden;margin-bottom:30px;}




/*  HEADER  */
#logo{
   left: 23px;
   top: 20px;
   /* position: absolute; */
   width: 508px;
   height: 55px;
   background: url(../img/logo-presidencia.gif) 405px 0 no-repeat;
   margin-top: 6px;
}
#logo a{width:381px;height:55px;display:block;text-indent: -999px;overflow: hidden;background: url(../img/logo-URSEA-nuevo.jpg);}

#logo1{
   content: url(../img/logo_URSEA.jpg);
}


/* tools  */
/*  menu  */
#tools ul{position:absolute;top:10px;right:100px;}
#tools ul li{line-height:30px;float:left}
#tools ul :first-child a{border:none;}
#tools ul a{font-size: 11px;color:#000000;text-transform: uppercase; text-decoration: none; border-left: 1px solid #ddd; padding:0 15px;}
/*  search  form */
#tools form{position:absolute;top:40px;right:100px;display:block;width:230px;height:30px;}
#tools legend{display:none;}
#tools .fields{position:relative;}
#search_left{display:inline;float:left;width:173px;height:24px;background: url(../img/buscar_izquierda.gif) top left no-repeat;}
#search_left input{display:inline;width:170px;height:20px;padding: 0px;border: 0 none; margin: 3px 0 0 3px;}
#search_right{display:inline; float:left;}
#search_right input{background: url(../img/buscar_derecha2.gif);width:49px;height:24px;border:0px;}




#tools form button{cursor:pointer;position:absolute;top:5px;right:8px;background:none;border:none;width: 20px;height: 20px;overflow: hidden;text-indent: -9999px;}
/*  main menu   */
#mainMenu{border-top:2px solid #c6c6c6;height:45px;border-bottom:1px solid #d4d4d4;overflow: hidden;clear:both;}
#mainMenu li{float:left;line-height:45px;margin-right:38px;}
/*#mainMenu #Programas{float:right;line-height:45px;margin-right:38px;}*/
#mainMenu a{font-size:18px;color:#000;text-transform:uppercase; text-decoration: none;}
#mainMenu a.active,
#mainMenu a:hover{color: #e44605}

/*mainMenu Programa*/
#mainMenuPrograma{border-top:2px solid #c6c6c6;height:45px;overflow: hidden;clear:both;}
#mainMenuPrograma li{float:left;line-height:45px;margin-right:38px;}
/*#mainMenu #Programas{float:right;line-height:45px;margin-right:38px;}*/
#mainMenuPrograma a{font-size:18px;color:#000;text-transform:uppercase; text-decoration: none;}
#mainMenuPrograma a.active,
#mainMenuPrograma a:hover{color: #e44605}

/*  CENTRAL     */
#central{overflow: hidden;}



/*  FOOTER  */
#footerMenu > ul{width: 840px;overflow: hidden;background: url(../img/bg-footerMenu.gif) repeat-y;}
#footerMenu li{line-height:20px;}
#footerMenu > ul > li{width:120px;float:left;font-size:11px;font-weight:bold;color:#000;}
#footerMenu > ul > li strong{display: block;margin-bottom: 5px;}
#footerMenu > ul > li li{font-size:10px;padding-right:20px;}

/* #footerCopy>div{width:940px;padding:0 20px;margin:0 auto;} */
/* #footerCopy div{padding:49px 0 40px;position:relative;} */

#footerCopy>div{width:940px;margin:0 auto;}
#footerCopy div{padding:15px 20px 15px;position:relative;}

#footerCopy address{display:block;padding-top:9px;border-top:1px solid #262626;color:#777;line-height: 20px;font-size: 11px;}
#footerCopy em{display: block;line-height: 10px;color:#525252;font-size:10px;font-style:normal;}
#footerCopy{background:#171717;height: 8%;}

/* #footerCopy > div{background: url(../img/logo-ursea-footer.gif) 0 20px no-repeat;} */

#analoga{position:absolute;top:19px;right:0;background: url(../img/analoga.gif);width: 56px;height:11px;display: block;text-indent: -999px;overflow: hidden;}


/*  PAGES   */

/* internas */
#highlightInterna{border-bottom:1px solid #c6c6c6;overflow: hidden;padding-bottom:13px; position: relative;}
#slogan4, #slogan3, #slogan2, #slogan {float: left;width: 595px; padding: 35px 55px; height: 60px; background: url(/../img/bg-slogan.gif) top left no-repeat; color: #fff; font-size: 14px; line-height: 20px; font-style: italic; margin-right: 10px;}
#highlightInterna > .block{float: left;}
#highlightInterna > .block p{padding: 0 25px; position: relative;}
#highlightInterna > .block p:before{content: ' '; position: absolute; top: 0; left: 0; background: url(../img/blockquote-01.gif) top left no-repeat;  height: 20px; width: 20px;}
#highlightInterna > .block p:after{content: ' '; background: url(../img/blockquote-02.gif) top right no-repeat; display: inline; height: 20px; line-height: 15px; padding-left: 25px;}
#highlightInterna ul {float: left;}
#highlightInterna li{height: 43px; border-bottom: 1px solid #e2e2e2; width: 225px; padding: 0}
#highlightInterna li a{font-size: 14px; line-height: 43px; color: #000; text-decoration: none; text-transform: uppercase; height: 40px; display: block; padding: 1px 15px 1px 0; background: url(../img/ico-arr-01.1.gif) right 18px no-repeat; letter-spacing: -1px;  width: 210px;}
#highlightInterna li a img{border: 1px solid #d4d4d4; width: 78px; height: 38px; float: left; margin-right: 5px; line-height: 38px;}
#highlightInterna li:last-child{padding-bottom: 0; border-bottom: 0;}


.interna #central{padding-bottom: 69px}
.interna #main{width: 500px; margin-right: 20px; float: left;}
.interna #main2{width: 685px; margin-right: 20px; float: left;}
.interna #main .block.v01,
.interna #main .block .block.v01{margin-bottom: 20px; padding: 14px 20px 20px; border: 1px solid #d4d4d4;}
.interna #main .block.v01 > .title{margin-bottom: 9px; float: none; padding: 0 0 4px;}
.interna #main .block.v01 > .title h2{ float: none;}
.interna #main .text p {margin: 0 0 20px; font-size: 1.2em;}
.interna #main .text p + .linkList {margin: -10px 0 0; position: relative;}
.interna #main .text p + .presentacionList {margin: -10px 0 0; position: relative;}
.interna #main .text p:last-child{margin: 0}
.interna #main .text .img + p {margin-top: 0;}
.interna #main .text .linkList:first-child {margin-top: 0;}
.interna #main .text .linkList.v01 li{background: url("../img//ico-arr-05.gif") no-repeat scroll 0 5px transparent;}
.interna #main .text .presentacionList:first-child {margin-top: 0;}
.interna #main .text .presentacionList.v01 li{background: url("../img//ico-arr-05.gif") no-repeat scroll 0 5px transparent;}
.interna #main .block.v01 .text p:last-child {margin-bottom: 10px;}
.interna #main .block.v01 .text div.img {float: left;}
.interna #main .text .destacado {color: #000; margin-top: 13px; display: block;}
.interna #main > .columns.two > .block{width: 198px;}
.interna #main > .columns.two > .block:first-child{margin-right: 20px;}
.interna #main .block.v01 div.more{border:0; margin: 0; padding: 0;}
.interna #main div.more a{float: left; font-size: 12px; font-weight: bold; background: url(../img/more.gif) no-repeat right center transparent; padding-right: 15px;}
.interna #main .block {border-bottom: 2px solid #d4d4d4;}
.interna #main .block > .title{padding: 10px 70px 8px 0; overflow: hidden; position: relative; font-size: 14px; text-transform: uppercase; color: #000}
.interna .block > .title > h2{font-size: 16px; float: left;}
.interna #main > .block{padding-bottom: 20px;}
.interna #main .block .block{border:0;}

.interna #complementary{width: 220px; padding-top: 10px; float: right;}
.interna #complementary .block{border-bottom: 2px solid #d4d4d4; margin-bottom: 19px;}
.interna #complementary div.more {border-bottom: 0; padding: 15px 0 14px; margin-top: 0}
.interna #complementary .block > .title {margin-bottom: 14px}
.interna #complementary .block > .title > h2{font-size: 18px; font-weight: bold;}
#main div.more a.btnBack{background: url(../img/ico-back.gif) center left no-repeat; padding:0 0 0 15px; float: left;}
#main div.more a.btnPrint{background: url(../img/ico-print.gif) center left no-repeat; padding: 0 0 0 20px; float: right;}


.interna.v01 #slogan,
.interna.v02 #slogan{padding: 20px 0  20px 199px; height: 45px; width: 505px; background: url(../img/cabezalEnergiaElectrica.jpg) top left no-repeat;}
.interna.v01 #slogan > div,
.interna.v02 #slogan > div{border-left: 1px solid #73a562; padding: 0 20px; font-size: 12px; line-height: 20px;}
.interna.v01 #slogan > div strong,
.interna.v02 #slogan > div strong{display:block;text-transform: uppercase; font-size: 22px;font-style: normal; line-height: 25px;}


.interna.v01 #slogan2,
.interna.v02 #slogan2{padding: 20px 0  20px 199px; height: 45px; width: 505px; background: url(../img/cabezalCombustibles.jpg) top left no-repeat;}
.interna.v01 #slogan2 > div,
.interna.v02 #slogan2 > div{border-left: 1px solid #73a562; padding: 0 20px; font-size: 12px; line-height: 20px;}
.interna.v01 #slogan2 > div strong,
.interna.v02 #slogan2 > div strong{display:block;text-transform: uppercase; font-size: 22px;font-style: normal; line-height: 25px;}

.interna.v01 #slogan3,
.interna.v02 #slogan3{padding: 20px 0  20px 199px; height: 45px; width: 505px; background: url(../img/cabezalAguaSaneamiento.jpg) top left no-repeat;}
.interna.v01 #slogan3 > div,
.interna.v02 #slogan3 > div{border-left: 1px solid #73a562; padding: 0 20px; font-size: 12px; line-height: 20px;}
.interna.v01 #slogan3 > div strong,
.interna.v02 #slogan3 > div strong{display:block;text-transform: uppercase; font-size: 22px;font-style: normal; line-height: 25px;}

.interna.v01 #slogan4,
.interna.v02 #slogan4{padding: 20px 0  20px 199px; height: 45px; width: 505px; background: url(../img/bg-slogan-generadores.gif) top left no-repeat;}
.interna.v01 #slogan4 > div,
.interna.v02 #slogan4 > div{border-left: 1px solid #73a562; padding: 0 20px; font-size: 12px; line-height: 20px;}
.interna.v01 #slogan4 > div strong,
.interna.v02 #slogan4 > div strong{display:block;text-transform: uppercase; font-size: 22px;font-style: normal; line-height: 25px;}


/*variant: .v01*/
.interna.v01 .interna #main .text h4 + p{margin: 0}

/*variant: .v02*/
.interna.v02 .text h3{font-size: 12px; text-transform: uppercase; margin: 15px 0 10px;}
.interna.v02 .text h4{margin: 15px 0 10px;}

/*variant: .v03*/
.v03 .articleList a.img img{height: 91px; width: 136px;}
.v03 .articleList > div.img,
.v03 .articleList > div.video {min-height: 100px;}
.v03 .block > div.more {padding: 0; border-bottom: 0}
.v03.interna #main .text p:last-child{margin-bottom: 19px}
.v03.interna #main div.more a{font-size: 10px; line-height: 35px}
.v03.interna #main > .block {padding-bottom: 0}
.interna.v03 #main .block > .title{padding-top: 25px}
.v03 #menuLateral{padding-top: 14px}
.v03 .textTools{margin-top: 0}
.interna.v03 #complementary{margin-top: -45px;}
.v03 #highlightInterna li{float: left; border:0; width: 320px;}
.v03 #highlightInterna li:last-child{float: left; border:0; width: 300px;}
.v03 #highlightInterna li a{width: auto; padding-right: 30px; float: left; line-height: 40px; background-position: right 15px;}
.v03 #highlightInterna li a img{width: 143px; height: 38px;}
.v03 #header {margin-bottom: 9px}
.v03 #highlightInterna{padding-bottom: 7px;}

/*  page: HOME  */
#highlightHome{overflow: hidden;margin-bottom:14px;}
#highlightHome .block{width:300px;margin:0 0 0 20px;float:left;}
#highlightHome .block:first-child{margin:0;}
#highlightHome .block .title {position:relative;padding:120px 0 4px;}
#highlightHome .block .title h2{font-size:22px;text-transform:uppercase;line-height:25px;position:relative;top:-2px;}
#highlightHome .block .title a{color:#000;}
#highlightHome .block .title img{display:block;border:2px solid #d4d4d4;position:absolute;top:0;}
#highlightHome .block  .programa {position:relative;padding:82px 0 4px;}
#highlightHome .block .programa h2{font-size:22px;text-transform:uppercase;line-height:25px;position:relative;top:-2px;}
#highlightHome .block .programa a{color:#000;}
#highlightHome .block .programa img{display:block;border:2px solid #d4d4d4;position:absolute;top:0;}
#highlightHome .text{color:#000;}
#highlightHome p{margin:0;}
#highlightHome p a.more{padding-left:10px;}


#highlightHomeProgramas{border-bottom:2px solid #c6c6c6;overflow: hidden;padding-bottom:29px;margin-bottom:14px;}
#highlightHomeProgramas .block{width:300px;margin:0 0 0 20px;float:left;}
#highlightHomeProgramas .block:first-child{margin:0;}
#highlightHomeProgramas .block .title {position:relative;padding:120px 0 4px;}
#highlightHomeProgramas .block .title h2{font-size:22px;text-transform:uppercase;line-height:25px;position:relative;top:-2px;}
#highlightHomeProgramas .block .title a{color:#000;}
#highlightHomeProgramas .block .title img{display:block;border:2px solid #d4d4d4;position:absolute;top:0;}
#highlightHomeProgramas .block  .programa {position:relative;padding:82px 0 4px;}
#highlightHomeProgramas .block .programa h2{font-size:22px;text-transform:uppercase;line-height:25px;position:relative;top:-2px;}
#highlightHomeProgramas .block .programa a{color:#000;}
#highlightHomeProgramas .block .programa img{display:block;border:2px solid #d4d4d4;position:absolute;top:0;}
#highlightHomeProgramas .text{color:#000;}
#highlightHomeProgramas p{margin:0;}
#highlightHomeProgramas p a.more{padding-left:10px;}

/*  columns */
#pgHome .columns.two {overflow:hidden;border-bottom:2px solid #d4d4d4;padding:0 0 29px;margin-bottom:19px;}
#pgHome .columns.two > div{width:300px;float:right;border-bottom:0;}
#pgHome .columns.two > :first-child{width:620px;float:left;}
#pgHome .columns:last-child,
#pgHome .columns.last-child{border:none;padding-bottom:0;}
#pgHome .linkList li{padding: 0 0 0 15px; background-position: 0 7px}
#pgHome .linkList {padding: 0; margin: 0}
#pgHome .presetnacionList li{padding: 0 0 0 15px; background-position: 0 7px}
#pgHome .presentacionList {padding: 0; margin: 0}
#pgHome .articleList .img,
#pgHome .articleList .video{padding-left: 0}
#pgHome .articleList .img .title,
#pgHome .articleList .video .title{margin-bottom: 10px}
#pgHome .articleList .img p,
#pgHome .articleList .video p{position: relative;  padding-left: 160px;}
#pgHome .articleList em.date{left: 0}


#blkNovedadesInformes .articleList > div.img,
#blkNovedadesInformes .articleList > div.video{padding-left:160px;min-height: 120px;}
#pgHome #blkNovedadesInformes .articleList p{position: static; padding-left: 0}
#pgHome #blkNovedadesInformes .articleList p a{font-weight: bold;}
#blkNovedadesInformes .articleList em.date{font-size:10px;line-height:15px;color:#9e9e9e;font-style: normal;}
#blkNovedadesInformes .articleList em.date span{color:#777;}

/*  block recursos    */
#blkRecursos h3{display:none;}
#blkRecursos .text{padding-top:15px;height:95px;overflow:hidden;padding-left:155px;margin-top:10px;border-right:1px solid #ccc; }
#blkRecursos .text:first-child{margin:0;}
#blkRecursos .text p{width:280px;float:left;}
#blkRecursos .text ul{width:170px;float:left; padding: 0; margin: 0}
#blkNovedades div.more {margin: 0;}
#blkNovedades div.more a {font-size: 11px;}
#blkNormativa{background: url(../img/bg-normativa.png);}
#blkTarifas{background: url(../img/bg-tarifas.png);}
#blkDenuncias{background: url(../img/bg-denuncias.png);}
#blkTramites{background: url(../img/bg-tramites.png);}
#blkRegulacion{background: url(../img/banner-consultas.png);}


/*  page: ORGANIGRAMA  */
#pgOrganigrama #main > .block > .content{padding-bottom: 25px;}
#pgOrganigrama #main .block.v01{padding:22px 20px 17px;}
#pgOrganigrama #main .text p{margin-bottom:10px;}

/*  page: FUNCIONARIOS  */
#pgFuncionarios #main .text p{margin-bottom: 15px;}
#pgFuncionarios #main .text p{margin-bottom: 15px;}
#pgFuncionarios #main .block .block:first-child .title{border: 0; padding: 5px 0 0 0; margin-bottom: 10px;}
#pgFuncionarios #main .block .block:first-child .linkList{margin-bottom: 10px;}
#pgFuncionarios #main .block .block:first-child .presentacionList{margin-bottom: 10px;}
#listaFuncionarios{border-bottom:2px solid #D4D4D4;}
#pgFuncionarios #main .downloadList ul li{border: 0; line-height:35px; background-position: 0 10px}
#pgFuncionarios .text div.img img{border: 1px solid #d4d4d4; float: left; margin-right:20px;}

/*  page: MARCO JURIDICO  */
#pgMarcoJuridico .downloadList{margin-bottom: 0}
#pgMarcoJuridico #main > .block {padding-bottom: 0}

/*  page: NOVEDADES  */
#pgNovedades #main > .block{padding-bottom: 0}

/*  page: CONTACTO  */
#pgContacto #main > .block{padding-bottom: 20px}
#pgContacto #menuLateral{padding-top: 24px;}
#pgContacto #menuLateral strong{font-size: 14px; line-height: 20px; margin-bottom: 5px;}
#pgContacto #menuLateral span{font-size: 12px; line-height: 20px; color: #333}

/*  page: MAPA SITIO  */
#pgMapaSitio #main{width: 700px;}
#pgMapaSitio #pageTitle{margin-bottom: 24px;}
#pgMapaSitio #main ul a{font-size: 11px; line-height: 20px; font-weight: bold}
#pgMapaSitio #main ul{overflow: hidden;}
#pgMapaSitio #main div > ul > li > ul{margin-left: -10px;}
#pgMapaSitio #main ul ul{margin-left: 10px; padding: 5px 0;}
#pgMapaSitio #main div > ul > li > ul > li:first-child{padding-top: 25px}
#pgMapaSitio #main  ul li li {padding: 0 0 0 20px; background: url(../img/sitemap-line.gif) 20px 30px repeat-y; float: left; clear: left;}
#pgMapaSitio #main ul li li:last-child,
#pgMapaSitio #main ul li li.last-child{background: url(../img/sitemap-line-02.gif) 20px -4px no-repeat;}
#pgMapaSitio #main  ul li li  a{display: block; margin-left: -10px; padding-left: 30px; background: url(../img/sitemap-line.gif) 10px center no-repeat;}

.bullet li {
   list-style: disc inside none;
}

/*tabs: TRAMITES*/

#tramites{float: left; width: 740px;}

ul.tabs {
   margin: 0;
   padding: 0;
   float: left;
   list-style: none;
   height: 32px;
   border-bottom: 1px solid #999;
   border-left: 1px solid #999;
   width: 98%;
}
ul.tabs li {
   float: left;
   margin: 0;
   padding: 0;
   height: 31px;
   line-height: 31px;
   border: 1px solid #999;
   border-left: none;
   margin-bottom: -1px;
   overflow: hidden;
   position: relative;
   background: #e0e0e0;
}
ul.tabs li a {
   text-decoration: none;
   color: #000;
   display: block;
   font-size: 1.2em;
   padding: 0 20px;
   border: 1px solid #fff;
   outline: none;
}
ul.tabs li a:hover {
   background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
   background: #fff;
   border-bottom: 1px solid #fff;
}

.tab_container {
   border: 1px solid #999;
   border-top: none;
   overflow: hidden;
   clear: both;
   float: left; width: 98%;
   background: #fff;
}
.tab_content {
   padding: 20px;
   font-size: 14px !important;
}
#tramites ul.tabs li a {
   padding:0 31px
}
#tramites ul.tabs li:first-child a {
   padding:0 35px
}
#tramites .text ol, #tramites .text p, .text li {
   font-size:1em;
}

.evento{
   padding-bottom: 14px;
   border-bottom: 1px solid #E8E8E8;
}

#textoEnotificaciones{
   border-style: solid;
   border-top-color: #BDBDBD;
   border-bottom-color:#BDBDBD;

}

#content{
/*    margin-top: -115px; */
   min-height: 75%;
   max-width: 1360px;
   margin-left: auto;
   margin-right: auto;
/*    margin-bottom: -129px; */
/*    padding-bottom:  129px; */
/*    padding-top:  115px; */
   box-sizing: border-box;
}

.ui-datatable thead th {
position: relative;
padding-bottom: 31px;
}

.ui-datatable .ui-column-filter {
width: calc(100% - 20px);
position: absolute;
bottom: 3px;
}


.ui-outputlabel.ui-widget.titulo{
	font-size: 22px;
    display: block;
    font-weight: bold;
    margin-bottom: 30px;
}