/********** Header **********/
.sombra {text-shadow: 0 0 #333333;}
.sombra_1 {text-shadow: 0 0 #333333;}
h1 { font-size: 2.0em;}
h2 {font-size:2.0em; margin: 2px 0 2px 0;}
a.receta {font-size: 2.5em;}
h4, h5, h6 { font-size:1.3em;}
h1.infomapa {font-size:15px;}
#logo { float:none; margin: 0 auto; width:40%; height: auto; text-align: center; }
#logo a span {
    bottom: 5px;
    left: 45%;
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s ease-in-out 0s;
    z-index: 999;
}
body.desayunos-meson-del-toreo  { background-image: none #ffffff; background-size: 110%;  }
body.antojitos-meson-del-toreo  { background-image: none #ffffff; background-size: 110%;  }
body.carta-de-vinos  { background-image: none #ffffff; background-size: 110%; }
body.meson-kids-meson-del-toreo  { background-image: none #ffffff; background-size: 110%; }
.blanco {color:#333333;}
ul.ul_info li { list-style: none; }
.width_100.wrapper_footer ul.ul_info li.li_horarios span { display: inline; }
.width_100.wrapper_footer ul.ul_info li { width: 100%; }
/********** /Header **********/
.header{ float: left;
    height: auto;
    padding: 10px 0;
    width: 100%;
}
.align_right { text-align: center; }.align_left { text-align: left; }.align_center { text-align: center; }
/********** Layout ***********/

.one_column { width: 100%; }
.col_content { width: 100%; }
.col_right { width: 100%; }
.col_left { width: 100%; }
.width_50 { width: 100%; }

.col_5  { width: 5%; }   .col_5_p   { width: 3%; padding: 1% 1%;}
.col_10  { width: 100%; } .col_10_p  { width: 98%; padding: 1% 1%; }
.col_15  { width: 100%; } .col_15_p  { width: 98%; padding: 1% 1%; }
.col_20  { width: 100%; } .col_20_p  { width: 98%; padding: 1% 1%; }
.col_25  { width: 100%; } .col_25_p  { width: 98%; padding: 1% 1%; }
.col_30 { width: 100%; }  .col_30_p  { width: 98%; padding: 1% 1%; }
.col_33 { width: 100%; }.col_33_p { width: 98%; padding: 1% 1%; } 
.col_35 { width: 100%; }  .col_35_p { width: 98%; padding: 1% 1%; }
.col_40 { width: 100%; }  .col_40_p { width: 98%; padding: 1% 1%; }
.col_45 { width: 100%; }  .col_45_p { width: 98%; padding: 1% 1%; }
.col_50 { width: 100%; }  .col_50_p { width: 98%; padding: 1% 1%; }
.col_55 { width: 100%; }  .col_55_p { width: 98%; padding: 1% 1%; }
.col_60 { width: 100%;; }  .col_60_p { width: 98%; padding: 1% 1%; }
.col_65 { width: 100%; }  .col_65_p { width: 98%;  padding: 1% 1%; }
.col_70 { width: 100%; }  .col_70_p { width: 98%; padding: 1% 1%; }
.col_75 { width: 100%; }  .col_75_p { width: 98%; padding: 1% 1%; }
.col_80 { width: 100%; }  .col_80_p { width: 98%; padding: 1% 1%; }
.col_85 { width: 100%; }  .col_85_p { width: 98%; padding: 1% 1%; }
.col_90 { width: 100%; }  .col_90_p { width: 98%; padding: 1% 1%; }
.col_95 { width: 100%; }  .col_95_p { width: 98%; padding: 1% 1%; }
.col_100.menus { margin: 0 0 0 0; }
.col_5.flecha {height: auto; line-height: 320px; width: 3%;}
.col_90.carousel {float: left; width: 90% !important; }
ul li.carru {float: left; width: 25%; }

.content {  float: left; width: 98%; margin: 0 ; padding:0 1%; }
ul.li.carru {float: left; width: 25%; }

.tipo-45 {font-size: 2.0em;} .tipo-40 {font-size: 3.7em;} .tipo-35 {font-size: 2.4em;} .tipo-34 {font-size: 3.1em;} .tipo-33 {font-size: 3.0em;} .tipo-32 {font-size: 2.9em;} .tipo-31 {font-size: 2.8em;} .tipo-30 {font-size: 2.4em;} .tipo-29 {font-size: 2.6em;} .tipo-28 {font-size: 2.5em;} .tipo-27 {font-size: 2.4em;} .tipo-26 {font-size: 2.0em;} .tipo-25 {font-size: 2.2em;} 
.tipo-24 {font-size: 2.1em;} .tipo-23 {font-size: 2.0em;} .tipo-22 {font-size: 1.9em;} .tipo-21 {font-size: 1.8em;} .tipo-20 {font-size: 1.7em;} .tipo-19 {font-size: 1.6em;} .tipo-18 {font-size: 1.5em;} .tipo-17 {font-size: 1.4em;} .tipo-16 {font-size: 1.3em;} .tipo-15 {font-size: 1.2em;} .tipo-14 {font-size: 1.1em;}  .tipo-13 {font-size: .9em;}  .tipo-12 {font-size: .8em;}  .tipo-11 {font-size: 0.8em;} .tipo-10 {font-size: 0.7em;}   
.col_25_p.galeria  { width: 98%; padding: 1% .4%; }
.col_33.logo {width: 25%; }
.col_33.logo1 {width: 50%; }
.col_50.sub {width: 50%; }
.col_50.alpha_meson_02 { width: 94%; margin: 1% 2%; padding: 1% 1%; }
/********** /Layout ***********/

/**********  Footer **********/


/********** /Footer **********/


/********** Menu desplegable **********/

/*.cont_nav { width: 100%; background: none; display: block; cursor: pointer; }
ul.principal_nav { float: left; width: 100%; margin: 5px 0; display: none; font-size: 1.3em; opacity: 1; filter:alpha(opacity=100); z-index: 2; }
ul.principal_nav li { margin: 0 .3%; }
ul.principal_nav li a { padding: 0 5px; }

ul.principal_nav li ul { display: none; }
ul.principal_nav li ul li { display: block; }
ul.principal_nav li ul li a { display: block; }*/
.cont_nav { width: 100%; background: none; display: block; cursor: pointer; }
ul.principal_nav { float: left; width: 100%; margin: 5px 0; display: none; font-size: 1.3em; opacity: 1; filter:alpha(opacity=100); z-index: 2; }

ul.principal_nav li a { padding: 0 0 0 10%; text-decoration: none;  width: 90%; height: 50px; line-height: 4em;}

ul.principal_nav li a:hover{color: #fff; text-indent: 20px;}
ul.principal_nav li:hover { background:#262626; color: #555; -webkit-transition: background 1s;  /* For Safari 3.1 to 6.0 */
    transition: background 1s;}
ul.principal_nav li { float: left; position: relative; height: 50px; width: 100%; margin: 0; padding: 0; text-align: left;}


ul.principal_nav li ul { display: none; }
ul.principal_nav li ul li { display: block; }
ul.principal_nav li ul li a { display: block; }
/********** /Menu desplegable **********/





/*Menu movil*/

.menu-mobil-icon{color: #fff;
    float: left;
    font-size: 3em;
    margin: 0 7%;
    text-align: center;
    text-decoration: none;}

.menu-mobil-icon:hover{color: #ed8116; text-decoration: none;}
.mm-footer{font-size: 15px;
    position: fixed;
    z-index: 999;
}

.menu-mobil-icon{color: #ab2038;
    float: left;
    font-size: 2em;
    margin: 0 3%;
    text-align: center;
    text-decoration: none;}

.menu-mobil-icon:hover{color: #333333; text-decoration: none;}
.mm-footer{font-size: 15px;
    position: fixed;
    z-index: 999;
}
.mm-menu.mm-current {
    display: block;
    z-index: 999;
    position: fixed;
}

/*desplegable*/
h2.trigger {
    background: #dd5a72;
    border: 1px solid #dd5a72;
    font-size: 12px;
    font-style: normal;
    height: 16px;
    line-height: 10px;
    margin: 0 0 1% 0;
    padding: 2% 2% 0;
    width: auto;
    display: block;
}

h2.trigger.right {
    font-size: 14px;
    font-style: normal;
    height: 47px;
    line-height: 20px;
    margin: 0 0 0 45%;
    padding: 2% 0 0 6%;
    width: 49%;
    display: block;
}
/*fin_desplegable*/
.one_column.carrusel  {background-color: #ffffff; display: none !important;}
.col_90.carousel_menu.menu {width: auto; height: 130px !important; display: none !important;}
.menu-fijo{ position: fixed; margin-top: 0; z-index: 9999; top: 0;background: #f8f5eb; width: 100%; display: none !important;}
.cont_info_izquierda {position: relative; margin: 0 0 0 5%; padding: 0; width: 90%;}
.cont_info_izquierda.derecha {margin: 0 0 0 5%; padding: 0;}

/********** /firma **********/
#firma { width: 28%; }
.cont_txt_firma { width:70%; text-align: left; }
a#txt_firma {text-align: left;}

.col_form label.left {text-align: right; width: 45%;}

/********** /contacto **********/
.col_50.contactanos { width: 50%; padding: 0 0 0 10%;}
.col_form.derecha {float: left;}
.width_100.boton {margin: 0 0 0 43%; width: 57%;}
.col_100.contact {width: 100%;}

.fixed{
    border-bottom: 3px solid #ab2038;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100% !important;
    z-index: 9999;
    
    text-align: center;
    padding-left: 0;
    text-shadow: none !important;
    background: #ffffff; margin: 0 0 0.5% 0;
}
.fixed #logo{height: 40px; overflow: hidden;}
.fixed #logo a img[alt=logo]{
    margin-top: 0;
    transition: margin ease-in-out 0.2s;
}
.contact label{float: right !important; margin-right: 12%;}

input.submit_contacto[type="submit"] {
    float: right !important;
    font-size: 30px;
    margin: 5px 24% 5px 1% !important;
    padding: 1% 4%;
    position: relative;
}

.col_form label.error {
    background: transparent url("../img/flecha-error.png") no-repeat scroll 0 0;
    color: #ca1440;
    float: right;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    margin: 2px 0 0;
    padding: 0 0 0 23px;
    text-align: left;
    width: 50% !important;
}
.col_50.contact.caracteres.tipo-16.poiret{width: 50% !important; float: left !important;}
.col_50.boton{width:50% !important; float: left !important; }
.col_100.contact.tipo-26.poiret.rosa{text-align: center !important; margin-bottom: 2em !important;}

.error_contacto {
    background: beige url("../img/warning.png") no-repeat scroll 5px 7px;
    border: 1px solid #c00;
    border-radius: 3px;
    box-sizing: border-box !important;
    color: #c00;
    float: left;
    font-size: 1.5em;
    font-weight: 100;
    margin: 10px 1%;
    padding: 10px 10px 10px 11% !important;
    width: 95% !important;
    z-index: inherit;
}

.toggle_container {
    clear: both;
    font-size: 12px;
    overflow: hidden;
    width: auto;
    background-color: #fff;
    padding: 1em;
    margin-bottom: 10px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.toggle_container ul{margin: 0;}