/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (https://www.yootheme.com/license) */

/* layout */

body.yoopage { 
	/*background: #224969 url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/page_bg.jpg) 50% 0 no-repeat; */
	background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/fons_aigues.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #001333;
}

#footer a.anchor { background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/footer_anchor.png); }

div.header-3 {/* background: #CBDCE4;*/ }
div.header-b1,
div.header-b2,
div.header-b3 {	/*background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/header_corners.png);*/ }

#breadcrumbs,
div.breadcrumbs-1,
div.breadcrumbs-2 { /*background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/breadcrumbs_bg.png);*/ }

#breadcrumbs,
#breadcrumbs a,
#breadcrumbs span.separator { color: #133852; }

#breadcrumbs .box-1,
#breadcrumbs .box-2,
#breadcrumbs .box-3 { background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/breadcrumbs.png); }

#footer,
#footer a { color: #ffffff; }

div.wrapper-t1,
div.wrapper-t2,
div.wrapper-t3,
div.wrapper-b1,
div.wrapper-b2,
div.wrapper-b3 { 
	/*background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/module_box_corners.png);*/
}

div.wrapper-t3 {
	/*background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/fons_titol_calendari.jpg);
	background-position: left top;
	background-repeat: repeat;
	height: 40px;*/
}

div.wrapper-1,
div.wrapper-2 { /*background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/module_box_edges.png);*/ }

/* typography */
h1,
#page h1 a,
h3,
h5,
.contentheading,
.componentheading { color: #34A9C7; }

a { color: #444; }

#page h1 a:hover,
a:hover,
ul.links li:hover a,
ul.latestnews li:hover a,
ul.mostread li:hover a { color: #000; }

ul.links li,
ul.latestnews li,
ul.mostread li { background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/list_links.png) }

/* menus */
#menu li.level1{
	background: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/fons_menu.png) top left no-repeat !important;
	behavior: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/css/variations/includes/iepngfix.htc);
  	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/variations/crystal/fons_menu.png');
}
#menu li.level1.first{
	margin-top: -3px;
	background: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/fons_menu_inici.png) top left no-repeat !important;
	behavior: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/css/variations/includes/iepngfix.htc);
  	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/variations/crystal/fons_menu_inici.png');
}
#menu li.parent a.level1,
#menu li.parent span.level1 { /*background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/menu_level1_item.png);*/ }
/*#menu a.level1 span.bg,
#menu span.level1 span.bg {*/
#menu a.level1,
#menu span.level1 {
	/*color: #fff;
	text-shadow: 0 -1px 1px rgba(255,255,255,0.5);*/
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: bottom;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	width: 94px; /*98*/
	height: 40px; /*40*/
	display: block;
	

	
	
	
}
/*#menu li.active .level1 span.bg { */
#menu li.active .level1 { 
	/*color: #ffcc00;
	text-shadow: 0 1px 0 rgba(255,255,255,0.6);*/ 
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	/*color: #0C2C71;*/
	color: #FFCC00;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	text-shadow: #000000 0px 1px 1px;
	width: 94px; /*98*/
	height: 40px; /*40*/
	display: block;
	
}
/*#menu li:hover .level1 span.bg,
#menu li.remain .level1 span.bg {*/
#menu li:hover .level1,
#menu li.remain .level1 {
	/*text-shadow: 0 1px 0 rgba(0,0,0,0.3);*/
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	/*color: #0C2C71;*/
	color: #FFCC00;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	text-shadow: #000000 0px 1px 1px;
	width: 94px; /*98*/
	height: 40px; /*40*/
	display: block;
	
}

#menu li:hover .level1.first,
#menu li.remain .level1.first {
	font-family: Arial;
	font-size: 14px;
	line-height: 16px;
	color: #121824;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	padding-top: 8px;
	width: 76px; /*76*/
	height: 38px; /*48*/
	display: block;
	text-shadow: #000000 0px 0px 0px;
}

#menu li a.first,
#menu li a:hover .first {
	font-family: Arial;
	font-size: 14px;
	line-height: 16px;
	color: #121824;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	padding-top: 8px;
	width: 76px; /*76*/
	height: 38px; /*48*/
	display: block;
	text-shadow: #000000 0px 0px 0px;
}

#menu li a.first.active {
	font-family: Arial;
	font-size: 14px;
	line-height: 16px;
	color: #121824;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	padding-top: 8px;
	width: 76px; /*76*/
	height: 38px; /*48*/
	display: block;
	text-shadow: #000000 0px 0px 0px;
}

#menu a.level1 span.bg,
#menu span.level1 span.bg,
#menu li.active .level1 span.bg,
#menu li:hover .level1 span.bg,
#menu li.remain .level1 span.bg{
	margin: 5px;
	padding-right:11px;
	
}

#menu .dropdown-t3 { background: #5ABDD4; }
#menu .dropdown-t1,
#menu .dropdown-b1,
#menu .dropdown-b2,
#menu .dropdown-b3 { background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/menu_dropdown_corners.png); }
#menu .dropdown-3 { background: #E0EDF1 url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/menu_dropdown_bg.png) 0 100% repeat-x; }
#menu a.level3,
div.mod-box ul.menu li.level2 span.bg { background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/menu_level3_item.png); }
#menu a.level2:hover span.bg,
#menu a.level3:hover span.bg,
div.mod-box ul.menu a:hover span.bg,
div.mod-box ul.menu span:hover span.bg { color: #FFF; }
div.mod-box ul.menu li.parent a.level1 span.bg,
div.mod-box ul.menu li.parent span.level1 span.bg { /*background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/submenu_level1_parent.png);*/ }

div.mod-box ul.menu { 
	/*background: #E0EDF1 url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/menu_dropdown_bg.png) 0 100% repeat-x;*/
	background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/fons_menu_cont.jpg);
	background-repeat: repeat-y;
	background-position: left top; 
}

/* modules */
div.mod-box-header h3.header { 
	/*background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/module_box_corners.png);*/
	background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/fons_titol_calendari.jpg);
	background-position: left top;
	background-repeat: repeat;
	height: 40px;
}
div.mod-box-templatecolor div.box-t1,
div.mod-box-templatecolor div.box-t2,
div.mod-box-templatecolor div.box-t3,
div.mod-box-templatecolor div.box-b1,
div.mod-box-templatecolor div.box-b2,
div.mod-box-templatecolor div.box-b3,
div.mod-box-templatecolor.mod-box-header h3.header { 
	/*background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/module_box_templatecolor_corners.png);*/
}
div.mod-box div.box-1,
div.mod-box div.box-2 { /*background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/module_box_edges.png);*/ }
div.mod-box-templatecolor div.box-3 {
	border-left: 1px solid #53A6CC;
	border-right: 1px solid #53A6CC;
	background: #53A6CC;
}
div.mod-box-templatecolor.mod-box-header h3.header { color: #53A6CC; }

div.mod-box-black div.box-t1,
div.mod-box-black div.box-t2,
div.mod-box-black div.box-t3,
div.mod-box-black div.box-b1,
div.mod-box-black div.box-b2,
div.mod-box-black div.box-b3,
div.mod-box-black.mod-box-header h3.header { background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/module_box_black_corners.png); }
div.mod-box-black div.box-3 {
	border-left: 1px solid #4F5E62;
	border-right: 1px solid #4F5E62;
	background: #4F5E62;
}

div.mod-box-gradient div.box-t1,
div.mod-box-gradient div.box-t2,
div.mod-box-gradient div.box-t3,
div.mod-box-gradient div.box-b1,
div.mod-box-gradient div.box-b2,
div.mod-box-gradient div.box-b3,
div.mod-box-gradient div.box-3 { background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/module_box_gradient_corners.png); }

div.mod-box-beige div.box-t1,
div.mod-box-beige div.box-t2,
div.mod-box-beige div.box-t3,
div.mod-box-beige div.box-b1,
div.mod-box-beige div.box-b2,
div.mod-box-beige div.box-b3,
div.mod-box-beige.mod-box-header h3.header { background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/module_box_beige_corners.png); }

/* system */
a.readmore { background-image: url(https://clubaquaticxaloc.com/templates/yoo_enterprise_inici/images/variations/crystal/readmore.png); }
#page a.readmore:hover { color: #34A9C7; }

/* custom */
#page #logo a.logo-icon { background-image: url(https://clubaquaticxaloc.com/images/yootheme/logo_crystal.png); }

#provacss{
	background-color:#000;
}

