/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

@media (min-width:1280px) {

	#yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .pos-media.media-left iframe {
		width:100%;
		height:338px; 
	}

}

/* All except large Screens */
@media (max-width:1024px) { /* 1220px */
    
    /*clean IOS input styles*/
    input { -webkit-appearance: none; border-radius: 0; }

    #container .item h3.subtitulo {
		border: 0;
	}
	
	iframe {
		max-width: 100%;
	}
	
    /*custom coreograpix*/
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item h2 {
          margin: 0 0 10px 0;
          font-size: 26px;
          display: block;
          /* width: 85%; */
          line-height: 22px;
        }
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item h2.light {
          font-size: 18px;
          line-height: 22px;
        }
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .more {
          position: absolute;
          bottom: 0;
          font-family: 'QuicksandBold-Regular';
          text-transform: uppercase;
          font-size: 14px;
          /* top:270px; */
        }
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item {
          background: #FFFFFF;
          border: 1px solid #FFFFFF;
         /*  height: 304px; */
        }
        
        .menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
          padding: 0 30px 0 0;
        }
        
        /*sala project*/
        
        
        .events-related div.teaser-item {
          background: #FFFFFF;
          border: 1px solid #FFFFFF;
          height: 304px;
        }

        .events-related div.teaser-item h2 {
          margin: 0 0 10px 0;
          font-size: 26px;
          display: block;
          /* width: 85%; */
          line-height: 22px;
        }
        .events-related div.teaser-item h2.light {
          font-size: 18px;
          line-height: 22px;
        }
        .events-related div.teaser-item .more {
          position: absolute;
          bottom: 0;
          font-family: 'QuicksandBold-Regular';
          text-transform: uppercase;
          font-size: 14px;
          top: 265px;
        }
        /*Botiga*/
        
        /*producto single*/
        #yoo-zoo.product-default .bloque-producto {margin-left:0px}
        .pos-related .element.element-image.element-imagepro > img {
          margin-right: 1%;
          width:31%;
        }
        
        
         #container {
          width: 100%;
        }
        
        #container .item.s2x2 {
          width: 477px;
        }
        
        #container .item.s1x1 {
          width: 170px;
        }
        
        /*El Cafe*/
        /*nuestros platos*/
        #contenidohtml{width:730px!important}
        
        .imageen{background-size:730px;}
        .imagees{background-size:730px;}
        .imagecat{background-size:730px;}
        .tipo_en{background-size:730px;}
        .tipo_es{background-size:730px;}
        .tipo_cat{background-size:730px;}
        
        #tiposcomida{width:100%;}
        
        #ques {
          display: none;
        }
        

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Modules */
	#sidebar-a .grid-v:first-child > .mod-line:before,
	#sidebar-b .grid-v:first-child > .mod-line:before { display: block; }

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
    
#sidebar-b:{min-height:0px!important}


}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search { display: none; }

	.sidebars-1 #sidebar-a:before,
	.sidebars-1 #sidebar-b:before,
	.sidebars-2 #sidebar-b:before { display: none; }
        #sidebar-b{min-height:0px!important}

	/* Modules */
	.grid-h:not(.width33):nth-child(odd) > .mod-line:before { display: none; }


	.grid-h.width25:first-child > .mod-line:before {
		display: block;
		top: auto;
		bottom: -20px;
		left: 0;
		right: 0;
		width: 200%;
		padding: 0 20px;
		border-width: 1px 0 0 0;
	}
        
        /*custom coreographix*/
        /*home*/
        .menu-dropdown a.level1, .menu-dropdown span.level1 {
          font-family: "QuicksandBold-Regular";
          font-size: 18px;
        }
        
        
         #container {
          width: 100%;
        }
        
        #container .item.s2x2 {
          width: 349px;
        }
        
        #container .item.s1x1 {
          width: 170px;
        }
        
        /*exhibitions*/
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .informacion .interior {
          padding: 25px;
          height: 210px;
          position: relative;
        }
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item {
          background: #FFFFFF;
          border: 1px solid #FFFFFF;
          height: 226px;
        }
        
        /*div#yoo-zoo div.teaser-item.exposicion div.element.element-textarea.element-textareapro.last{ display:none;}*/
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item h2 {
          margin: 0 0 10px 0;
          font-size: 20px;
          display: block;
          /* width: 85%; */
          line-height: 22px;
        }
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item h2.light {
          font-size: 15px;
          line-height: 18px;
        }
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .element-datepro {
          font-size: 16px;
          font-family: 'Quicksand';
          font-weight: 400;
          color: #9696b2;
          margin: 0;
        }
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .pos-media.media-left iframe {
          /* width: 100%;
          height: 224px; */
        }
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .more {
          position: absolute;
          bottom: 0;
          font-family: 'QuicksandBold-Regular';
          text-transform: uppercase;
          font-size: 14px;
          top: 195px;
        }
        
        /*events*/
        
        div#yoo-zoo.yoo-zoo.app_zooevents-default div.element.element-textarea.element-textareapro.last{ display:none;}
        
        
        /*sala project*/
        
        .events-related div.teaser-item {
          background: #FFFFFF;
          border: 1px solid #FFFFFF;
          height: 226px;
          margin-top: 30px;
        }

        .events-related div.teaser-item .informacion .interior {
          padding: 25px;
          height: 210px;
          position: relative;
        }

        .events-related div.teaser-item h2 {
          margin: 0 0 10px 0;
          font-size: 20px;
          display: block;
          /* width: 85%; */
          line-height: 22px;
        }
        .events-related div.teaser-item h2.light {
          font-size: 15px;
          line-height: 18px;
        }
        
        .events-related div.teaser-item .more{
          position: absolute;
          bottom: 0;
          font-family: 'QuicksandBold-Regular';
          text-transform: uppercase;
          font-size: 14px;
          top: 195px;
        }
        
        /*Botiga*/
        
        /*producto single*/
        #yoo-zoo.product-default .bloque-producto {margin-left:0px}
        .pos-related .element.element-image.element-imagepro > img {
          margin-right: 1%;
          width:31%;
        }
        
        /*El cafe*/
        #contenidohtml {
          width: 100%;
        }
        
        /*nuestros platos*/
        .imageen{background-size:100%;}
        .imagees{background-size:100%;}
        .imagecat{background-size:100%;}
        .tipo_en{background-size:100%;}
        .tipo_es{background-size:100%;}
        .tipo_cat{background-size:100%;}
        
        #tiposcomida{width:100%;}
        
        #ques {
          display: none;
        }
        
        .yoo-zoo.page-default .item {
          background: none repeat scroll 0 0 #ffffff;
          padding: 0!important;
        }
        
        
        aside#sidebar-a.grid-box{display:none}
         aside#sidebar-a.grid-box{display:none}
}

/* Only Phones */
@media (max-width: 767px) {

	#header { border-bottom-width: 0; }

	#toolbar,
	#headerbar,
	#menubar,
	#breadcrumbs,
	#totop-scroller { display: block; }

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
    
    /*home*/    
        
        #yoo-zoo.page-default .item .pos-content .element.element-textarea.element-textareapro {
          width: 100%;
          padding: 40px 0;
        }
    
        /*exhibitions*/
    
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item h3 {
            font-size: 12px;
            margin: 0 0 10px;
        }
    
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item h2 {
          margin: 0 0 10px 0;
          font-size: 16px;
          display: block;
          /* width: 85%; */
          line-height: 16px;
        }
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item h2.light {
          font-size: 13px;
          line-height: 14px;
        }

        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item {
          background: #FFFFFF;
          border: 1px solid #FFFFFF;
          height: 165px;
        }
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .informacion .interior {
          padding: 5px 10px;
          height: 163px;
          position: relative;
        }
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .more {
          position: absolute;
          bottom: 0;
          font-family: 'QuicksandBold-Regular';
          text-transform: uppercase;
          font-size: 10px;
          top: 140px;
        }
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .element-datepro {
          font-size: 12px;
          font-family: 'Quicksand';
          font-weight: 400;
          color: #9696b2;
          margin: 0;
        }
          /*sala project*/
        
        .events-related div.teaser-item {
          background: #FFFFFF;
          border: 1px solid #FFFFFF;
          height: 165px;
        }

        .events-related div.teaser-item .informacion .interior {
          padding:10px;
          height: 163px;
          position: relative;
        }

        .events-related div.teaser-item h2 {
          margin: 0 0 10px 0;
          font-size: 16px;
          display: block;
          /* width: 85%; */
          line-height: 16px;
        }
        .events-related div.teaser-item h2.light {
          font-size: 13px;
          line-height: 14px;
        }
        
        .events-related div.teaser-item .more {
          position: absolute;
          bottom: 0;
          font-family: 'QuicksandBold-Regular';
          text-transform: uppercase;
          font-size: 14px;
          top: 135px;
        }
        
        .events-related p.pos-links {margin:-10px 0!important}
        
        
        /*contact*/
        
         #yoo-zoo table{width:500px!important}
        #yoo-zoo table td{width:250px!important;}
        #yoo-zoo table a{font-size:12px!important;}
        
        .tablacontacto{width:100%;}
        
        /*Botiga*/
        
        /*producto single*/
        #yoo-zoo.product-default .bloque-producto {margin-left:0px}
        .pos-related .element.element-image.element-imagepro > img {
          margin-right: 0;
          width: 100%;
        }
        
        /*El Cafe*/
        /*nuestros platos*/
        
        #ques {
          display: none;
        }
}

/* Only Phones (Portrait) */

@media (max-width: 479px) {
	
	iframe {max-width:100%; height: 185px;}
	
	#ca_banner {
		height:150px!important;
		padding:20px;
	}

	/* Layout */
	#sidebar-a:before,
	#sidebar-b:before { display: none; }

	/* Modules */
	.grid-h .mod-line:before {
		display: block;
		top: -20px;
		bottom: auto;
		left: 0;
		right: 0;
		border-top-width: 1px;
	}
        
        

	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}
        
        /*coreographix*/
        /*logo*/
        #toolbar > div.float-left {float:none}
        #toolbar > div.float-right {float:none}
        div#block-toolbar div.wrapper div#toolbar.clearfix div.float-left div.module.deepest{text-align:center!important;}
        #toolbar .float-left .module, #toolbar .float-left > time {
          margin: 0 15px 0 0;
          float: none;
        }
        div#block-toolbar div.wrapper div#toolbar.clearfix div.float-left div.module.deepest p a img{width:auto!important;margin:0 0 0 22px;}
        /*menu*/
        div.mod-languages {
            text-align: center;
        }
        #toolbar .float-right .module {
            float:none;
        }
        div.mod-languages ul {
          margin: 0 34px 0 0; 
        }
        
        /*home*/
        #container .item.s2x2 {
          width: 290px;
          height: 340px;
          margin: 0 0px 20px 0;
        }
        #container .item.s1x1 {
          width: 290px;
          height: 290px;
          margin: 0 0px 20px 0;
        }
         #container {
          width: 100%;
        }
        
        #container .item.s2x2 h3 {
          font-size: 20px;
          line-height: 120%;
        }
        #container .item.s2x2 h3.subtitulo {
          font-size: 16px;
          color: #282e6a;
          margin-bottom: 10px;
        }
        #container .item.s1x1 h3, #container .item.s1x2 h3, #container .item.s2x1 h3 {
          font-size: 20px;
          line-height: 120%;
          padding-bottom: 10px;
        }
        /*Titulo de paginas*/
        
        #yoo-zoo.blog-default {
              padding: 20px!important;
            }
        #yoo-zoo.yoo-zoo.download-default {
          padding: 20px!important;
        }
        #yoo-zoo .items h2.pos-title {
          font-size: 20px!important;
        }
        
        .wk-gallery-wall.margin {
          margin: 0!important;
          display: none!important;
        }
        
        #yoo-zoo.yoo-zoo.page-default .item .pos-content div.element.element-relateditemspro div.media-left:nth-child(2n+1) {
          margin-right: 0!important;
        }
        
        #yoo-zoo.yoo-zoo.page-default .item .pos-content div.element.element-relateditemspro div.media-left a {
          font-size: 20px!important;
        }
        
        .yoo-zoo.app_zooevents-default .bloque-item {
          padding: 30px 20px!important;
        }
        
        #yoo-zoo.page-default .item .pos-content .element.element-textarea.element-textareapro {
          padding: 30px 0!important;
          width: 100%!important;
        }
        .yoo-zoo.page-default .item {
          padding: 30px 20px;
        }
        
        #yoo-zoo .item h1.pos-title {
          margin: 0px 0px 12px 0px;
          font-size: 22px!important;
          font-weight: normal;
          line-height: 22px;
          letter-spacing: 0px;
        }
        
        h5 {
          font-size: 8px;
        }
        
        #container .item.s2x2 .fecha{font-size:15px!important;}
        
        /*exhibitions*/
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .pos-media.media-left {
          width: 100%;
          padding: 0;
          margin: 0;
        }
        #yoo-zoo > div.items div.informacion span.element-checkbox {
          background: none repeat scroll 0 0 #282d6f;
          color: #ffffff;
          display: inline-block;
          font-size: 12px;
          padding: 10px;
          font-family: "QuicksandBold-Regular";
          position: absolute;
          top: -5px;
          right: 0px;
          text-transform: uppercase;
        }
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .informacion {
          width: 100%;
          float: left;
        }
        
        /*single post*/
        #yoo-zoo .item div.pos-specification {
          float: left;
          overflow: hidden;
          width: 100%;
          margin-left:0px!important;
        }
        
        /*Il Saloto*/
        #yoo-zoo .item div.pos-description-single {
          width: 100%;
          float: left;
          padding: 0;
        }
        
        .events-related div.teaser-item {
            height: 408px!important;
        }
        
        .events-related div.teaser-item .more {
          top: 170px!important;
        }
        
        div.teaser-item .informacion .interior {
            height: 230px!important;
            padding:10px!important;
        }
        
        div.teaser-item .element-datepro {
            margin: 10px 0!important;
            font-size:15px!important;
        }
        
        #yoo-zoo .item div.pos-description-single .element.element-text.element-textpro h2.sub {
          font-size: 26px!important;
        }
        
        #yoo-zoo .item div.pos-description-single .element.element-relateditemspro.element-relateditems {
            margin-top: 20px!important;
        }
        
        
        /*sala project*/
        .events-related div.teaser-item .pos-media.media-left {
          width: 100%;
          padding: 0;
          margin: 0;
        }
        
        .events-related div.teaser-item h2{font-size:20px;}
        
        .events-related div.teaser-item .informacion {
          width: 100%;
          float: left;
        }
        
        h1 {
          font-size: 20px;
          line-height: 20px;
          letter-spacing: -1px;
        }
        
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .informacion .interior {
          padding: 10px;
          /* height: 154px; */
          position: relative!important;
        }
        
        #yoo-zoo div.pos-description div.element.element-textarea.element-textareapro.last{display:none;}
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item h3 {
          margin: 0 0 0px 0;
          font-size: 14px;
        }
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item h2 {
          margin: 0 0 10px 0;
          font-size: 20px;
          display: block;
          /* width: 85%; */
          line-height: 22px;
        }
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item h2.light {
          font-size: 14px;
          line-height: 14px;
        }
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item {
          /* height: 380px!important; */
		  height:auto;
		  position:relative!important;
        }
        
        #yoo-zoo.yoo-zoo.app_zooevents-default div.items div.teaser-item .more {
          /* top: 140px!important; */
		  position:absolute;
		  bottom:20px;
        }
        
        /*Eventos*/
        #yoo-zoo .item div.pos-description-single .element.element-text.element-textpro h2.sub {
          font-size: 20px !important;
          min-height: 0;
        }
                
        div#yoo-zoo.yoo-zoo.app_zooevents-default div.no-box div.bloque-item div.floatbox.no-box div.pos-specification div.element.element-image.element-imagepro.first img {
          margin-bottom: 20px;
        }
        
        #yoo-zoo .item div.pos-description-single .element.element-date.element-datepro {
          margin-bottom: 30px;
          font-size:15px;
        }

        /*Residencias*/
        #yoo-zoo .items-col-2 h1.pos-title {
          font-size: 20px!important;
        }
                
        /*Botiga*/
        #yoo-zoo .width20, #yoo-zoo .width25, #yoo-zoo .width33, #yoo-zoo .width50 {
          width: 91%;
        }
        /*producto single*/
        #yoo-zoo.product-default .bloque-producto {margin-left:0px}
        .pos-related .element.element-image.element-imagepro > img {
          margin-right: 0;
          width: 100%;
        }
        
        /*eliminaion de bloque de bottom*/
        #bottom-b {display:none}
        /*redes sociales*/
        ul.redes{width:100%;}
        ul.redes li {
          list-style: none;
          margin-left: 8px;
          margin-bottom: 8px;
          display: inline-block;
          width: 32px;
          height: 32px;
          float: none;
        }
        ul.redes li a {
          display: block;
          overflow: hidden;
          text-indent: -999999px;
          width: 43px;
          height: 43px;
        }
        /*footer*/
        #footer .module {
            font-size: 10px;
        }
        #footer div.module.deepest > p {
          font-size: 10px;
        }
        #footer ul li a {
          font-size: 10px;
        }
        
        /*Horarios*/
        div#yoo-zoo.yoo-zoo.page-default.page-default-horarios div.item div.floatbox div.pos-content div.element.element-textarea.element-textareapro.first.last table{width:278px!important;}
        
        
        /*contacto*/
        
        .tablacontacto{width:100%;}
        
       
        /*EL CAFE*/
        /*logo*/
        .module img {
            padding-top: 20px;
        }
        
        #toolbar > div.float-left {
          float: none;
          text-align: center;
        }
        
        div.mod-languages ul {
            margin: 0 45px 0 0;
        }
        
        /*nuestros platos*/
        #contenidohtml {
            width: 100%;
        }
        #headercafe .centro {
          width: 100%;
        }
        
        .tipo_es {
          background-size: 250px!important;
        }
        
        #ques {
          display: none;
        }
        
        /*reservas*/
        div#yoo-zoo.yoo-zoo.page-default.page-default-reservas div.item div.floatbox div.pos-content div.element.element-joomlamodule.first.last iframe#blockrandom.wrapper {max-width:300px!important;}
    
        /* .light{border:1px solid} */
        
        iframe#blockrandom{width:280px!important}
        
        div#main.grid-block div#maininner.grid-box section#innertop.grid-block div.grid-box.width100.grid-h div.module.mod-line.deepest h2{font-size:36px!important}
        
        .yoo-zoo.page-default-reservas .item{padding:0!important;}
        
        div#main.grid-block aside#sidebar-a.grid-box div.wk-gallery.wk-gallery-wall.clearfix.round a img {padding:0!important;}
        
    
    
        
        #menubar{display:none;}

}