@charset "UTF-8";
/* CSS Document */

@import url("Simple/SimpleMenu.css");
@import url("Submenu/Submenu.css");
@import url("Footer/FooterMenu.css");


@font-face {
    font-family: 'hs_font';
    src: url('Fonts/aristotle_punk-webfont.eot');
    src: url('Fonts/aristotle_punk-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/aristotle_punk-webfont.woff') format('woff'),
         url('Fonts/aristotle_punk-webfont.ttf') format('truetype'),
         url('Fonts/aristotle_punk-webfont.svg#aristotle_punkregular') format('svg');
    font-weight: normal;
    font-style: normal;   
}

@font-face {
    font-family: 'dj_font';
    src: url('Fonts/allura-regular-webfont.eot');
    src: url('Fonts/allura-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/allura-regular-webfont.woff') format('woff'),
         url('Fonts/allura-regular-webfont.ttf') format('truetype'),
         url('Fonts/allura-regular-webfont.svg#alluraregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html { height: 100%;overflow-y:auto; }
#Body form{margin:0;padding:0;}

#Body{margin: 0px;padding: 0px;font-family: Arial;font-size: 14px;color: #333;background:url(images/background.jpg);}	


Body, .NormalTextBox, td, p, div, .Normal, .NormalDisabled, .NormalBold {color: #333;font-size: 14px;}

#ControlBar{height:53px !important;}





/* Links */
a, a:link, a:active, a:visited {color: #050505;text-decoration:none;}
a:hover, a:focus {color:#811818;text-decoration: underline;}

.menu_pad a.btn span{color:#fff;}


/* Page Styles */
#header{}

.logo_pad{float:left;position:relative;z-index:10;}
.menu_pad{float:right;padding-top:5px;}
.header_links{text-align:right;margin-bottom:44px;}
.header_links .language-object{float:right;margin-left:20px;}
.header_links .language-object a.Language, .header_links .language-object a.Language span{color:White;}

.s_content.container {padding-right: 40px !important;padding-left: 40px !important;}
.homepage .container.slider{padding: 0 !important;position: relative;top: -50px;margin-bottom: -50px;border-radius:10px 10px 0 0;overflow:hidden;}
.s_content{background:white;padding-top:20px;padding-bottom:20px;}
.homepage .s_content{background:white;border-radius: 0 0 10px 10px;padding-top:20px;padding-bottom:20px;}

.s_HamSession{background: url(images/hamsession_bg.png) no-repeat center right;}
.innerpage .s_content{position: relative;top: -50px;margin-bottom: -50px;padding-top: 50px;border-radius:10px;}
.s_footer{margin-top:30px;}
.footer_pad{float:left;}
.footer_links{float:right;}

.carousel-control{font-size: 50px !important;padding-top: 144px;width:7% !important;}
.carousel-caption{background:url(images/caption_bg.png);background-size:100%;padding: 0 8%;}
.carousel-caption h1{color:White !important;}
.carousel-caption h1.hs_font{font-size:60px;}
.carousel-caption h1.dj_font{font-size:54px;}
.carousel-caption p{color:White;font-size:16px;}
/* Panes */
.ContentPane{}

.c_column{}

.DNNEmptyPane {width: 0;padding:0 !important;margin:0 !important;}

/* Headers and Subheaders */
h1, h2, h3, h4, h5, h6{color:#151515 !important;}

.Head {color: #0060FE;}
.SubHead {color: #666666;}


/* Text Styles */

h2.dnnFormSectionHead{font-family:dj_font;}

.s_footer,
.s_footer a, 
.s_footer address, 
.s_footer .NormalTextBox, 
.s_footer td, 
.s_footer p, 
.s_footer div, 
.s_footer .Normal, 
.s_footer .NormalDisabled, 
.s_footer .NormalBold,
.s_footer span  {color: #fff !important;}

address{color:White;}

.hs_font{font-family:hs_font !important;text-transform: lowercase;letter-spacing: 0.04em;}
.dj_font{font-family:dj_font !important;line-height:1em;}
/* Font and Color Styles */

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active{border-color:#811818 !important;}


/* Lists */
ul, ol{margin-left:40px;}


/* Buttons */
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active {color: #000;
    font: bold small Arial,Helvetica,sans-serif;}
A.CommandButton:hover {color: #444;}

.btn.hs_font{font-size:17px !important;letter-spacing:0.1em;}

.btn.full{display:block;margin-bottom:5px;}
.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger{color:White !important;}

.btn-danger{background-color:#811818 !important;border-color:#811818 !important;}
.btn-danger:hover{background-color:#611616 !important;}


.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {color: #fff!important;background-color: #333!important;border-color: #ADADAD;}

/* Containers */
.c_DNN{margin-bottom:20px;}

.c_DNN_Header .Title, .c_DNN_Header .Title span{font-family:dj_font;font-size:50px;}
.c_DNN_Header h2.Title, .c_DNN_Header h2.Title .TitleH2{margin:0 0 2px;}
.c_DNN_Header .Title.hs_font, .c_DNN_Header .Title.hs_font span{font-family:hs_font;}
.c_DNN_Header h2.Title.hs_font, .c_DNN_Header h2.Title.hs_font .TitleH2{font-size: 94px;}
.c_DNN_Header h3.Title.hs_font, .c_DNN_Header h3.Title.hs_font .TitleH3{font-size: 42px;}
.right_pane > .DnnModule h3.Title.hs_font{margin-top:49px;}
.c_grey_background{background:#e3dfde;padding:10px;}


/* You can also use a <br class="clear" /> to clear columns */
.clear, .clr, .clear_float {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}


/* Facebook Events */
.event_1 {padding: 20px 0;border-bottom: solid 1px #ddd;}
.event_1 .image{float:left;width:24%;}
.event_1 .details{float:right;width:70%;}
.event_1 .details h2{font-family: hs_font;font-size: 45px;margin: 0;}
.event_1 .details .date{}
.event_1 .buttons a.btn.hs_font{}


/* Facebook Albums */
.event_gallery{position:relative;padding: 5px 10px;margin-bottom: 15px;border: solid 1px #666;
                box-shadow: 0 0px 1px #000;}
.event_gallery.hamsession{padding: 20px 10px;min-height:212px;}
.event_gallery .title_style{}
.event_gallery .title_style h3{margin:0 0 5px 0;}
.event_gallery .title_style h3.dj_font{font-size:31px;}
.event_gallery .facebook_link{padding-top:5px;}
.event_gallery .images_block{}
.event_gallery .images_block .image_box{width: 73px;display:inline-block}
.event_gallery .images_block .image_box img{width:100%;}


/* Serveis */
.content_right{float:left;max-width:490px;}


/* Control Stock */
.djStore{font-family:Arial;}
.djStore.productList{}
.djStore.productList .productItem{float:left;width:31%;border:solid 1px #bbb;background:#eee;padding:10px;text-align:center;margin: 0 2% 2% 0;
                                  box-shadow: 0px 0px 6px #333;font-family:Arial;}
.djStore.productList .productItem h2{height: 46px;font-size: 20px;margin: 0;font-family:Arial;}
.djStore.productList .productItem h3{font-size:14px;font-family:Arial;}
.djStore.productList .input-group{display:block;font-family:Arial;}
.djStore.productList .input-group .form-control{width:80px;font-family:Arial;}



/*  Box Shadow   */
.box_shadow {position: relative;padding: 5px 10px;margin-bottom: 15px;border: solid 1px #666;-moz-box-shadow: 0 0 1px #000;-webkit-box-shadow: 0 0 1px #000;box-shadow: 0 0 1px #000;}

@media (max-width: 767px) 
{
    .logo_pad{width:50%;}
    .logo_pad img{width:100%;}
    .menu_pad{padding-top:0;float:none;}
    .container.slider{top:0;margin-bottom:20px;}
    .homepage .container.slider,
    .innerpage .s_content{top:0;margin-bottom: -30px;}
    .innerpage .s_content{padding-top:20px;}
    .s_content.container{padding-right:20px !important;padding-left:20px !important;}
    
    .s_logoHeader.container{padding-top:5px;}
    .carousel-caption p{display:none;}
    .carousel-caption{right: 0 !important;left: 0 !important;padding: 0 !important;top: 0;bottom: auto !important;}
    .carousel-caption h1.dj_font{font-size:22px;}
    .carousel-indicators{display:none;}
    .header_links{margin-bottom:5px;}
    .language-object, .footerMenu{display:none;}
    
    .djStore.productList .productItem{width:auto;float:none;}
    
    .c_DNN_Header .Title, .c_DNN_Header .Title span{font-size:35px;}
    .c_DNN_Header h2.Title.hs_font, .c_DNN_Header h2.Title.hs_font .TitleH2{font-size:51px;}
    
    
}

@media only screen and (min-width: 767px) and (max-width: 990px) {
    .logo_pad{width:30%;padding-top:5px;}
    .logo_pad img{width:100%;}
    .menu_pad{width:70%;}
    .innerpage .s_content, .homepage .container.slider{top:0;margin-bottom:0;}
    .header_links{margin-bottom:5px;}
    .navbar-nav>li.first{margin-left:0;}
    .nav>li{margin-left:2px;}
    .carousel-caption {right:5% !important;left:5% !important;}
    .carousel-caption h1.dj_font{font-size:35px;}
}

@media only screen and (min-width: 990px) and (max-width: 1200px) 
{
    .logo_pad{width:30%;padding-top:5px;}
    .logo_pad img{width:100%;}
    .header_links{margin-bottom:20px;}
    .innerpage .s_content, .homepage .container.slider{top:-35px;margin-bottom:-35px;}
}