/* Selectores de elementos HTML (ordenados alfabéticamente) */
html{height:100%}

body {
	background-color : #ffffff; /* White */
	font-family : "Raleway", sans-serif;
	height : 100%
}

footer {
	background-color : #ffffff; /* White */
	color : #000000; /* Black */
}

h1, h2, h3, h4, h5, h6 {
	color : #000000 /* Black */
}

a:hover {
	color : red;
	font-size: 12px;
} 

/* Selectores específicos de la aplicación (ordenados alfabéticamente) */
.app-body-background-image {
  background-image: url('../images/roundtable_valve_horizontal_921x1080.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
} 

.app-footer-container {
	background-color : #ffffff; /* White */
	color : #c00000 /* Zentia dark red */
}

.app-footer-container-title {
	color : #c00000; /* Zentia dark red */
	text-align: center
}

.app-footer-container-box {
	color : #808080; /* Grey/Gray */
	float : left
}

.app-footer-container-box-title {
	color : #c00000 /* Zentia dark red */
}

.app-footer-container-box-item {
	float : left
}

.app-footer-container-box-item-title {
	color : #c00000 /* Zentia dark red */
}

.app-footer-item-address {
	font-size: 14px;
	text-align : left
}

.app-footer-item-cookie-policy {
}

.app-footer-item-copyright {
	background-color : #c00000; /* Zentia dark red */
	color : #ffffff; /* White */
	font-size: 12px;
	text-align : center
}

.app-footer-item-copyright-link {
	color : #ffffff /* White */
}

.app-footer-item-developed-by {
}

.app-footer-item-legal-notice {
}

.app-footer-item-privacy-notice {
}

.app-footer-item-rss {
}

.app-footer-item-terms-of-use {
}

.app-footer-item-whistleblowing {
}


.app-footer-header-list-item {
	color : #808080 /* Grey/Gray */
}

.app-footer-header-list-item-x {	
	color : #c00000 /* Zentia dark red */
}




.app-header-container {
	color : #c00000; /* Zentia dark red */
	height : auto
}

.app-header-container-title {
	color : #c00000 /* Zentia dark red */
}

.app-header-container-box {
	color : #808080; /* Grey/Gray */
	float : left
}

.app-header-container-box-title {
	color : #c00000 /* Zentia dark red */
}

.app-header-container-box-item {
	float : left
}

.app-header-container-box-item-title {
	color : #c00000 /* Zentia dark red */
}

.app-text-color-primary{color:#c00000 /* Zentia dark red */}
.app-text-color-secondary{color:#c00000 /* Zentia dark red */}

/* Selectores del framework de Aitec */
.ai-container {
	display : inline-block;
	width : 100%
}
.ai-font-size-2px{font-size:2px}
.ai-font-size-4px{font-size:4px}
.ai-font-size-6px{font-size:6px}
.ai-font-size-8px{font-size:8px}
.ai-font-size-10px{font-size:10px}
.ai-font-size-12px{font-size:12px}
.ai-font-size-14px{font-size:14px}
.ai-font-size-16px{font-size:16px}
.ai-font-size-18px{font-size:18px}
.ai-font-size-20px{font-size:20px}

.ai-padding-0px{padding:0px}
.ai-padding-2px{padding:2px}
.ai-padding-4px{padding:4px}
.ai-padding-6px{padding:6px}
.ai-padding-8px{padding:8px}
.ai-padding-10px{padding:10px}
.ai-padding-12px{padding:12px}
.ai-padding-14px{padding:14px}
.ai-padding-16px{padding:16px}
.ai-padding-18px{padding:18x}
.ai-padding-20px{padding:20px}
.ai-padding-22px{padding:22px}
.ai-padding-24px{padding:24px}
.ai-padding-26px{padding:26px}
.ai-padding-28px{padding:28px}
.ai-padding-30px{padding:30px}
.ai-padding-32px{padding:32px}

.ai-padding-top-0px{padding-top:0px}
.ai-padding-top-2px{padding-top:2px}
.ai-padding-top-4px{padding-top:4px}
.ai-padding-top-6px{padding-top:6px}
.ai-padding-top-8px{padding-top:8px}
.ai-padding-top-10px{padding-top:10px}
.ai-padding-top-12px{padding-top:12px}
.ai-padding-top-14px{padding-top:14px}
.ai-padding-top-16px{padding-top:16px}
.ai-padding-top-18px{padding-top:18px}
.ai-padding-top-20px{padding-top:20px}
.ai-padding-top-22px{padding-top:22px}
.ai-padding-top-24px{padding-top:24px}
.ai-padding-top-26px{padding-top:26px}
.ai-padding-top-28px{padding-top:28px}
.ai-padding-top-30px{padding-top:30px}
.ai-padding-top-32px{padding-top:32px}

.ai-padding-right-0px{padding-right:0px}
.ai-padding-right-2px{padding-right:2px}
.ai-padding-right-4px{padding-right:4px}
.ai-padding-right-6px{padding-right:6px}
.ai-padding-right-8px{padding-right:8px}
.ai-padding-right-10px{padding-right:10px}
.ai-padding-right-12px{padding-right:12px}
.ai-padding-right-14px{padding-right:14px}
.ai-padding-right-16px{padding-right:16px}
.ai-padding-right-18px{padding-right:18px}
.ai-padding-right-20px{padding-right:20px}
.ai-padding-right-22px{padding-right:22px}
.ai-padding-right-24px{padding-right:24px}
.ai-padding-right-26px{padding-right:26px}
.ai-padding-right-28px{padding-right:28px}
.ai-padding-right-30px{padding-right:30px}
.ai-padding-right-32px{padding-right:32px}

.ai-padding-bottom-0px{padding-bottom:0px}
.ai-padding-bottom-2px{padding-bottom:2px}
.ai-padding-bottom-4px{padding-bottom:4px}
.ai-padding-bottom-6px{padding-bottom:6px}
.ai-padding-bottom-8px{padding-bottom:8px}
.ai-padding-bottom-10px{padding-bottom:10px}
.ai-padding-bottom-12px{padding-bottom:12px}
.ai-padding-bottom-14px{padding-bottom:14px}
.ai-padding-bottom-16px{padding-bottom:16px}
.ai-padding-bottom-18px{padding-bottom:18px}
.ai-padding-bottom-20px{padding-bottom:20px}
.ai-padding-bottom-22px{padding-bottom:22px}
.ai-padding-bottom-24px{padding-bottom:24px}
.ai-padding-bottom-26px{padding-bottom:26px}
.ai-padding-bottom-28px{padding-bottom:28px}
.ai-padding-bottom-30px{padding-bottom:30px}
.ai-padding-bottom-32px{padding-bottom:32px}

.ai-padding-left-0px{padding-left:0px}
.ai-padding-left-2px{padding-left:2px}
.ai-padding-left-4px{padding-left:4px}
.ai-padding-left-6px{padding-left:6px}
.ai-padding-left-8px{padding-left:8px}
.ai-padding-left-10px{padding-left:10px}
.ai-padding-left-12px{padding-left:12px}
.ai-padding-left-14px{padding-left:14px}
.ai-padding-left-16px{padding-left:16px}
.ai-padding-left-18px{padding-left:18px}
.ai-padding-left-20px{padding-left:20px}
.ai-padding-left-22px{padding-left:22px}
.ai-padding-left-24px{padding-left:24px}
.ai-padding-left-26px{padding-left:26px}
.ai-padding-left-28px{padding-left:28px}
.ai-padding-left-30px{padding-left:30px}
.ai-padding-left-32px{padding-left:32px}
.ai-text-color-black{color:#000000 /* Black */}
.ai-text-color-white{color:#ffffff /* White */}

.ai-width-10percent{width:10%}
.ai-width-20percent{width:20%}
.ai-width-30percent{width:30%}
.ai-width-40percent{width:40%}
.ai-width-50percent{width:50%}
.ai-width-60percent{width:60%}
.ai-width-70percent{width:70%}
.ai-width-80percent{width:80%}
.ai-width-90percent{width:90%}

.ai-width-quarter{width:25%}
.ai-width-third{width:33.33333%}
.ai-width-half{width:50%}
.ai-width-twothirds{width:66.66666%}
.ai-width-threequarters{width:75%}

/* Selectores para revisar */
.div1 {	
	width : 400px;
	height: 600px;
	background-color : #ee3c80; 
	border : 3px solid red;
}
.div2 {
	width : 50%;
	height : 50%;
	background-color : #e1ddda; 
	border : 3px solid blue;	
	margin-top : 5%;
	margin-right : 10%;
	margin-bottom : 15%;
	margin-left : 20%;
	padding-top : 1%;
	padding-right : 2%;
	padding-bottom : 3%;
	padding-left : 4%;
	text-align : center;
}
.div3 {
	margin-right : auto;
	margin-left : auto;
	width : fit-content;
	border : 3px solid yellow;
}

.icon{position:absolute;bottom:30%;right:10px;font-size:20px;cursor:pointer;color:#ec0000;padding:5px 8px}
.icon-downx:before{content:"\003e"}
.icon-down:before{content:"\25ba"}

.ul-down:before{content:"\002b"}
.app-footer-link-collapsible-header__title{font-size:18px;color:#000;line-height:23px;text-transform:uppercase;position:relative;padding:21px 0;border-bottom:1px solid #ebebeb}

/* Selectores de elementos específicos (p.ej. con id) ordenados alfabéticamente) */
#pId {
	color : yellowgreen;
}
