/*	ESTILS GENERALS
	==================================================*/ 

/* Fonts
@import url(http://fonts.googleapis.com/css?family=Montserrat:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);	
@import url(https://fonts.googleapis.com/css?family=Montserrat+Subrayada:400,700);
@import url(https://fonts.googleapis.com/css?family=Rajdhani:400,700,300,500,600);
@import url(https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500);
@import url(https://fonts.googleapis.com/css?family=Stardos+Stencil:400,700);
@import url(https://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff:400);
@import url(https://fonts.googleapis.com/css?family=Stardos+Stencil);
@import url(https://fonts.googleapis.com/css?family=Stardos+Stencil);*/

html,body{
	font-family:Verdana,sans-serif;
	font-size:16px;
	line-height:1.5
}

h1,h2,h3,h4,h5,h6{
	font-family:"Segoe UI",Arial,sans-serif;
	font-weight:400;
	margin:10px 0
}
.portadaguay-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.portadaguay-text button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: black;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}

.portadaguay-text button:hover {
  background-color: #ddd;
  color: black;
}
.portadaguay1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://www.oficina-web.com/img/columna-guay-1.jpg");
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.portadaguay2 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://www.oficina-web.com/img/columna-guay-2.jpg");
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.portadaguay3 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://www.oficina-web.com/img/columna-guay-3.jpg");
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.slideshow-titular {
  font-weight:900;
  text-align: center;
  color: #333;
}
.slideshow-subtitular {
  text-align: center;
  color: #333;
}

h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.w3-large{font-size:18px!important}.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}

.menufront {color:#666; font-family:"Segoe UI",Arial,sans-serif;} /* MENU FRONT   TIPUS LLETRA TITULARS + COLOR */
.titular1 {color:#666; font-family:"Segoe UI",Arial,sans-serif;} /* TIPUS LLETRA TITULARS + COLOR */
.titular2 {color:#003672; font-family:"Segoe UI",Arial,sans-serif;} /* TIPUS LLETRA TITULARS + COLOR */
.titular3 {color:#666; font-family:"Segoe UI",Arial,sans-serif;} /* TIPUS LLETRA TITULARS + COLOR */
.titular4 {color:#333; font-family:"Segoe UI",Arial,sans-serif;} /* TIPUS LLETRA TITULARS + COLOR */
.subtitular1 {color:#666; font-family:"Segoe UI",Arial,sans-serif;} /* TIPUS LLETRA TITULARS + COLOR */
.subtitular2 {color:#ff9900; font-family:"Segoe UI",Arial,sans-serif;} /* TIPUS LLETRA TITULARS + COLOR */
.subtitular3 {color:#666; font-family:"Segoe UI",Arial,sans-serif;} /* TIPUS LLETRA TITULARS + COLOR */
.subtitular4 {color:#333; font-family:"Segoe UI",Arial,sans-serif;} /* TIPUS LLETRA TITULARS + COLOR */
.contenidor1 {color:#fff; background-color:#ccc} /* COLOR CONTENIDOR TIPUS 1 */
.contenidor2 {color:#fff; background-color:#cc0000} /* COLOR CONTENIDOR TIPUS 2 */
.contenidor3 {color:#fff; background-color:#cc0000} /* COLOR CONTENIDOR TIPUS 3 */
.botofacebook {color:#fff; background-color:#3a5ca9} 
.bototwitter {color:#fff; background-color:#00bfff} 
.botoinsta {color:#fff; background-color:#f71970} 
.logofacebook {color:#3a5ca9; background-color:#fff} 
.logotwitter {color:#00bfff; background-color:#fff} 
.logoinsta {color:#f71970; background-color:#fff} 

.w3-theme-l5 {color:#fff; background-color:#003672} /* BOTO CAPÇALERA */
.w3-theme-l4 {color:#003672; background-color:#fff} /* BOTO IDIOMES ACTIU */
.w3-theme-l3 {color:#ccc; background-color:#fff} /* BOTO IDIOMES */
.w3-theme-l2 {color:#fff; background-color:#333} /* FOOTER */
.w3-theme-l1 {color:#000; background-color:#fff} /* BOTO FOOTER */
.w3-theme-d1 {color:#fff; background-color:#003672} /* MENU MOBIL */
.w3-theme-d2 {color:#ff9900; background-color:#fff} /* COLOR ICONES */
.w3-theme-d3 {color:#666; background-color:#} /* COLOR FONS TEXT SLIDESHOW */
.w3-theme-d4 {color:#ff9900; background-color:#fff} /* COLOR TITULARS */
.w3-theme-d5 {color:#fff; background-color:#000} /* COLOR BOTO FORMULARI */

.w3-theme-light {color:#000; background-color:#fef4f3}
.w3-theme-dark {color:#fff; background-color:#8d1007}
.w3-theme-action {color:#fff; background-color:#8d1007}

.w3-theme {color:#000; background-color:#fff} /* ESTIL GENERAL D'UNA SECCIO */
.w3-text-theme {color:#666} /* COLOR DEL TEXT GENERAL */
.w3-border-theme {border-color:#f44336}

.w3-hover-theme:hover {color:#fff; background-color:#f44336}
.w3-hover-text-theme:hover {color:#f44336}
.w3-hover-border-theme:hover {border-color:#f44336}

@media (max-width:600px){
	html,body{font-size:14px;line-height:1.2}
	h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4{font-size:14px}h5{font-size:12px}h6{font-size:12px}
	.w3-large{font-size:16px!important}.w3-xlarge{font-size:18px!important}.w3-xxlarge{font-size:20px!important}.w3-xxxlarge{font-size:22px!important}.w3-jumbo{font-size:36px!important}
}
@media (max-width:768px){
	html,body{font-size:14px;line-height:1.2}
	h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4{font-size:14px}h5{font-size:12px}h6{font-size:12px}
	.w3-large{font-size:16px!important}.w3-xlarge{font-size:18px!important}.w3-xxlarge{font-size:20px!important}.w3-xxxlarge{font-size:22px!important}.w3-jumbo{font-size:36px!important}

}
@media (max-width:992px){
	html,body{font-size:14px;line-height:1.2}
	h1{font-size:32px}h2{font-size:26px}h3{font-size:20px}h4{font-size:16px}h5{font-size:12px}h6{font-size:12px}
	.w3-large{font-size:16px!important}.w3-xlarge{font-size:20px!important}.w3-xxlarge{font-size:32px!important}.w3-xxxlarge{font-size:44px!important}.w3-jumbo{font-size:60px!important}
}