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

/*general*/
html, body { font-family:Tahoma, Verdana, Geneva, sans-serif; margin:0; padding:0; }
* { box-sizing:border-box;}
p { line-height:1.3em;}


/*Topbar*/
.topbar {z-index:220;}
.topbar div {margin:0 !important;}
.topbar img {margin:0 -4px -4px 0 !important;}
.topvar div {background:#46382e; padding:6px; font-weight:bold; text-align:center;}

/*Header*/
.header{width:90%; margin:0 auto; display:block; position:relative;}
.vid h2 {font-size:12px; font-weight:bold; color:inherit; height:38px; overflow:hidden; line-height:16px; text-align:center;}

/*text sizes*/
h1, h2, h3, h4, h5, h6, p {padding:4px 12px 2px 12px; margin:0;}
h1 {line-height:33px;}
h2 { font-size:22px; line-height:29px;}
h3 { font-size:19px; line-height:28px;}
h4 { font-size:17px; line-height:26px; color:#666;}
h5 { font-size:16px; color:#666;}
p, li, ol {color:#604d3f; line-height:1.4em;}
.big {font-size:1.2em;}
.bigger {font-size:1.4em;}
.small {font-size:.8em}
.smaller {font-size:.6em}
.bolder {font-weight:bolder;}
.lighter { opacity:.7;}

.button {padding:6px 12px; margin:.5%; border-radius:6px; line-height:1.3em; text-align:center;}
.button:hover {opacity:.6; cursor:pointer;}
.button a , a.button{text-decoration:none;}
.imgcontainer {overflow: hidden; height:auto;}
.imgcontainer img {width:100%; height:auto;}
.roundimg {border-radius:50%; padding:23px;}
.scale {width:100%; height:auto;}
.scale80 {width:80%; height:auto;}
.scale50 {width:50%; height:auto;}
.scaleh {width:auto; height:100%; margin:0 auto;}
.thumb {float:left; padding-right:12px; width:35%; height:auto;}
.lined,.linedall-td td {border-bottom: 1px solid #CCC;}
.lined-top {border-top: 1px solid #CCC;}
.lined-left {border-left: 1px solid #CCC;}
.lined-right {border-right: 1px solid #CCC;}
.specs {border:1px solid #C60; padding:2px 12px}
.pad, .padall-td td {padding:6px 12px;}
.in {margin-left:23px;}
.nomargin {margin:0 !important;}
.spacebot {margin-bottom:23px !important;}
.spacetop {margin-top:23px !important;}
.breath {margin-top:23px !important; margin-bottom:23px !important;}
.margin3 {margin-top:3px !important; margin-bottom:3px !important;}
.margin6 {margin-top:6px !important; margin-bottom:6px !important;}
.gotop {width:40px; height:auto; border-radius:50%; padding:2px; position: fixed; bottom:40px; right:50px; border:#FFF 2px solid; box-shadow:0 0 5px #333; z-index:100}
.hidden, .that {display:none; z-index:100;}
.divider {border-bottom:1px solid #CCC; margin:12px auto; display:block; clear:both}
.blank { margin:12px; padding:12px; clear:both; position:relative;}

/*Header*/
.header {overflow:auto;}
.logo {width:60%; width:auto; padding:0 12px; float:left;}

/*slider*/
.slider {background:#FFF; box-shadow:2px 0 6px #AAA;  min-height:268px; position:relative; width:100%;}
.slider h1 {margin-top: 12px !important;}
.quote:before {content:open-quote; font-size:1.3em; }
.quote:after {content:close-quote; font-size:1.3em; line-height:.8em;}
.diapo .quote { margin-top:12px; margin-left:23px; padding:23px; background:rgba(255,255,255,.5); border-radius:20px; font-size:21px; font-family: Georgia, "Times New Roman", Times, serif;  color:#604d3f;}
.diapo img {position:absolute; height:368px;  float:right; right:7%; bottom:-10%;}


/*programa*/
.programa {overflow:visible !important; margin-top: 12px !important; position:relative !important; left:33px !important;}
.redtext, strong {color:#015898;}
.programa h2 {padding-top:23px; padding-bottom:12px;}
.programa p, .programa h4 {padding-left:8px;}
.programa p {}
.programa em, em {font-weight:bold; font-style:normal; font-size:18px;}
.programa .timer {position:absolute; display:flex; margin-left:-85px; border-radius:50%; background:#FFF; border: 6px solid #CCC; width:68px; height:68px;}
.programa .time {position:absolute;  margin-left:-65px; font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#900;}
.programa .timer div { padding:12px; font-size:14px; text-align:center;}


/*LC boxes*/
.ponentebox {margin-bottom:22px !important;}
.ponentebox .quote {padding:12px 22px; font-size:18px; margin-bottom:8px; color:#444; line-height:26px;}
.ponentebox .signed img {border-radius:6px; float:right;}
.ponentebox span {line-height:12px;}

.mediabox {overflow: visible;}
.mediabox .box {overflow: visible; margin-top:42px;}
.mediabox h2 {margin-top:22px;}
.mediabox link {padding-bottom:22px;}
.mediabox .cir {position:absolute; top:-45px; margin-left:-35px; border-radius:50%; left:50%;  border: 6px solid #FFF; width:70px; height:auto;}
.mediabox .cir img { padding:14px; width:100%; height:auto; }

.l-grey {background-color:#f4f4f4 !important;}

.numberedblocks {margin-top:12px;}
.numberedblocks p {background:#f4f4f4;}
.numberedblocks strong { font-size:22px; font-weight:bold; color:#C30; float:left; padding:0 12px 12px 12px}
.arr {text-align:left; list-style:url(/img/li.png) !important;}
ol { counter-reset: item; }
        ol li { display: block; }
        ol li:before {
            content: counter(item) ". ";
			text-align:right;
			font-size:1.2em;
			line-height:1.2em;
            counter-increment: item;
            color: #b30115;
        }

/*LC bars*/
.inscribete_bar, .lced {background:#b30115; color:#FFF; padding:12px; overflow:auto; }

/*animations*/
@keyframes slide2 {
    from {right:30%; opacity:0; height:600px;}
    to {right:7%; bottom:-10%; opacity:1; height:368px;}
}
@keyframes slide1 {
    from {right:-20%; opacity:0; height:400px;}
    to {right:7%; bottom:-10%; opacity:1; height:368px;}
}
@keyframes slide3 {
    from {bottom:-12%; opacity:0; height:200px;}
    to {right:7%; bottom:-10%; opacity:1; height:368px;}
}
@keyframes slideup {
    from {opacity:0; padding-top:20%;}
    to {opacity:1; padding-top:0;}
}
@keyframes focus {
    from {outline:1px solid #FFF; outline-offset:0px;}
    to {outline:1px solid #FFF; outline-offset:-1px;}
}

.slide1 {animation: slide1 2s ease-out;}
.slide2 {animation: slide2 2s ease-out;}
.slide3 {animation: slide3 2s ease-out;}
.slideup {animation: slideup 2s ease-out;}
.focus:hover {animation: focus 2s ease-out;}

/*navbar LC*/
.lc_menu * {zoom: 1;}
.lc_menu {width:100%; position:relative; font-size:.9em; z-index:223; background:#46382e; font-weight:bold}
.lc_menu ul {list-style:none; margin:0 auto; width:90%; text-align:center;} 
.lc_menu > ul > li {*display: inline; *float:none; *width:0%; padding:12px 14px;  color:#FFF; font-weigth:bold; position:relative; }
.lc_menu ul li ul {display:none; position:absolute; left:-2px; top:31px; border-radius:8px; background: #604d3f; overflow:hidden;}
.lc_menu > ul > li:hover {cursor:pointer; background:#604d3f;}
.lc_menu ul li ul li {padding:6px; width:100%; cursor:pointer; text-align:center; font-size:12px; border-top:1px solid #999}
.menubot {display:none !important;}

/*Content*/
.content {display:block; overflow:auto; z-index:10;}

/*Footer*/
.footer { font-size:10px; text-align:right; padding:6px 16px; overflow:auto; background:#FFF; border-top:1px solid #CCC;}

/*Boxes - colors are in gradients.css*/
.box {margin:.5%; float:left; position:relative; overflow:hidden;}
.visible {overflow:visible !important;}
.border, .borderall .box {border:#CCC 1px solid;}
.wborder, .wborderall .box {border:#FFF 1px solid;}
.round, .roundall .box { border-radius:6px;}
.inshad, .inshadall .box {box-shadow:inset 0px 4px 10px #999;}
.shad, .shadall .box {box-shadow:0px 4px 10px #999;}
.shad2, .shad2all .box {box-shadow:0 4px 6px #CCC;}
.click:hover, .clickall .box:hover, .clickall-li li:hover {opacity:.6; cursor:pointer; *:color:#666;}
.clickall-li, ul.fancyul li { list-style: url(/img/bullet1.png);}
.clickall-li li {text-decoration:underline;}
.link, a {color:#b30115; text-decoration:none;}
.link:hover, a:hover {opacity:.6; cursor:pointer; *:color:#666;}
.center, .center-all .box {text-align:center;}
.centerbox, .inner {margin:0 auto; display:block; float:none;}
.box ul {margin-left:2%; margin-right:4%;}
.box ul li {padding:0; line-height:1.2em;}
.first {clear:left;}
.last {float:right !important; clear:right;}
.right {float:right !important;}
.left {float:left !important;}
.clear {clear:both;}
.nocol {width:auto !important;}
.boxinicio .box { min-height:200px; border:1px solid #CCC; border-radius:6px;}
.col-00 {width:100%; margin:0;}
.col-12 {width:98.96%;}
.col-11 {width:90.63%;}
.col-10, .col-10-10, .inner {width:82.33%;}
.col-9 {width:73.97%;}
.col-8, .col-8-6, .col-8-8 {width:65.64%;}
.col-7 {width:57.31%;}
.col-6, .col-6-8, .col-6-6, .col-6all .box {width:48.98%; *:width:48.5%;}
.col-5 {width:40.65%;}
.col-4, .col-4-6, .col-4-4, .col-4all-4 .box, .col-4all-6 .box, .col-4all .box {width:32.32%; *:width:32%;}
.col-3, .col-3all .box, .col-3-6, .col-3all-6 .box {width:23.99%; *:width:23.7%;}
.col-2, .col-2-2, .col-2all .box, .col-2all-6 .box {width:15.66%;}
.col-1 {width:7.33%;}
.col-b {width:3.33%; margin-left:.2%}

/*box flex*/
.flex {display:flex; flex-flow: row wrap; align-content:center; flex-align: center; align-items: center;}

/*min heights*/
.min120-all .box, .min120 {min-height:120px;}
.min150-all .box, .min150 {min-height:150px;}
.min180-all .box, .min180 {min-height:180px;}
.min210-all .box, .min210 {min-height:210px;}
.min290-all .box, .min290 {min-height:290px;}
.min360-all .box, .min360 {min-height:360px;}
.min400-all .box, .min400 {min-height:400px;}

/*absolute buttons*/
.absbot {position:absolute; bottom:2px; width:100%;}

/*Floater div to load*/
.floater {color: rgba(0,0,0,.6)}
.floater > div {}

/*tables*/
/*.table-col-2 {display:table;}
.table-col-2 h3 {width:100%; column-span:2;}
.table-col-2 > div {display:table-row; width:100%; overflow:auto; }
.table-col-2 div div:nth-child(1) {display:table-cell; width:75%;   padding:2px 12px; border-top:1px solid #CCC; background: #FFF}
.table-col-2 div div:nth-child(2) {display:table-cell; border-top:1px solid #CCC; text-align:center;}*/
.table {display:table;}
.table-col-2 {}
.table-col-2 h3 {}
.table-col-2 > div {display:flex; border-top:1px solid #CCC;}
.table-col-2 div div:nth-child(1) {flex:5; margin:auto; padding:2px 12px; background: rgba(256,256,256,.5)}
.table-col-2 div div:nth-child(2) {flex:2; margin:auto; text-align:center;}

/*Badges*/
.starred:before { content:url(/img/star2.png); float:left; padding-right:9px; margin-left:-12px; margin-top:3px;}
.starred2:before { content:url(/img/star2.png); height:5px !important; float:left; padding-right:4px; margin-left:4px; margin-top:3px;}
.badge {overflow:hidden;}
.badge:after {transform:rotate(45deg); box-shadow:2px 2px 5px #333; width:210px; text-align:center; font-weight:bold; position: absolute; top:30px; right:-65px; z-index:1100}
.construccion:after {content:"En construcción"; color:#FFF;  background:orange; border:2px solid #F9FC78; top:46px; right:-48px; }
.nuevo:after {content:"Nuevo";  color:#FFF;  background: #690; border:2px solid #6C0; }
.special:after {content:"Especial";  color:#FFF;  background: #C00; border:2px solid #F30;}
.precio:after {content:"5€";  color:#FFF;  background: #222; border:2px solid #111;}
.oi-orange {outline:#F90 1px solid; outline-offset:-2px;}
.oi-yellow {outline:#FC0 1px solid; outline-offset:-1px;}
.oi-blue {outline:#7EA3F8 1px solid; outline-offset:-2px;}
.oi-violet {outline:#A992EF 1px solid; outline-offset:-2px;}

/*forms*/
input, textarea {padding:2px; border:#999 1px solid; border-radius:4px;} 
.hora { font-weight:bold; text-align:center; color:#FFF; background:#4f81bd; font-size:.8em }
.restoh { background:#e6edf6; font-size:.8em }

@media (max-width:1024px) {	
.topbar div {width:32% !important;}
	body {margin:0; padding:0; background:#FFF;}
	.container {width:100%;}
	.imgcontainer img {margin-top:-10%; margin-bottom:-10%; z-index:1;}
	.thumb {width:50%; margin-left:-20%;}
	.navbar li:not(.menubot) {display:inline-block;}
	
	.diapo img {position:absolute; height:268px; float:right; right:5%; bottom:0%;}
@keyframes slide2 {
    from {right:30%; opacity:0; height:600px;}
    to {right:5%; bottom:0%; opacity:1; height:268px;}
}
@keyframes slide1 {
    from {right:-20%; opacity:0; height:400px;}
    to {right:5%; bottom:0%; opacity:1; height:268px;}
}
@keyframes slide3 {
    from {bottom:-12%; opacity:0; height:200px;}
    to {right:5%; bottom:0%; opacity:1; height:268px;}
}
	}

@media (max-width:860px) {
.topbar { position:relative !important;}
.topbar div {width:32% !important;}
.header {margin-top:-12px; width:70%; overflow:auto; position:relative;}
.header img {width:50%; height:auto;  text-align:center !important; float:left !important;}
.lc_menu ul {width:100%; font-size:17px !important; margin:0; padding:0;}
.lc_menu ul li { border:none !important; border-top:1px solid #930 !important;}
h1, h2, h3, h4, h5, h6 {font-size:22px;}
p, ul {font-size:18px !important;}
.lc_menu > ul > li:not(.menubot) { width:100% !important; display:none; padding:2px; margin:0; text-align:center; float:none !important; clear:both; border:1px solid #333;}
.lc_menu ul li ul {position:relative; top:0; border:none;}
.lc_menu ul li ul li {width:100% !important; display:block; border-bottom:#666 1px solid; font-size:10px; padding:2px;}
.menubot {display:inline-block !important;}
.starred:before; .starred2:before {float:none; margin-top:6px;}
.home img {float:none !important;}

.numberedblocks .box  {font-size:14px !important;}
.ponentebox .quees {font-size:10px !important;}
.boxinicio .box { min-height:none; border:none; border-radius:none;}
.boxinicio h3 {background:none;}

	.col-2, .col-2all .box, .col-2all-6 .box, .col-3all-6 .box {width:32.32% !important;}
	.col-3, .col-3-6, .col-3all .box {width:48.98% !important;}
	.col-4, .col-4all .box {width:48.98% !important;}
	.col-6, .col-8, .col-6all .box, .col-10, .col-10all .box, .inner {width:100% !important;}
		.col-4-6, .col-8-6 {width:50%; margin:0 auto; }
		.col-6-8 {width;85.54%;margin-left:5%}
		.col-4-4 {border-left:1px solid #F2F0EE ;}
	
.programa p { width:90%;}
.programa .timer, .programa .time {position:relative; left:10%;}	
	
.badge:after {font-size:11px; top:26px; right:-68px;}
.thumb {width:60%; margin-left:-25%;}

.diapo .name {width:100%; font-size:15px;}
.diapo .quote, .diapo .quees {width:50%; margin-left:0px; padding:6px; font-size:14px;}
.inscritex {font-size:16px !important; line-height:19px;}

.diapo img {position:absolute; height:268px; float:right; right:-6%; bottom:0%;}
@keyframes slide2 {
    from {right:30%; opacity:0; height:600px;}
    to {right:-6%; bottom:0%; opacity:1; height:268px;}
}
@keyframes slide1 {
    from {right:-20%; opacity:0; height:400px;}
    to {right:-6%; bottom:0%; opacity:1; height:268px;}
}
@keyframes slide3 {
    from {bottom:-12%; opacity:0; height:200px;}
    to {right:-6%; bottom:0%; opacity:1; height:268px;}
}
	}
	
@media (max-width:480px) {

	.col-2, .col-2all .box, .col-2all-6 .box, .col-3all-6 .box {width:48.98% !important;}
	.col-4, .col-4-4, .col-4all .box, .col-3, .col-3all .box, .col-6, .col-6all .box, .oddbox, .box.centerbox {border-left: none; width:98.96% !important;}

.badge:after {display:block; transform:rotate(0deg); position:relative; width:100%; top:auto; right:auto; clear:both;}
.thumb {width:50%; margin-left:-20%;}

.ponentebox {border:1px solid #CCC; border-radius:8px;}

.diapo img {position:absolute; height:168px; float:right; right:-6%; bottom:0%;}
@keyframes slide2 {
    from {right:30%; opacity:0; height:600px;}
    to {right:-6%; bottom:0%; opacity:1; height:168px;}
}
@keyframes slide1 {
    from {right:-20%; opacity:0; height:400px;}
    to {right:-6%; bottom:0%; opacity:1; height:168px;}
}
@keyframes slide3 {
    from {bottom:-12%; opacity:0; height:200px;}
    to {right:-6%; bottom:0%; opacity:1; height:168px;}
}
	}