/* Style.css
==============================*/

#home .circle {
background-color: rgba(255,255,255,1);
border: 2px solid #b62222;
}
#home .header_icons li a i {color: #b62222;}

#home .circle:hover{border:none;}
#home .circle:hover i{color: #fff;}

/* Home Section First Menu Style */	
/*.selected1{						
text-transform:uppercase; color: #ffffff; font-size: 16px; padding:0px 12px; font-family: 'PT Sans Narrow', sans-serif; }*/ /* Text menú inicial on estem a blanc */
.selected1{
text-transform:uppercase; color: #ffffff; font-size: 13px; letter-spacing: 1px; padding:0px 12px;
}

.selected1:hover{ color:#333;  cursor:pointer; }
/* // Home Section First Menu Style */	

/* Home page Special Menu SECTION
=================================================== */
.spmenu span {
font-family: 'Oswald';
font-size: 14px;
text-transform:uppercase;
color:#fff;
font-weight:100;
display:block;
}
.sptext{ 
-ms-transition:0.6s;
-moz-transition:0.6s;
-webkit-transition:0.6s;
transition:0.6s;
line-height: 16px;
text-shadow: 0px 0px 3px #311604;
}
.sptext span{/* font-size:13px;*/
display:block;
color: #edd285;
font-family:inherit;
text-transform:inherit;
font-weight:inherit; 
}
.spcontainer {
height: 130px;
width: 600px;
}

.spmenu1
{
top:20px;
left:15px;
transform:none;
z-index: 144;
}
.spmenu1.forefront {
top:20px;
left:15px;
transform:none;
}

.spmenu2{
z-index: 144;
top:20px;
left:145px;
transform:none;
}
.spmenu2.forefront {
top:20px;
left:145px;
transform:none;
}
.spmenu3 {
top:20px;
left:280px;
transform:none;
z-index: 143;
}
.spmenu3.forefront {
top:20px;
left:280px;
transform:none;
}
.spmenu4 {
top:20px;
left:415px;
transform:none;
z-index: 143;
}
.spmenu4.forefront {
top:20px;
left:415px;
transform:none;
}


.spmenu
{
background:url(../img/cupcake-sp.png) no-repeat;
width:125px;
height:125px;
color:#fff;
border:0;
outline:none;
 box-shadow:none;
 background-size:100%;
 display:block;
}
.spmenu.forefront{
width:135px;
height:135px;
-ms-transition:0.6s;
-moz-transition:0.6s;
-webkit-transition:0.6s;
transition:0.6s;
z-index: 155;
}
.spmenu i{
text-align:center;
font-size:16px;
color:#edd285;
position:relative;
line-height:30px;
padding:0;
}

.spmenu.forefront .sptext, .spmenu.forefront .sptext span{
font-size:16px;
-ms-transition:0.6s;
-moz-transition:0.6s;
-webkit-transition:0.6s;
transition:0.6s;
}
.spmenu.forefront i{
font-size:18px;
-ms-transition:0.6s;
-moz-transition:0.6s;
-webkit-transition:0.6s;
transition:0.6s;
}

.spmenu:before { display:none;}

@media (max-width:991px){
.spcontainer {width: 480px;height: 140px;}
.spmenu{width:110px;height:110px;}
.spmenu.forefront{width:120px;height:120px;}
.spmenu1, .spmenu1.forefront {left: 0px;}
.spmenu2, .spmenu2.forefront {left: 120px;}
.spmenu3, .spmenu3.forefront {left: 240px;}
.spmenu4, .spmenu4.forefront {left: 360px;}
}

@media (max-width:480px){
.spcontainer {width: 320px!important; height:100px;}
.spmenu{width:80px;height:80px;}
.spmenu.forefront{width:90px;height:90px;}
.spcircle{ width:20px; height:20px; border-radius:10px;}
.spmenu1, .spmenu1.forefront {left: 0px;}
.spmenu2, .spmenu2.forefront {left: 80px;}
.spmenu3, .spmenu3.forefront {left: 160px;}
.spmenu4, .spmenu4.forefront {left: 240px;}
.spmenu span{ font-size:10px; line-height:10px;}
.spmenu i{ font-size:10px; line-height:20px;}
.spmenu.forefront i{ font-size:11px;}
.spmenu.forefront .sptext, .spmenu.forefront .sptext span{ font-size:12px;}
}
@media (max-width:320px){
.spcontainer {width: 240px!important; height:100px;}
.spmenu{width:70px;height:70px;}
.spmenu.forefront{width:80px;height:80px;}
.spcircle{ width:20px; height:20px; border-radius:10px;}
.spmenu1, .spmenu1.forefront {left: 0px;}
.spmenu2, .spmenu2.forefront {left: 75px;}
.spmenu3, .spmenu3.forefront {left: 150px;}
.spmenu4, .spmenu4.forefront {left: 180px;}
.spmenu span{ font-size:10px; line-height:10px;}
.spmenu i{ font-size:10px; line-height:20px;}
.spmenu.forefront i{ font-size:11px;}
.spmenu.forefront .sptext, .spmenu.forefront .sptext span{ font-size:12px;}
}
@media (min-width: 481px) and (max-width: 767px) and (orientation : landscape){
.spcontainer {width: 320px!important; height:100px;}
.spmenu{width:80px;height:80px;}
.spmenu.forefront{width:90px;height:90px;}
.spcircle{ width:20px; height:20px; border-radius:10px;}
.spmenu1, .spmenu1.forefront {left: 0px;}
.spmenu2, .spmenu2.forefront {left: 80px;}
.spmenu3, .spmenu3.forefront {left: 160px;}
.spmenu4, .spmenu4.forefront {left: 240px;}
.spmenu span{ font-size:10px; line-height:10px;}
.spmenu i{ font-size:10px; line-height:20px;}
.spmenu.forefront i{ font-size:11px;}
.spmenu.forefront .sptext, .spmenu.forefront .sptext span{ font-size:12px;}
}

.footer{ position:fixed; bottom:0; left:0; z-index:999;}
.copyright{padding:5px 10px; font-size:10px; color:#fff; text-shadow: 1px 0px 1px rgba(0,0,0,0.8); letter-spacing:2px;text-transform:uppercase;}
.copyright a { color:#ffffff; text-decoration:none;}

.home_address { color:#ffffff; }
.home_address a { color:#ffffff; text-decoration:none; }

.links{
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#919191;
	z-index:9999999;
	line-height:26px;
}
.links span{color:#f32a2a;}
.links a{
	font-size:16px;
	color:#919191;
	z-index:9999999;
	line-height:24px;
	text-decoration:none;
}
.links a:hover{
	color:#b62222;
	transition: 0.5s;
	-moz-transition: 0.5s; /* Firefox 4 */
	-webkit-transition: 0.5s; /* Safari and Chrome */
	-o-transition: 0.5s; /* Opera */
}



/* // Style.css
==============================*/



/* Menu.css
==============================*/

.menu-inner{width:100%;height:90px;top: 0px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);background: rgba(182,34,34,.9);
border-radius: 0;border:none; border-left:none; border-right:none; border-bottom: 10px solid transparent; z-index:999;} /* Modificat el color de borde-bottom :: Modificat el fons */

#header{background: rgba(182,34,34,.9);} /* Color fons del header */

.menu-inner .brand{ padding:0;}
.menu-inner .brand a{display:block;white-space:100%;height:100%; text-decoration:none; color:#333;line-height: 75px;}
.menu-inner .brand a img{max-width:100%;max-height:100%;}
#header .menu-inner .brand a img{max-width: 100%; max-height: 100%; padding:0px 0px;}

#mainheader .main-nav ul > li > a{color: #000000; } /* Lletres menu inici quant no clicat :: abans ee2b75 */
#mainheader .main-nav ul > li > a:hover, #mainheader .main-nav ul > li > a.selected{color: #ffffff;} /* Blanc quant estem a sobre menú inici */
#header .main-nav ul > li > a{color: #000000; } /* Lletres menu normal quant no clicat :: abans ee2b75 */
#header .main-nav ul > li > a:hover, #header .main-nav ul > li > a.selected{color: #ffffff;} /* Blanc quant estem a sobre menú superior */

/*ul.nav li a{
font-family: 'PT Sans Narrow', sans-serif;
text-transform:uppercase;
font-weight: 100;
font-style: normal;
font-size: 16px;
color: #b62222;
width:100%;
letter-spacing:1;
}*/

ul.nav li a{
font-family: 'Oswald';
text-transform: uppercase;
font-weight: 400;
font-style: normal;
font-size: 13px;
color: #a6a9b9;
width:100%;
}

@media (min-width:992px){
#mainheader .main-nav ul ul li a:hover{background:rgba(255,255,255,0.95); color:#333;} /*Color Submenú */
#header .main-nav ul ul li a:hover{background:rgba(255,255,255,0.95); color:#333;}
.main-nav ul ul li i{ color:#333;}
.main-nav ul ul li:hover i{ color:#333;}
#mainheader .main-nav ul ul li a{padding:12px 15px; color:#fff;  font-size: 12px;} /* Canviar mida lletra submenú */
#header .main-nav ul li li a {padding: 12px 15px;font-size: 12px;color: #fff;}	/* Canviar mida lletra submenú */
#mainheader .main-nav ul li ul {background: rgba(51,51,51,0.98); color: #fff;}  /* Color Submenú*/
#header .main-nav ul li:hover>ul {background: rgba(51,51,51,0.98); color: #fff;} /* Color Submenú*/
}

@media (min-width:1200px){
#mainheader .main-nav ul li li a.hover, #mainheader .main-nav ul li li a.selected{  background:rgba(255,255,255,0.95); color:#333; border-radius:0;} /* Color Submenú */
#header .main-nav ul li li a.hover, #header .main-nav ul li li a.selected{  background:rgba(255,255,255,0.95); color:#333; border-radius:0;} /* Color Submenú */
}

@media (max-width: 991px) {
.menu-inner .brand a img{max-width:100%;max-height:100%; padding:16px 0px;}

@-moz-document url-prefix() { 
.menu-inner .brand, #header .brand {height:80px!important;} /* Abans era 75px; */
}

}

/* Tableta */
@media (min-width: 768px) and (max-width: 980px) {
@-moz-document url-prefix() { 
 .menu-inner .brand, #header .brand {height:85px!important;} 
}
}

@-moz-document url-prefix() { 
 #header .brand {height:85px;} 
}

/* Menu.css
==============================*/

/* Slicknav.css
==============================*/

.slicknav_nav a{ color:#fff; font-size: 14px; letter-spacing: 1px;}
.slicknav_nav .slicknav_row:hover {
     background:rgba(182,34,34,1); /* Color canviat */
    color:#fff;
	text-decoration:none;
}
.slicknav_nav :hover span{
     background:transparent;
    color:#fff;
	text-decoration:none;	
}
.slicknav_nav :hover .fullcapse{ color:inherit;}
.slicknav_nav .slicknav_arrow { color:#fff;}
.slicknav_nav :hover a a {background: transparent;}
.submenu .slicknav_nav .slicknav_row{background:transparent; color:#fff;}
.submenu .slicknav_nav .slicknav_row:hover{background:transparent; color:#fff;}

.slicknav_nav :hover a{
     background:rgba(182,34,34,1); /* Color canviat */
    color:#fff;
	text-decoration:none;
}

.slicknav_nav li ul li a:hover{ background:rgba(0,0,0,1);    color:#fff; text-decoration:none; }
.slicknav_nav li ul li a > a:hover{ background:transparent; color:#fff; text-decoration:none; }

.slicknav_nav {color: #fff; background: rgba(0,0,0,1); font-family: 'Oswald';}
.slicknav_nav a {color: #fff;}

/* // Slicknav.css
==============================*/