/* Color codes
 * #dccfe5 CORPORATIVE GRADATION COMPONENT 1 COLOR
 * #c7b3d6 CORPORATIVE GRADATION COMPONENT 2 COLOR
 * #720b7d CORPORATIVE DARK COLOR
 * #fafafa CORPORATIVE WHITE COLOR
*/

/*
    LANGUAGES

    DON'T MOVE THIS DECLARATIONS FROM HERE BECAUSE CSSRULES[0] IS FOR CATALAN AND CSSRULES[1] IS FOR SPANISH

*/
.AD { }
.ES { display: none; }

@font-face { font-family: crimsonRomanItalic; src: url('./Crimson-Italic.ttf'); }
@font-face { font-family: crimsonRoman; src: url('./Crimson-Roman.ttf'); }
* { text-decoration:none; margin:0px; padding:0px; border:0px; color:#720b7d; min-width:0px; min-height:0px; }
html { display:table; height:100%; width:100%; background:linear-gradient(to bottom right, #dccfe5, #c7b3d6, #dccfe5, #c7b3d6, #dccfe5) no-repeat; }


/* SIZES */
.widthContainer { display:table; width:1000px; margin:16px auto; box-sizing:border-box; padding:8px; border-radius:8px; background-color:#fafafa; min-height:0px; }
.heightMainSection { height: 640px; }
.sizeSlider { height:288px; width:384px; /* SIZE IMAGES = 1536 / 4 x 1152 / 4 */ }

/* STANDARD DEFINITIONS FOR NAVIGATION MENU */
nav { display:table; position:absolute; height:1em; line-height:1em; border:1px solid #720b7d; border-radius:6px; background-color:#fafafa; bottom:-1em; right:8px; }
nav > * { display:table-cell; vertical-align:middle; text-align:center; height:1em; line-height:1em; padding:2px 12px 2px 12px; cursor:pointer; border-radius:6px; transition: background-color 0.5s; }
nav > *:hover { background-color:#c7b3d6; }
.active { background-color:#c7b3d6; }

/* STANDARD DEFINITIONS FOR HEADER PAGE ELEMENTS */
.topSection { font:normal 24px crimsonRomanItalic; }
.topSection > img { display:table-cell; height:3em; border:2px solid #720b7d; border-radius:8px; box-shadow:4px 4px 2px #c7b3d6; vertical-align:middle; }
.topSection > h1 { display:table-cell; width:100%; text-align:center; text-shadow:4px 4px 2px #c7b3d6; vertical-align:middle; }

/* STANDARD DEFINITIONS FOR FOOTER PAGE ELEMENTS */
.bottomSection { display:table; font-family: crimsonRomanItalic; }
.bottomSection a { display:table-cell; transition:background-color 1s; padding:4px 8px 4px 8px; border-radius:6px; white-space:pre; }
.bottomSection:hover  a { background-color:#dccfe5; }
.bottomSection a > span { display: inline-block; width:11em; }
.bottomSection a > img { vertical-align:middle; }
.bottomSection time { display:table-cell; width:99%; text-align: right;}

/* STANDARD DEFINITIONS FOR MAIN SECTION */
.mainSection { font:normal 24px crimsonRomanItalic; padding: 24px; }
/* SECTION DOCTORA */
#ruleDoctora { display:none; height:inherit; } /* display:block */
#ruleDoctora section { height: inherit; }
#ruleDoctora strong { text-shadow: 2px 2px 1px #c7b3d6; }
#ruleDoctora div { height: inherit; float:right; display:block; margin-left:24px; }
#ruleDoctora div > img { height:inherit;  border-radius:8px; }
#ruleDoctora p { letter-spacing:1px; word-spacing:4px; margin-bottom:24px; text-align: justify;}
/* SECTION CLINICA */
#ruleClinica  { display:none; height:inherit; }
#ruleClinica section { height: inherit; }
#ruleClinica img { display:block; height:inherit; float:right; border-radius:8px; margin-left:24px; }
#ruleClinica p { letter-spacing:1px; word-spacing:4px; margin-bottom:24px; text-align: justify; }
/* SECTION SERVEIS */
#ruleServeis { display:none; height:inherit; }
#ruleServeis section { height:inherit; }
#ruleServeis img { display:block; height:inherit; float:right; border-radius:8px; margin-left:24px; }
#ruleServeis ul { list-style-position:inside; margin-left:16px; margin-bottom: 24px; }
#ruleServeis p { letter-spacing:1px; word-spacing:4px; margin-bottom:24px; text-align: justify; }
/* SECTION CONSELL */
#ruleConsells { display:none; height:inherit; }
#ruleConsells section { height:inherit; }
#ruleConsells div { display:block; width: 16em; float:right; border-radius:8px; margin-left:24px; }
#ruleConsells p { font:normal 18px/1.1em crimsonRoman; margin-bottom:1em; }
#ruleConsells p:last-of-type { float:right; }
#ruleConsells img {  width: inherit; }
/* SECTION CONTACTO */
#ruleContacte { display:none; height:inherit; position:relative; }
#ruleContacte p { letter-spacing:1px; word-spacing:4px; margin-bottom:8px; text-align: justify; line-height:1em; height:1em; }
#ruleContacte p > a { height:inherit; }
#ruleContacte p img { height:inherit; vertical-align:middle; }
  /* IMAGE SLIDER on CONTACTO SECTION */
  #imageSlider { display:inline-block; position:relative; overflow: hidden; float: right; border-radius: 8px; margin-left:24px; }
  #imageSlider > img { display:none; position:absolute; top:0px; left:0px; transition: top 1s,left 1s,transform 0.5s, opacity 1s 2s;}
  #imageSlider > img:first-child { display:table-cell; position: relative; }
  /* LINKS SECTION */
  #links { display:table; position:absolute; bottom:0px; left:0px; }
  #links div { display:table-row; }
  #links div > * { display: table-cell; border-left:16px solid transparent; white-space:nowrap; }
  #links div > *:first-child { display: inline-block; width: 8em; }