body,html{ 
    width: 100% !important;;
    height: 100% !important;
    font-size: 14px  !important;
    font-family: 'Titillium Web', sans-serif !important;
}
body b { color: #000 !important; }
body ul { padding: 0px !important; }
body ul li { list-style-position: inside; }
h2 {color: #cf152d;}
h1, h2, h3, h4, h5, h6, h7 {font-weight: 100 !important; letter-spacing: 1px;}
h2 {font-size: 22px; line-height: 28px;}
h7{font-size: 40px !important;}
p{font-size: 16px !important;}
a {color: green !important;; text-decoration: none !important;}
a:hover {text-decoration: underline;}

.right{float:right !important; margin-right: 15px;}
.left{float: left !important;}

red{color:red !important}
green{color:green !important}
.btn{color:#FFF !important;}

.bg-gradiente{background-image: linear-gradient(to bottom right, favicon, #54c41c) !important;}
.w3-red {background: transparent !important;}


.note-popover.popover {
    display: none !important;
}

.menu{
    height: 100% !important;   
    position: fixed !important;   
    overflow-y: scroll;
    float: left;
    left: 0px;
    padding: 60px 10px 0px;
    width: 250px !important;   
    z-index: 9998;
    display: inline-block;
    box-sizing: border-box;
    top: 0px;
    bottom: 0px;    
}

.menu-itm{font-size:20px; font-weight: 100 !important; letter-spacing: 1px; clear:both; padding:25px 10px; border-bottom: solid thin #ADA; text-decoration: none; color:#eee !important;}
.menu-itm:hover{color:#FFF !important; cursor:pointer; text-decoration: none;}
.navbar-default{ border:none !important; background-color: transparent !important; color: #fff !important;}
.panel-default > .panel-heading {border:none; background-color: #555 !important; color: #fff !important; cursor: pointer; border-top-left-radius: 0px; border-top-right-radius: 0px;}
/*li > a {color: #fff !important;}*/
.menu-itm > .glyphicon {margin-right: 20px;}

.nav{padding: 2px; clear:both; width:100%; margin:2px; box-sizing: border-box;}
.btn-acceso{color: #fff; background-color: #333; padding: 8px 60px; clear:both; width:100%; margin:2px; cursor:pointer; border-radius: 0px;}
#acceder{background: url("../images/ico/user.png") no-repeat scroll 0% 0%; float: left; height: 20px; width: 20px; background-size: cover; margin: 0px 10px;}

.bloque{padding: 25px 0px; border-top: solid thin #eee; position: relative; width: 100%;}

.card{margin-bottom: 30px;}

.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}
.w3-half img:hover{opacity:1}
.menu-item{clear:both; padding:10px; border-bottom: solid thin #FFF; text-decoration: none; color:#FFF !important;}
.menu-item:hover{background-color:white; color:#282 !important; cursor:pointer; text-decoration: none;}
#btn-pedido{background-color:#060; color:#FFF; font-size: 22px; z-index:99999;}
#btn-pedido:hover{background-color:#888; color:#FFF; cursor:pointer;}
.intro{position: absolute; top: 100px; color:white; margin: 0px 40px;}
.intro h1{font-family: 'Antroposofic' !important;}
.ico{width:30px !important;}
.items-seleccionables, h3:hover {cursor:pointer; color: #000;}

.grafica{height: 60%; width: 100%;}

.tabla-datos{}

.filter-option{color:#111 !important}

/* Slider de imagenes */
.carousel img {width:100% !important; min-width:100 !important; height: auto;}
#Inicio{padding:0px; margin: 0px -50px;}
@media (max-width:950px){
    #myCarousel{margin-top:65px;}
    #Inicio{margin: 0px;}
}

@media (min-width:950px){
    #btn-pedido{position: fixed; top: 20px; left: calc(100% - 220px); padding:20px;}
    .intro{position: absolute; top: 100px; left: 400px; margin: 0px 40px;}
    .intro h1{font-size: 58px;}
    .intro h2{font-size: 32px;}
}

@media (max-width:950px){
    #btn-pedido{position: fixed; left:calc(100% - 100px); width:100px; padding:11px; text-align: center; font-size:31px;}
    #PedidoOnlineText{display:none;}
    .intro{position: absolute; top: 100px; left: 30px; margin: 0px 40px;}
    .intro h1{font-size: 42px;}
    .intro h2{font-size: 16px;}
}

.post-contenido > textarea , .post-textos > input{
    width: calc(100% - 15px);
}

.fullwidth {
    width: 95%;
    min-height: 60px; 
    clear: both;
    padding: 30px 7px;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 100% !important;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
  cursor: pointer !important;
}

.img-titulo{width: 100% !important; }