/*=== STRUCTURE POSITIONS ===*/
#dockbar{ position: relative; z-index:200; }
footer  { position: relative; z-index:100; }

/*=== BORDER DEFINITIONS ===*/
.CAV-border      { border-style: solid; border-width: 1px; }
.CAV-border-T    { border-style: solid; border-width: 1px 0 0 0; }
.CAV-border-R    { border-style: solid; border-width: 0 1px 0 0; }
.CAV-border-B    { border-style: solid; border-width: 0 0 1px 0; }
.CAV-border-L    { border-style: solid; border-width: 0 0 0 1px; }
.CAV-border-TB   { border-style: solid; border-width: 1px 0; }
.CAV-border-TR   { border-style: solid; border-width: 1px 1px 0 0; }
.CAV-border-TL   { border-style: solid; border-width: 1px 0 0 1px; }
.CAV-border-RT   { border-style: solid; border-width: 1px 1px 0 0; }
.CAV-border-RB   { border-style: solid; border-width: 0 1px 1px 0; }
.CAV-border-RL   { border-style: solid; border-width: 0 1px; }
.CAV-border-BT   { border-style: solid; border-width: 1px 0; }
.CAV-border-BR   { border-style: solid; border-width: 0 1px 1px 0; }
.CAV-border-BL   { border-style: solid; border-width: 0 0 1px 1px; }
.CAV-border-LT   { border-style: solid; border-width: 1px 0 0 1px; }
.CAV-border-LR   { border-style: solid; border-width: 0 1px; }
.CAV-border-LB   { border-style: solid; border-width: 0 0 1px 1px; }
.CAV-border-TRB  { border-style: solid; border-width: 1px 1px 1px 0; }
.CAV-border-TBR  { border-style: solid; border-width: 1px 1px 1px 0; }
.CAV-border-TRL  { border-style: solid; border-width: 1px 1px 0 1px; }
.CAV-border-TLR  { border-style: solid; border-width: 1px 1px 0 1px; }
.CAV-border-TBL  { border-style: solid; border-width: 1px 0 1px 1px; }
.CAV-border-TLB  { border-style: solid; border-width: 1px 0 1px 1px; }
.CAV-border-RTB  { border-style: solid; border-width: 1px 1px 1px 0; }
.CAV-border-RBT  { border-style: solid; border-width: 1px 1px 1px 0; }
.CAV-border-RBL  { border-style: solid; border-width: 0 1px 1px 1px; }
.CAV-border-RLB  { border-style: solid; border-width: 0 1px 1px 1px; }
.CAV-border-RTL  { border-style: solid; border-width: 1px 1px 0 1px; }
.CAV-border-RLT  { border-style: solid; border-width: 1px 1px 0 1px; }
.CAV-border-BTR  { border-style: solid; border-width: 1px 1px 1px 0; }
.CAV-border-BRT  { border-style: solid; border-width: 1px 1px 1px 0; }
.CAV-border-BTL  { border-style: solid; border-width: 1px 0 1px 1px; }
.CAV-border-BLT  { border-style: solid; border-width: 1px 0 1px 1px; }
.CAV-border-BRL  { border-style: solid; border-width: 0 1px 1px 1px; }
.CAV-border-BLR  { border-style: solid; border-width: 0 1px 1px 1px; }
.CAV-border-LTR  { border-style: solid; border-width: 1px 1px 0 1px; }
.CAV-border-LRT  { border-style: solid; border-width: 1px 1px 0 1px; }
.CAV-border-LTB  { border-style: solid; border-width: 1px 0 1px 1px; }
.CAV-border-LBT  { border-style: solid; border-width: 1px 0 1px 1px; }
.CAV-border-LRB  { border-style: solid; border-width: 0 1px 1px 1px; }
.CAV-border-LBR  { border-style: solid; border-width: 0 1px 1px 1px; }
.CAV-border2     { border-style: solid; border-width: 2px; }
.CAV-border2-T   { border-style: solid; border-width: 2px 0 0 0; }
.CAV-border2-R   { border-style: solid; border-width: 0 2px 0 0; }
.CAV-border2-B   { border-style: solid; border-width: 0 0 2px 0; }
.CAV-border2-L   { border-style: solid; border-width: 0 0 0 2px; }
.CAV-border2-TB  { border-style: solid; border-width: 2px 0; }
.CAV-border2-TR  { border-style: solid; border-width: 2px 2px 0 0; }
.CAV-border2-TL  { border-style: solid; border-width: 2px 0 0 2px; }
.CAV-border2-RT  { border-style: solid; border-width: 2px 2px 0 0; }
.CAV-border2-RB  { border-style: solid; border-width: 0 2px 2px 0; }
.CAV-border2-RL  { border-style: solid; border-width: 0 2px; }
.CAV-border2-BT  { border-style: solid; border-width: 2px 0; }
.CAV-border2-BR  { border-style: solid; border-width: 0 2px 2px 0; }
.CAV-border2-BL  { border-style: solid; border-width: 0 0 2px 2px; }
.CAV-border2-LT  { border-style: solid; border-width: 2px 0 0 2px; }
.CAV-border2-LR  { border-style: solid; border-width: 0 2px; }
.CAV-border2-LB  { border-style: solid; border-width: 0 0 2px 2px; }
.CAV-border2-TRB { border-style: solid; border-width: 2px 2px 2px 0; }
.CAV-border2-TBR { border-style: solid; border-width: 2px 2px 2px 0; }
.CAV-border2-TRL { border-style: solid; border-width: 2px 2px 0 2px; }
.CAV-border2-TLR { border-style: solid; border-width: 2px 2px 0 2px; }
.CAV-border2-TBL { border-style: solid; border-width: 2px 0 2px 2px; }
.CAV-border2-TLB { border-style: solid; border-width: 2px 0 2px 2px; }
.CAV-border2-RTB { border-style: solid; border-width: 2px 2px 2px 0; }
.CAV-border2-RBT { border-style: solid; border-width: 2px 2px 2px 0; }
.CAV-border2-RBL { border-style: solid; border-width: 0 2px 2px 2px; }
.CAV-border2-RLB { border-style: solid; border-width: 0 2px 2px 2px; }
.CAV-border2-RTL { border-style: solid; border-width: 2px 2px 0 2px; }
.CAV-border2-RLT { border-style: solid; border-width: 2px 2px 0 2px; }
.CAV-border2-BTR { border-style: solid; border-width: 2px 2px 2px 0; }
.CAV-border2-BRT { border-style: solid; border-width: 2px 2px 2px 0; }
.CAV-border2-BTL { border-style: solid; border-width: 2px 0 2px 2px; }
.CAV-border2-BLT { border-style: solid; border-width: 2px 0 2px 2px; }
.CAV-border2-BRL { border-style: solid; border-width: 0 2px 2px 2px; }
.CAV-border2-BLR { border-style: solid; border-width: 0 2px 2px 2px; }
.CAV-border2-LTR { border-style: solid; border-width: 2px 2px 0 2px; }
.CAV-border2-LRT { border-style: solid; border-width: 2px 2px 0 2px; }
.CAV-border2-LTB { border-style: solid; border-width: 2px 0 2px 2px; }
.CAV-border2-LBT { border-style: solid; border-width: 2px 0 2px 2px; }
.CAV-border2-LRB { border-style: solid; border-width: 0 2px 2px 2px; }
.CAV-border2-LBR { border-style: solid; border-width: 0 2px 2px 2px; }

/*=== OVERLAY STYLES ===*/
.CAV-Overlay{
     position: relative;
     overflow: hidden;
}
.CAV-Overlay:before{
     position: absolute;
     content:" ";
     top:0;
     left:0;
     width:100%;
     height:100%;
}

/*=== BUTTON STYLES ===*/
a.CAV-Button1, a.CAV-Button2
{
     display: inline-block;
     padding: 10px 20px;
     border-style: solid;
     border-width: 1px;
     line-height: 22px;
}
a.CAV-Button1 i, a.CAV-Button2 i {
     font-size: 12px;
     margin-left: 8px;
}

/*=== CONTENT STYLES ===*/
#breadcrumbs { display: none; }
#wrapper { padding: 0; }
ul { list-style-type: none; }
.dBlock { display: block; }
.Left { float:left; }
.Right { float:right; }
a, a:visited, a:hover, a:focus { text-decoration: none !important; }
a.aHoverDec:hover { text-decoration: underline; }
.NoDisplay { display: none; }


/* =========================================================================================================================================
// ESTRUCTURA DE LA WEB
// =======================================================================================================================================*/
/* GENERAL */
body, p { font-size: 15px; }

/* Accesibility: espacio de borde reservado y Link Focus (resalte) */
a { border: 1px solid transparent; }
a:focus{ border: 1px double #FB841D; }


ul { padding: 0 }

/* Display de dimensiones de la pantalla */
#wDisplay {
     position: absolute;
     right: 0;
     z-index: 200;
     padding: 1% 2%;
     display: none;
}

/* Logo */
#aLogoAV {
     display: inline-block;
     background-image: url(/o/caserav-theme/caserav/img/logos/caserav_logo_default.png);
     background-repeat: no-repeat;
     background-size: contain;
     width: 100%;
}

/* Menu */
header {
     position: fixed;
     z-index: 101; 
     width: 100%;
     padding: 15px 30px;
}
nav#menu {
     display: flex;
     position: absolute;
     right: 30px;
     bottom: 10px;
}
nav#menu ul { margin: 0; }
nav#menu ul li.tDestacado { 
     background: linear-gradient(to right, rgba(225,112,32,.8) 0%, rgba(76,80,85,.8) 100%);
     border-color: #707377; 
     display: none;
}
nav#menu ul li.tDestacado:hover { background-color: rgba(225,112,32,.8); }
nav#menu ul li.tDestacado.liBlue { background: #6c7177; }
nav#menu ul li.tDestacado.liBlue:hover { background-color: #4c5055; }
nav#menu ul li.tDestacado a { color: white; }
nav#menu ul li.tDestacado a:hover { color: white; }
nav#menu ul li a {
     display: block;
     font-family: Dosis,Helvetica,Arial,sans-serif;
}
nav#menu ul li a.Selected,
nav#menu ul li a.Destacado { font-weight: 700; }

/* UPPERHEADER - Enlace destacado mas Seleccion de idioma */
#UpperHeader {
     background: linear-gradient(to right, rgba(225,112,32,.8) 0%, rgba(76,80,85,.8) 100%);
     position: absolute;
     top: 0;
     right: 0;
     display: inline-flex;
     border-bottom-left-radius: 15px;
     border-width: 0px 0px 0px 0px;
     border-style: solid;
     border-color: #4c5055;
     overflow: hidden;
}
#UpperHeader ul { margin: 0; }
#UpperHeader ul li { padding: 5px 18px 7px 18px; color: white; }
#UpperHeader ul li:hover { background-color: rgba(225,112,32,.8); }
#UpperHeader ul li.liBlue { background-color: #6c7177; }
#UpperHeader ul li.liBlue:hover { background-color: #4c5055; }
#UpperHeader ul li a { color: white; }

div.tooltip-help { display: none; }

/* Main container */
#hrefFm { display: none; } /* Formulario que no se utiliza para nada pero que parece estar en el codigo base de liferay por defecto */

/* Slider Template (Estilos al crear un nuevo elemento del Slider) */
.portlet-journal .journal-article-container .lfr-ddm-container .field-wrapper .field-wrapper[data-fieldname='Color-Select']{ border: none; padding: 0; }
.portlet-journal .journal-article-container .lfr-ddm-container .field-wrapper .field-wrapper[data-fieldname='Color-Select'] label { border-style: solid; border-width: 1px; padding: 5px 15px; border-radius: 5px; }
.portlet-journal .journal-article-container .lfr-ddm-container .field-wrapper .field-wrapper[data-fieldname='Color-Select'] input[type='radio']{ margin:  0 10px 0 0; height: 22px !important; }

/* Especificaciones Pagina de texto estandar */
.LyTextPage {
     padding: 30px;
     padding-top: 120px;
}
.LyTextPage .LyTpTitle {
     margin: 0;
     padding: 30px 30px 10px 30px;
}
.LyTextPage .LyTpTextBloc {
     padding: 30px;
}
.LyTextPage .LyTpTextBloc .LyTpBold { font-weight: bold; }
.LyTextPage .LyTpTextBloc .LyTpTop { margin-top: 40px; }

.LyTextPage .LyTpTextBloc p { margin: 0 0 20px; }
.LyTextPage .LyTpTextBloc ul { margin: 0 0 10px 25px; }
.LyTextPage .LyTpTextBloc ul.disc { list-style: disc; }
.LyTextPage .LyTpTextBloc ul.circle { list-style: circle; }
.LyTextPage .LyTpTextBloc ul.alpha { list-style: lower-alpha; }
.LyTextPage .LyTpTextBloc ul.uAlpha { list-style: upper-alpha; }
.LyTextPage .LyTpTextBloc table th {
     border: 1px solid #666;
     background-color: #BC6633;
     color: white;
}
.LyTextPage .LyTpTextBloc table td {
     vertical-align: top;
     text-align: justify;
     padding: 10px;
     border: 1px solid #666;
}

/* footer */
/* FOOTER */
footer #Footer {
     font-size: 14px;
     width: 100%;
     padding: 0 30px;
     display: block;
}
footer #Footer #footlogo { padding: 50px 30px 0 30px; }
footer #Footer #footlogo img { height: 50px; }
footer #Footer #footlast {
     display: flow-root;
     padding: 10px 30px 10px 50px;
}
footer #Footer #footlast #footcprt {
     display: inline-block;
     padding: 10px;
}
footer #Footer #footlast #footmenu {
     float: right;
     padding: 10px 0;
}
footer #Footer #footlast #footmenu ul { margin: 0; }
footer #Footer #footlast #footmenu ul li { padding-left: 10px; }

/* Go top Icon */
#GoTopIcon {
     position: fixed;
     height: 35px;
     width: 35px;
     bottom: 10%;
     right: 5%;
     background-image: url('/o/caserav-theme/images/icos/icn-top.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 50%;
     cursor: pointer;
     border-radius:50%;
     visibility: hidden;
     opacity: 0;
     transition: opacity 1s;
}
#GoTopIcon.Visible { visibility: visible; opacity: 0.5; }
#GoTopIcon:hover { opacity: 1; }

/* cookies */
#footer-Cookie { position: fixed; bottom: 0; width:100%; opacity: 0.95; }
#footer-Cookie #footer-Cookie-text { margin: 20px; text-align: justify; }
#footer-Cookie #footer-Cookie-buttons { margin: 20px auto; display: table; }
#footer-Cookie #footer-Cookie-buttons a { margin: 10px; padding: 4px 12px; border-radius: 15px; }
#footer-Cookie #footer-Cookie-buttons a:hover { cursor: pointer; }

/* login */
.login-portlet .alert-error{ display: none; }
.login-portlet form .alert-error{
     border-radius: 5px;
     display: block;
}
button.btn-primary { background-image: none; }
button.btn-primary span { color: white; }
button.btn-primary:focus { background-color: #E95D0F; }
.login-portlet .navigation { background-color: transparent; }
.help-inline { display: none; }

@media (max-width: 979px)  {
     .btn {
          margin-top: 0;
          width: auto;
          padding: 4px 12px;
     }
}

/* password change */
div#main-content-id form#fm {
     padding: 30px;
     padding: 30px;
     background-image: url(/o/caserav-theme/caserav/img/Raices.png);
     background-repeat: no-repeat;
     background-position-x: center;
     background-attachment: fixed;
     background-position-y: 200px;
     background-size: 90%;
}

/* Visor de Documentación */
div.lfr-asset-description,
div.lfr-asset-metadata,
div.accordion-heading { display: none; }
div.accordion-group { border: 0; }
div.accordion-inner { border: 0; padding: 0px 25px; }
table .tablePad { padding-left: 37px; }
table .descPad { padding-left: 30px; }
td.tablePad a span.entry-title { font-weight: normal; font-size: 1em; }
span.entry-thumbnail { margin-right: 10px; }




/* =========================================================================================================================================
// COMPENSACION BOOTSTRAPS (Para dejar de usarlo porque rompe Liferay)
// =======================================================================================================================================*/
/* Para ocultar capas sin Bootstraps */
.hidden {
     display: none !important;
}

/* Para el uso de formularios */
.btn:hover {
     color: #333;
     background-color: #eaeaea;
     border-color: #adadad;
}
.btn {
     color: #666;
     background-color: #f6f6f6;
     border: 1px solid #cfcfcf;
}
.form-control:focus,
.form-select:focus {
     border-color: #d78a45;
     box-shadow: 0 0 0 .20rem rgba(215, 138, 69, 0.50);
}