/********** Header **********/
.sombra {text-shadow: 2px 2px #333333;}
.sombra_1 {text-shadow: 1px 1px #333333;}
h1 { font-size: 2.2em;}
h2 {font-size:2.4em; margin: 4px 0 4px 0;}
h4, h5, h6 { font-size:1.5em;}
.fixed #logo{height: 95px !important; margin-top: -5px; transition: margin ease-in-out 0.2s; width: 200px;}
body.desayunos-meson-del-toreo  { background-image: url("../images/img_desayunos.jpg") ; background-size: 110%; }
body.antojitos-meson-del-toreo  { background-image: url("../images/img_menu.jpg") ; background-size: 110%; }
body.carta-de-vinos  { background-image: url("../images/img_vinos.jpg") ; background-size: 110%; }
body.meson-kids-meson-del-toreo  { background-image: url("../images/img_kids.jpg") ; background-size: 110%; }
.content.cont_2.one_column {background-image: none; background-color: transparent; }
#logo {
    float: none;
    height: auto;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
#logo a span {
    bottom: 0px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s ease-in-out 0s;
    z-index: 999;
}
.blanco {color:#ffffff;}
a.receta {font-size: 2.5em;}
.align_right { text-align: left; }.align_left { text-align: left; }.align_center { text-align: center; }
/********** /Header **********/
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%; }
/********** Layout ***********/

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

.col_5  { width: 5%; }   .col_5_p   { width: 3%; padding: 1% 1%;}
.col_10  { width: 10%; } .col_10_p  { width: 8%; padding: 1% 1%; }
.col_15  { width: 15%; } .col_15_p  { width: 13%; padding: 1% 1%; }
.col_20  { width: 20%; } .col_20_p  { width: 18%; padding: 1% 1%; }
.col_25  { width: 25%; } .col_25_p  { width: 23%; padding: 1% 1%; }
.col_30 { width: 30%; }  .col_30_p  { width: 28%; padding: 1% 1%; }
.col_33 { width: 33.3%; }.col_33_p { width: 31.3%; padding: 1% 1%; } 
.col_35 { width: 35%; }  .col_35_p { width: 33%; padding: 1% 1%; }
.col_40 { width: 40%; }  .col_40_p { width: 38%; padding: 1% 1%; }
.col_45 { width: 45%; }  .col_45_p { width: 43%; padding: 1% 1%; }
.col_50 { width: 50%; }  .col_50_p { width: 48%; padding: 1% 1%; }
.col_55 { width: 55%; }  .col_55_p { width: 55%; padding: 1% 1%; }
.col_60 { width: 60%; }  .col_60_p { width: 58%; padding: 1% 1%; }
.col_65 { width: 65%; }  .col_65_p { width: 63%;  padding: 1% 1%; }
.col_70 { width: 70%; }  .col_70_p { width: 68%; padding: 1% 1%; }
.col_75 { width: 75%; }  .col_75_p { width: 73%; padding: 1% 1%; }
.col_80 { width: 80%; }  .col_80_p { width: 78%; padding: 1% 1%; }
.col_85 { width: 85%; }  .col_85_p { width: 83%; padding: 1% 1%; }
.col_90 { width: 90%; }  .col_90_p { width: 88%; padding: 1% 1%; }
.col_95 { width: 95%; }  .col_95_p { width: 93%; padding: 1% 1%; }
.col_5.flecha {height: auto; line-height: 120px; width: 3%;}
.content {  float: left; width: 98%; margin: 0 ; padding:0 1%; }
.col_90.carousel {float: left; width: 90% !important; }
.col_100.menus { margin: 0 0 0 10%; }
.col_70.menus { width: 90%; margin: 0 5%; }
ul li.carru {float: left; width: 25%; }
.tipo-45 {font-size: 3.0em;} .tipo-40 {font-size: 3.8em;} .tipo-35 {font-size: 2.4em;} .tipo-34 {font-size: 3.2em;} .tipo-33 {font-size: 3.1em;} .tipo-32 {font-size: 3.0em;} .tipo-31 {font-size: 2.9em;} .tipo-30 {font-size: 2.8em;} .tipo-29 {font-size: 2.7em;} .tipo-28 {font-size: 2.6em;} .tipo-27 {font-size: 2.5em;} .tipo-26 {font-size: 2.4em;} .tipo-25 {font-size: 2.3em;} 
.tipo-24 {font-size: 2.0em;} .tipo-23 {font-size: 2.1em;} .tipo-22 {font-size: 1.8em;} .tipo-21 {font-size: 1.9em;} .tipo-20 {font-size: 1.8em;} .tipo-19 {font-size: 1.7em;} .tipo-18 {font-size: 1.6em;} .tipo-17 {font-size: 1.5em;} .tipo-16 {font-size: 1.4em;} .tipo-15 {font-size: 1.3em;} .tipo-14 {font-size: 1.2em;}  .tipo-13 {font-size: 1.1em;}  .tipo-12 {font-size: 1.0em;}  .tipo-11 {font-size: 0.9em;} .tipo-10 {font-size: 0.8em;}   

.col_50.alpha_meson { width: 27%; margin: 1% 1%; padding: 1% 1%; }
.col_50.alpha_meson_01 { width: 27%; margin: 1% 1%; padding: 1% 1%; }
.col_50.alpha_meson_02 { width: 44%; margin: 1% 2%; padding: 1% 1%; }
.col_25_p.galeria  { width: 23%; padding: 1% .4%; }
.col_33.logo {width: 33%; }
.col_33.logo1 {width: 33%; }
.col_50.sub {width: 50%; }
/********** /Layout ***********/

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


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


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

.cont_nav { width: 100%; background: none; display: none; }
ul.principal_nav {
    display: block;
    float: left;
    font-size: 1.5em;
    margin: 2% auto;
    opacity: 1;
    width: 100%;
    z-index: 2;
    opacity: 1; filter:alpha(opacity=100);
}
ul.principal_nav li { width: auto !important; /*width: 25% !important;*/ }
ul.principal_nav li a { padding: 0 1%; margin: 0 2%; }

ul.principal_nav li.bullet {
    display: block;
    margin: 0 5px;
    padding: 0 0 0 0;
    width: 3px;
    text-align: center;
}

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 **********/
/********** /desplegable **********/
h2.trigger {
    background: #E96E83;
    border: 1px solid #f8f5eb;
    font-size: 14px;
    font-style: normal;
    height: auto;
    line-height: 20px;
    margin: 0 0 0 0;
    padding: 1% 2%;
    width: auto;
    color: #fff;
}

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%;
}
.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;
    border-radius: 5px;
}
.toggle_container ul{margin: 0;}
.toggle_container .tipo-13{color: #E96E83;}
/********** /fin_desplegable **********/
.one_column.carrusel  {background-color: #ffffff; display: none !important;}
.width_100.boton {margin: 0 0 0 43%; width: 57%;}
.col_90.carousel_menu.menu {width: auto; height: 130px !important; display: block !important;}
.menu-fijo{ position: fixed; margin-top: 0; z-index: 9999; top: 0;background: #f8f5eb; width: 100%; display: block !important;}
.fixed ul.principal_nav {
    float: none !important;
    margin: 0 auto !important;
    max-width: 960px !important;
}
.cont_info_izquierda {position: absolute; margin: 0 0 0 5%; padding: 0; width: 45%;}
.cont_info_izquierda.derecha {margin: 0 0 0 55%; padding: 0;}

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

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

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

.fixed #logo{height: 80px !important; margin-top: 0; transition: margin ease-in-out 0.2s;}
.fixed ul.principal_nav {float: none !important; /*margin: 0 auto !important;*/ /*margin: 0 0 0 15% !important;*/ }
.fixed .col_100.botonera{margin-top: -20px !important; transition: margin ease-in-out 0.2s;}
.fixed #logo a span {
    
}
.fixed #logo a:hover span {
    opacity: 1;
    bottom:20px;
    right: 0;
    position: absolute;
    transition: opacity 0.3s ease-in-out 0s;
    z-index: 999;
}
.fixed{
    border-bottom: 3px solid #ab2038;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100% !important;
    z-index: 9999;
    transition: height ease-in-out 0.2s;
    text-align: center;
    padding-left: 0;
    text-shadow: none !important;
    background: #ffffff; margin: 0 0 0.5% 0;
    height: auto !important;
    overflow: hidden;
}
#menu-fijo{transition: height 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 1% 5px 0;
    padding: 1% 4%;
    position: relative;
    margin-right: 25% !important;
}

.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;
}