@charset "utf-8";
.box3 { position:relative; min-height:290px; float:left; width:28%; margin:6px 2% 23px 2%;   text-align:center;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border: #9EB32B 1px solid; border-radius:8px; overflow:hidden; transition:all ease-in-out 2s;}
.box3 .tex {color:#0C4FB4; font-size:14px; margin:6px;}
.box3 h1 {margin:6px; font-size:18px; padding:3px auto;}
.box3:hover { border:1px #444 solid; cursor:pointer; background:#fff; box-shadow:0 0 12px #444; margin:6px 1% 23px 1%; width:30%}
.box3:hover .ver { background:#444}
.box3:hover .tex { color:#444;}
.box3 img {margin:0 auto; width:100%; height:auto; position:relative; top:0px;}
.box3 .precio {display:none; font-size:18px; font-weight:bold; color:#666; margin:0; padding:0; position:absolute; bottom: 40px; width:100%;}
.box3 .ver { position:absolute; bottom:0; left:0; background: #9EB32B; color:#FFF; font-weight:bold; font-size:16px; text-align:center; margin-bottom:0; line-height:30px; width:100%;}

.gallery {margin:6px auto; width:92%;}
.gallery img { opacity:.9; width:8.5%; height:auto; margin:.2%; outline:#FFF 2px solid; outline-offset:-2px; box-shadow:1px 1px 4px #333;}
.gallery.vid div {float:left; width:18%; margin:.8%;}
.gallery.vid img {width:100%; height:auto;}
.gallery.vid h3 {text-align:center; margin:4px; line-height:16px; padding:0; font-size:11px; font-weight:bold; font-variant:small-caps;}

.gallery img:hover { opacity:1; outline:#999 0px solid; cursor:pointer;}



#visor {overflow:hidden; height:0px; width:100%; text-align:center; }
#visor img { width:100%; height:auto;}

.ccanav {margin:8px auto; clear:both; position:relative; width:100%px; padding-bottom:12px; overflow:auto;}
.ccanav div {padding:3px; border: #388CCB 1px solid;  background: #fff; font-weight:bold; margin:2px; width:100px; text-align:center; border-radius:4px; float:right;}
.ccanav div:hover { background: #709ADA; color:#FFF; cursor:pointer;}

.tallerinfo {font-size:14px; margin:12px auto; display:block; padding:22px 0;}
.ti {font-weight:bold; font-size:16px; color:#3780D0; margin:4px 0; margin-left:0px; padding-right:12px; margin-top:-1px;}

#ccahead {clear:both; margin-top:12px; position:relative; display:block;}

.menujor {width:100%; margin:18px auto; text-align:center;}
.menujor .comprar { float:none; margin:6px; clear:none; display:inline-block;}
.comprar, .comprartaller { background:#F90; padding:8px; text-align:center; font-size:14px; font-weight:bold; color:#FFF; border:#C60 1px solid; margin:0 auto; cursor:pointer;}
.comprartaller { width:20%; padding:8px 20px !important; color:#000;  }
.comprar:hover, .comprartaller:hover { background: #F30; }
.comprar2 {background: #aaa; padding:4px; margin-bottom:6px !important; text-align:center; font-size:12px; font-weight:bold; color:#FFF; width:180px; margin:0 auto; cursor:pointer;}
.comprar2:hover { background: #555; }

@media (max-width:830px) {
	.theme-raul .nivoSlider {width:98% !important; height:auto !important;}
}

@media (max-width:680px) {
	.hora, .ti {margin-left:0;}
	.box3 {width:45% !important; min-height:320px;}
	.box3:hover { border:1px #444 solid; cursor:pointer; background:#fff; box-shadow:0 0 12px #444; margin:6px 2% 23px 2%; width:28%}
		#sidemenu {display:none;}
		#ccahead div {float:left !important;  padding:0 !important; margin:0 auto;}
		#ccahead h1, #ccahead p {font-size:12px !important; text-align:left !important;}
		 #ccahead div img {width:50px; height:auto;}
		 #ccahead {border:#D8E6F5 1px solid; overflow:auto; width:90% !important;}
		 .iaf img {margin:0 !important;"}
	}

@media (max-width:380px) {
	.box3 {width:96% !important; }
}