@font-face {
    font-family: 'gillsansmt';
    src: url('../fonts/gillsansmt/33535gillsansmt.eot');
    src: url('../fonts/gillsansmt/33535gillsansmt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gillsansmt/33535gillsansmt.woff') format('woff'),
         url('../fonts/gillsansmt/33535gillsansmt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dinregularwebfont';
    src: url('../fonts/dinregular/dinregularwebfont.eot');
    src: url('../fonts/dinregular/dinregularwebfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinregular/dinregularwebfont.woff') format('woff'),
         url('../fonts/dinregular/dinregularwebfont.ttf') format('truetype');    
    font-weight: normal;
    font-style: normal;
}
body{
	background:#efefef;
	font-family: 'dinregularwebfont';
}

/*----- QUITAR LO QUE ESTA ANTES DE AQUI -------------*/
.section-video{background:#f8f8f8;}
#video_container{width: 1256px;margin:0px auto;}
#video_container h3{
	font-size: 1.3em;
    font-family: 'gillsansmt';
    margin: 10px 0px 0px;
    text-transform: uppercase;
}
#video_container .video{
	width: 1250px;
    height: 312px;	
    margin:5px auto;
	overflow:hidden;
	position: relative;
    border:1px solid #c5c5c5;
    background:#ffffff;
    text-align:center;   
}
#video_container .video > ul{
	
	margin:5px auto;
	width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    left:0;
}
#video_container .video > ul > li{float: left;width: 1250px;height:312px;}
#video_container .video > iframe{
	width: 780px;
  	height: 330px;
 	margin-left: -102px;
 	margin-top: 8px;
 }
#video_container .menu-video {width:1255px;margin:-8px auto 30px;position: relative;}
#video_container .menu-video .carousel-navigation{
	list-style:none;
	margin:0px auto;
   	position: relative;
    overflow: hidden;
    height:138px;
    width: 1250px;
    background: #ffffff;
    border:1px solid #c5c5c5;
    border-top:0px;
}
#video_container .menu-video ul{
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0 0 0 -2px;
    padding: 0;
}
#video_container .menu-video li{
	float:left;
	width: 137px;
	height:137px;
	display:inline;
	margin:0px;
	cursor:pointer;
	opacity:0.95;
	border:1px solid #f4f4f4;
	background:#139126;
}
#video_container .menu-video li:hover, #video_container .menu-video li.active{border:1px solid #f4f4f4;}
#video_container .menu-video li.active{
    opacity:1;
    border:1px solid #f4f4f4;
    border-top:0;
    background:#00c21d;
}
#video_container .menu-video li:first-child{
	
	background:#3d3d3d!important;
}
/*---efecto imagen ---*/
#video_container .menu-video li img{opacity:0.7;width:100%;}
#video_container .menu-video li:hover img, #video_container .menu-video li.active img{opacity:1;}


#video_container .menu-video li.active h2{font-weight:bold;color:#0c5184;text-shadow:1px 1px 0px #ffffff;}
#video_container .menu-video li h2{
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Sans Unicode";
	font-weight:bold;
	font-size:0.9em;
	color:#ffffff;
	text-shadow:1px 1px 0px #000000;
	text-align:center;
	padding:2px 1px;
	margin:0 auto;
	position:relative;
	top:15px;
	
}
#video_container .prev-navigation,
#video_container .next-navigation {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    color: #ffffff;
    border:1px solid #c0c0c0;
	background:#818181;
    text-decoration: none;
    font: 16px/29px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
            display:none;
}
#video_container .next-navigation:hover{background:#064e86;}
#video_container .prev-navigation {
    left: -15px;
    top:17px;
    text-indent:5px;
}

#video_container .next-navigation {
    right: -15px;
    top:17px;
    text-indent: 20px;
}

#video_container .prev-navigation.inactive,
#video_container .next-navigation.inactive {
    opacity:0.8;
    cursor: default;
}
/*---- imagen ----*/
.img_video{
	/*background:url('img_canalyoutube.png') center top no-repeat;*/
	width:30%;
	height:465px;
	float:left;
}
.img_video img{position:relative;}
.img_video div{
  	left: 180px;
  	top: -230px;
  	position: relative;
  	z-index:5000;
}
#section-planes .container {overflow: visible;}
#section-planes h3{
	background: url('../images/home/planes/bg_titulos_planes2.png') center top no-repeat;
    width: 98%;
    height: 50px;    
    color: #ffffff;
    text-align: center;
    padding: 15px 0px;
    font-size:20px;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    text-transform: uppercase;
    margin: 0px auto;
    position: relative;
    top: 10px;
    z-index: 1;
    
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%;
	display:none;
    
}
/*----INFORMACION DE LOS PLANES */
.plan-info h4{
	color: #009415;
    text-transform: uppercase;
    border-top: 2px solid #00c21d;
    border-bottom: 2px solid #00c21d;
    padding: 3px 1px;
    font-size: 22px;
    width: 58%;
    float: left;
    margin-left: 30px;
    margin-top: 30px;
    text-shadow: 0px 0px 10px rgba(255,255,255,1);
}
.plan-info p{
	width: 660px;
    height: auto;
    text-align: justify;
    float: left;
    clear: both;
    margin-left: 30px;
    text-shadow:1px 1px 0px rgba(255,255,255,0.8);
    font-weight:bold;
    /*font-family: 'dinregularwebfont';*/
    font-size: 15px;
    color:#3d3d3d;
}
.plan-info .list{
	list-style:none;
	clear: both;
    margin-left: 30px;
    font-family: 'dinregularwebfont';
    width: 690px;
    text-align: left;
    color: #005f0f;
    font-weight: 700;
}
.plan-info .list  li{padding:5px 0px;}
.plan-info .list span{
	/*display:block;*/
	padding:0px 25px;
	background:url('../images/planes/icon_check.png') left top no-repeat;
	font-size: 20px;
    text-shadow: 2px 2px 0px rgba(255,255,255,0.9);
    vertical-align:middle;
}