/*
@font-face { font-family: "Conduit"; src: url('/css/Trebuchet_MS.ttf'); }
@font-face { font-family: "Conduit"; font-weight: bold; src: url('/css/Trebuchet_MS.ttf'); } 

*/

html {
	font-family: 'Anaheim', sans-serif;
}

body {
	background: url(carta/img/bg_carta.jpg) repeat;

}

a {
	text-decoration: none;
	color:#c6006f;
}

a img {border:0}

h1 { 
	font-size:22px;
	color:#b9b9b9;
}
h3 { 
	font-size:14px;
	color:#c6006f;
}
p { 
	font-size:12px;
	color:#b9b9b9;
}

.elige{
	valign:top;
	width: 90%;
	margin: 0 auto;
}
.conte {
	height:350px;
}
.items{
	position:relative;
	margin: 0 5px 0 0;
    width: 100%;
    display: inline-block;
    display: none;
    -webkit-transition:all 3s 1s;
    -moz-transition: all 3s 1s;
    -o-transition: all 3s 1s;
    transition: all 3s 1s;	
}
.prev {
	float:left;
}
.next {
	float:right;
}
#scrollbar1 { 
    clear: both;
    margin: 16px 0 10px;
    padding-right: 20px;
    width: 100%;
}
#scrollbar1 .viewport {
    display: block;
    position: relative;
    width: 100%;
}
#scrollbar1 .overview { 
	width: 100%;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}

#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #cccccc; }
#scrollbar1 .scrollbar { position: relative; height: 22px; }
#scrollbar1 .track { background-color: #FFFFFF; border: #cccccc solid 1px; height: 21px; width:100%; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 20px; border: #FFFFFF solid 1px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#searchDiv {
	float: left;
	clear: left;
	min-width: 220px;
	margin-right: 10px;
	padding-left:50px;
	padding-top: 5px;
	height: 40px;
	background-image: url(carta/img/div-search.png);
	background-repeat: no-repeat;
}
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 30px;
   cursor: pointer;
   }
.styled-select {
    background: #ddd url("carta/img/new_arrow.jpg") no-repeat scroll right center;
    border: 1px solid #ccc;
    float: left;
    height: 30px;
    overflow: hidden;
    width: 240px;
	margin-top: 20px;
   }

#general {
	position:relative;
	width:100%;
	margin: 0 auto;
	/*background: url(carta/img/carta_sombra_v.jpg) right repeat-y;*/
}
.maestro {
	width:auto;
	overflow: hidden;
	background: url(carta/img/bg_carta.jpg) repeat;
	background-repeat: repeat; 	
}

.header-carta {
	position:relative;
	width:100%;
	max-width:980px;
	margin:0px auto;
/*	border: 5px solid #f0f0f0; */
	clear: both;
	float:center;
	height:120px	
}

.cabecera-carta {
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding-bottom: 20px;
	/*	border: 5px solid #f0f0f0; */
	clear: both;
	float: center;
}
.cabecera-max {
	max-width: 995px;	
}
/*
.cabecera-carta h3{font:bold 16px Conduit, sans-serif; color:#333; margin:0 0 4px 0; padding:10px 0;}
.cabecera-carta h3.titular-programas{}
.cabecera-carta h3.invisible{text-indent:0;}
*/

#Video_1F {
	min-height:550px;
}
.logo-izq {
	position:relative;
	float:left;
	color:#b9b9b9;
	width: 40%;
}
.tit-izquierda {
	float:left;
	max-width: 600px;
	/*margin-left:80px;*/
}
.cabecera-izq {
	position: relative;
	float: right;
	color: #b9b9b9;
	width: 25%;
}
.cabecera-dcha {
	position:relative;
	float:right;
	color:#b9b9b9;	
}
.cabecera-busca {
/*    background: #fff none repeat scroll 0 0;
    border: 1px solid; */
    color: #b9b9b9;
    display: none;
    float: right;
    max-width: 340px;
    padding: 5px;
    text-align: right;
    width: 100%;
	margin-top: 15px;
}
.cabecera-busca img {
	float:right;
	padding-left:20px;
	height:70px;
}

/* dynamically created SPAN, placed below the SELECT */

.tabla-izquierda{
	float: left;
	margin-bottom: 10px;
	width: 100%;
	min-height: 360px;
}
.tabla-derecha {
    float: right;
    margin-bottom: 10px;
    width: 45%;
}
.select {
  float:left;
  width: 188px;
  height: 30px;
  padding: 0 24px 0 8px;
  color: #fff;
  background:url(carta/img/bg_select.gif) no-repeat 0 0;
  overflow: hidden;
}


.tit {
	left: 0;
	/* max-width: 300px; */
	background: url(carta/img/linea_encabezado.png) bottom repeat-x; 
	min-height: 45px;
	width: 100%;
	padding-top: 20px;
}
.separador {
	height:50px;
}
.imgdecha {
	height: 50px;
	float:right;
}

/*
.nav-carta #titulo-galeria .bordeizq{
	background: url(img/menu/pest_izq.png) no-repeat;	
}
.nav-carta #titulo-galeria .bordedecha{
	background: url(img/menu/pest_decha.png) no-repeat;	
}
*/
.busqueda_carta {
	float: right;
	padding: 5px 0;
}

.buscar-carta {
	height: 19px;
	_height: 17px;
	border: 0;
	width: 200px;
	_width: 190px;
	float: left;
	margin-right: 5px;
	padding: 5px 5px;
}

.titulo-carta {

	max-width:950px;
	height: 100px;
	display:block;
	margin-top:20px;
	padding-top:15px;
	padding-bottom:15px;
}

.titulo-carta #titulo-texto {
	padding-left:30px;
	float:left;
	text-align: left;
	min-height: 35px;
	width:580px;
	font-size: 26px;
	color: #c6006f;		
	text-overflow: ellipsis;	
}

.titulo-carta #titulo-descripcion {
	padding-left:30px;
	float:left;
	text-align: left;
	min-height: 30px;
	width:580px;
	font-weight: bold;
	font-size: 18px;
	color: #686868;
	text-overflow: ellipsis;	
}
.titulo-carta #titulo-capitulo {
	padding-left:30px;
	float:left;
	text-align: left;
	min-height: 30px;
	width:580px;
	font-size: 14px;
	color: #686868;
	text-overflow: ellipsis;	
}

.titulo-carta #titulo-share {
	float:right;
	text-align: right;
	height: 100px;
	width:320px;
	font-size: 14px;
	color: #686868;
	padding-right:20px;
}

#descri-carta {
	margin-top:10px;
	min-height:30px;
}
#descri-carta img {
	float:left;
	margin-left:30px;	
}
#descri-carta h1{
	margin-top:15px;
	margin-left:30px;
	float:left;
	font-size: 18px;
	color: #FFFFFF;	
}
#descri-carta h1 a{
	margin-left:30px;
	float:left;
	font-size: 18px;
	color: #939393;	
}

#descri-carta h3{
	position:absolute;
	margin-left:30px;
	margin-top:20px;
	float:left;
	font-size: 12px;
	color: #939393;	
}

#contenido {
	height: 400px;
}
#menu-carta {
	height: 80px;
	overflow: hidden;
}

#menu-carta li {
	display: inline;
	height: 70px;
	overflow: hidden;
	margin-left:20px;
}

#menu-carta li a {
	background-image: url(carta/img/botones_menu.png);
	background-repeat: no-repeat;
	height: 70px;
	float: left;
	margin-left:20px;	
}

#menu-carta li .tele { width: 70px; }
#menu-carta li .radio { width: 70px; background-position: -70px 0; }

#menu-carta li .tele:hover, #menu-carta li .tele-activo { background-position: 0 -70px; width:70px;}
#menu-carta li .radio:hover, #menu-carta li .radio-activo { background-position: -70px -70px; width:70px;}

#menu-share {
	height: 80px;
	overflow: hidden;
}

#menu-share li {
	display: inline;
	height: 70px;
	overflow: hidden;
}

#menu-share li a {
	background-image: url(carta/img/botones_share.png);
	background-repeat: no-repeat;
	height: 70px;
	float: left;
}

#menu-share li .facebook { width: 70px; }
#menu-share li .twitter { width: 70px; background-position: -70px 0; }
#menu-share li .comparte { width: 70px; background-position: -140px 0; }
#menu-share li .podcast { width: 70px; background-position: -210px 0; }

#menu-share li .facebook:hover, #menu-share li { background-position: 0 -70px; width:70px;}
#menu-share li .twitter:hover, #menu-share li  { background-position: -70px -70px; width:70px;}
#menu-share li .comparte:hover, #menu-share li  { background-position: -140px -70px; width:70px;}
#menu-share li .podcast:hover, #menu-share li  { background-position: -210px -70px; width:70px;}



.ui-datepicker-trigger { 
	width: 70px; 
	background-image: url(carta/img/calendario.png);
	background-repeat: no-repeat;
	height: 70px;
	float: right;
	margin-right: 20px;
	border-style:none;
	}

.ui-datepicker-trigger:hover { 
	border-style:none;
	background-position: 0 -70px; width:70px;
	cursor: pointer;
}

.invisible {
	display: block;
	text-indent: -99999px;
	text-decoration: none;
	overflow: hidden;
}
.nombres{
		padding-top:5px;
		float:left;
		text-align: center;
		height: 30px;
		width:130px;
		font-size: 12px;
		color: #686868;
		text-overflow: ellipsis;	
}



.mielement {
/*	background: url(carta/img/bg_fondo_resto.jpg) repeat;*/
	vertical-align: top;
	font-size: 12px;
	display: -moz-inline-stack;
	display: inline-block;
	border-collapse: collapse;
	margin-bottom:3px;
	margin-right:6px;	    
}

.mielement:hover {
	background-image: url(carta/img/thumbnail-over3.png);
	background-repeat: no-repeat;
} 

.historic {
	display:none;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 550px; /*Width of Carousel Viewer itself*/
height: 330px; /*Height should enough to fit largest content's height*/
float: left;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 2px 2px 0; /*margin around each panel*/
width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 330px;
position: relative;
padding-right:5px;
}

.stepcarousel .keyelement {
/*	background: url(carta/img/bg_fondo_resto.jpg) repeat;*/
	padding: 2px;
	vertical-align: top;
	width: 130px;
	font-size: 14px;
	height: 155px;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	border-collapse: collapse;
	margin-bottom:10px;
}

.stepcarousel .keyelement:hover {
	background-image: url(carta/img/thumbnail-over-P.png);
}



.stepcarouselcarta {
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 80%; /*Width of Carousel Viewer itself*/
height: 460px; /*Height should enough to fit largest content's height*/
float: left;
}
.stepcarouselcarta .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouselcarta .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 2px 2px 0; /*margin around each panel*/
width: 190px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 460px;
position: relative;
padding:10px;
}

.stepcarouselcarta .keyelement {
/*	background: url(carta/img/bg_fondo_resto.jpg) repeat;*/
	padding: 3px;
	vertical-align: top;
	width: 194px;
	font-size: 12px;
	height: 210px;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	border-collapse: collapse;
	margin-bottom:5px;
	    
}

.stepcarouselcarta .keyelement:hover {
	background-image: url(carta/img/thumbnail-over2.png);
}

.stepcarouselcarta .keytext {
	font-size:12px;
	padding: 2px;
	vertical-align: top;
	width: 194px;
	height: 58px;
	max-height: 58px;
	min-height: 58px;
	text-overflow: ellipsis;
	color:#b9b9b9;
}

.stepcarouselcarta .keyimage {
	padding: 2px;
	vertical-align: top;
	height: 124px;
	max-height: 124px;
	min-height: 124px;
	cursor: pointer;
}


.slide-prev-carta {
	position:relative;
	float: left;
	top:40px;
	height: 400px;
	width: 10%;
	background: url(img/home/slide_prev_carta.png) no-repeat;
	background-position: center center;
	/*left:-30px;*/	
}
.slide-next-carta {
	position:relative;
	float: right;
	top:40px;
	height: 400px;	
	width: 10%;
	background: url(img/home/slide_next_carta.png) no-repeat;
	background-position: center center;
}
.slide-prev-carta1 {
	position:relative;
	float: left;
	height: 25px;
	width: 60px;
	background: url(img/carousel_previous_bg.gif) no-repeat;
	/*left:-30px;*/	
}
.slide-next-carta1 {
	position:relative;
	float: right;
	height: 25px;
	width: 60px;
	background: url(img/carousel_next_bg.gif) no-repeat;
	/*right: -30px;	*/
}

.vision {
	background: url(carta/img/bg_fondo_resto.jpg) repeat;
/*	padding-top:20px;
	padding-bottom:20px;
*/
	text-align:center;
	position: relative; /*leave this value alone*/
	margin:0px auto;
	max-width: 950px;
	width:100%; 
/*	height:685px; */
	float: center;
	clear: both;		
}

.shadow {
	width: 100%;
	margin: 0 auto;
	-webkit-box-shadow: 0 10px 8px -6px #b9b9b9;
	   -moz-box-shadow: 0 10px 8px -6px #b9b9b9;
	        box-shadow: 0 10px 8px -6px #b9b9b9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#b9b9b9')";
}
.shadow img, div, video {
	display:block;
}

.shadow-dentro {
	
	-moz-box-shadow: inset 0 0 8px 6px #E8E8E8  ;
	-webkit-box-shadow: inset 0 0 8px 6px #E8E8E8  ;
	box-shadow: inset 0 0 8px 6px #E8E8E8  ;	
}

.footer {
	clear: both;
	padding: 10px;
	margin-top: 20px;
	background-color: #F0F0F0;
	color: #fff;
	border-top:4px solid #d6d6d6;
	text-align:left;
}

#footer {width:985px; margin:0px auto;}

#subfooter-2{
	max-width: 985px;
	margin: 0px auto;
	width: 100%;
}

.oe_menu {
	padding: 0px;
}

.oe_overlay{
    background: #000 none repeat scroll 0 0;
    display: none;
    height: 485px;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
}
ul.oe_menu{
	list-style:none;
	position:relative;
	margin:0px 0px 0px 0px;
	width:100%;
	float:left;
	clear:both;
}
ul.oe_menu > li{
	width:16.6%;
	height:40px;
	padding-bottom:10px;
	float:left;
	position:relative;
	text-align: center;
}
ul.oe_menu > li > a{
	display:block;
	background-color:#939393;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
	width:130px;
	height:28px;
	padding:10px;
	margin:1px;
	opacity:0.5;
}
ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
	background:#fff;
	color:#ccc;
	opacity:1.0	;
}
.oe_wrapper ul.hovered > li > a{
	background:#FFFFFF;
	color:#c6006f;
}
ul.oe_menu div{
	position:absolute;
	padding-top:0px;
	padding-bottom:10px;
	top:40px;
	left:1px;
	background:#fff;
	min-width: 995px;
	height:auto;
	min-height: 220px;	
	overflow-x: hidden;
    overflow-y: auto;
	display:none;
	border-left: 1px solid #ddd;	
	border-right: 1px solid #ddd;	
	border-bottom: 2px solid #ddd;		
}	
ul.oe_menu div ul li a{
	text-decoration:none;
	color:#222;
	padding:0px 2px 2px 2px;
	margin:2px;
	display:block;
	font-size:12px;
	border-bottom:1px solid #ddd;
	text-align: left;
}
ul.oe_menu div ul.oe_full{
	width:470px;
}
ul.oe_menu div ul li a:hover{
	background:#c6006f;
	color:#fff;
}
ul.oe_menu li ul{
	list-style: none;
	float: left;
	width: 155px;
	/* margin-right: 5px; */
	padding-left: 10px;
	overflow:hidden;
	white-space:nowrap;
}
ul.oe_menu div p{
	color: #000;
	background: #ddd;
	top: -15px;
	font-size: 14px;
	list-style: none;
	float: left;
	width: 95%;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 20px;
	border: 1px solid #ddd;
	text-align: center;
	padding:5px;
	
}

@media (max-width: 1024px) {
	#scrollbar1 .viewport {
		width: 100%;
	}
	.ocultame {
		display:none;
	}
	.tabla-izquierda {
		width:100%;
	}
	#f-slide {
		overflow-y: hidden !important;
		overflow-x: scroll !important;
		-webkit-overflow-scrolling: touch !important;
	}
	.stepcarouselcarta {	
		width:100%;
	}		
}
@media (max-width: 640px) {
	.logo-izq {
		width:30%;
	}
	.tit-izquierda {
		width:100%;
		margin-left:0;
	}
	.cabecera-izq {
		width:70%;
	}
}
@media (max-width: 768px) {
	#scrollbar1 .viewport {
		width: 100%;
	}
	.ocultame {
		display:none;
	}
	.tabla-izquierda {
		width:100%;
		min-height:100px;
	}

	.tit {
		margin-top: 10px !important;
	}
	#searchDiv {
		width: 100%;
		padding-top:1px;
	}
	#f-slide {
		overflow-y: hidden !important;
		overflow-x: scroll !important;
		-webkit-overflow-scrolling: touch !important;
	}
	.stepcarouselcarta {	
		width:100%;
	}
}
#fotoprog {
    width: 100%;
}