@charset "UTF-8";
@import url('http://lab.rtve.es/tipografias.css');

/* DECLARACION FONT-FACE ***************************************/
/***************************************************************/
/*Explorer*/
@font-face {font-weight:normal;	font-style:normal; font-family:RTVEfontR;     src: url('fonts/rtve_regular.eot');}
@font-face {font-weight:bold;		font-style:normal; font-family:RTVEfontB;     src: url('fonts/rtve_bold.eot');}
@font-face {font-weight:normal; font-style:normal; font-family:RTVEfontSansR; src: url('fonts/rtve_sansreg.eot');}
@font-face {font-weight:bold;   font-style:normal; font-family:RTVEfontSansB; src: url('fonts/rtve_sansbold.eot');}
/*el resto*/
@font-face {font-weight:normal;	font-style:normal; font-family:RTVEfontR;     src: url('fonts/rtve_regular.otf');}
@font-face {font-weight:bold;		font-style:normal; font-family:RTVEfontB;     src: url('fonts/rtve_bold.otf');}
@font-face {font-weight:normal; font-style:normal; font-family:RTVEfontSansR; src: url('fonts/rtve_sansreg.otf');}
@font-face {font-weight:bold;   font-style:normal; font-family:RTVEfontSansB; src: url('fonts/rtve_sansbold.otf');}
/* DECLARACION FONT-FACE ***************************************/
/* END *********************************************************/

@font-face {
	font-family: 'Fontin_Sans_B_45b';
	src: url('fonts/Fontin_Sans_B_45b.eot#') format('eot'), 
	     url('fonts/Fontin_Sans_B_45b.woff') format('woff'), 
	     url('fonts/Fontin_Sans_B_45b.ttf')  format('truetype'),
	     url('fonts/Fontin_Sans_B_45b.svg#svgFontName') format('svg');
	}
@font-face {
	font-family: 'Museo700Regular';
	src: url('fonts/Museo700Regular.eot#') format('eot'), 
	     url('fonts/Museo700Regular.woff') format('woff'), 
	     url('fonts/Museo700Regular.ttf')  format('truetype'),
	     url('fonts/Museo700Regular.svg#svgFontName') format('svg');
	}

@font-face {
	font-family: 'MuseoSans_500';
	src: url('fonts/MuseoSans_500.eot#') format('eot'), 
	     url('fonts/MuseoSans_500.woff') format('woff'), 
	     url('fonts/MuseoSans_500.ttf')  format('truetype'),
	     url('fonts/MuseoSans_500.svg#svgFontName') format('svg');
	}

@font-face {
	font-family: 'TinDog';
	src: url('fonts/TinDog.eot#') format('eot'), 
	     url('fonts/TinDog.woff') format('woff'), 
	     url('fonts/TinDog.ttf')  format('truetype'),
	     url('fonts/TinDog.svg#svgFontName') format('svg');
	}


html, body { margin:0; padding:0;font-family:'RTVEfontSansR', Arial, Helvetica, sans-serif;}
.main { width:927px; height:520px; overflow:hidden; margin:0; padding:0;}
h3 { color: #BB2828; text-align: center; position: relative; font-size: 32px; font-weight:normal; padding: 0 10px; margin:20px 0 5px 0; }
h4 { color: #666; text-align: center; position: relative; font-size: 14px; font-weight:normal; padding:0 10px 0 10px; margin: 0; text-align:left }
span { color:#515151; font-size:15px; margin-bottom:15px; display:block}
.view { float: left; overflow: hidden;  position: relative; text-align: center; /*cursor: pointer;*/ background: #efefef; }
.view .mask{  position: absolute; overflow: hidden; top: 0; left: 0; width:618px; height:390px;}
.view .content { position: absolute; overflow: hidden; top: 0; left: 0; }
.view img { display: block; position: relative; }

.item10 .mask{ width:309px!important; height:260px!important; background:#fff}
.item11 .mask{ width:309px!important; height:130px!important;}

.view h2 { text-transform: uppercase; color:#BB2828; text-align: center; position: relative; font-size: 22px; font-weight:normal; padding: 10px; margin: 15px 0 0 0; /*background:red;*/ }
.view h2 b { text-transform: none; color: #515151; text-align: center; position: relative; font-size: 15px; padding:5px 0 0 0; margin:0 0 0 0; font-weight:normal;  display:block; }
.view p { font-size: 14px; position: relative; color: #fff; padding: 10px 30px 5px 30px; text-align: center; line-height:16px; margin:0 auto 15px auto;}
.view a.info { display: inline-block; text-decoration: none; padding: 4px 14px 4px 14px; background: #BB2828; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; font-size:14px; /*cursor:pointer;*/ }
.view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.view-tenth img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out;  -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.view-tenth .mask { /*background-color: #fff;*/ -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-tenth h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-tenth p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.view-tenth a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.view-tenth:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-tenth:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }			


.item1 { position:absolute; left:0; top:0;}
.item0 { position:absolute; left:309px; top:0;}
.item2 { position:absolute; left:618px; top:0;}
.item3 { position:absolute; left:0; top:130px;}
.item10 { position:absolute; left:309px; top:130px; width:309px!important; height:260px!important;}
.item5 { position:absolute; left:618px; top:130px;}
.item6 { position:absolute; left:0; top:260px;}
.item11 { position:absolute; left:309px; top:260px;}
.item8 { position:absolute; left:618px; top:260px;}
.item9 { position:absolute; left:0; top:390px;}
.item4 { position:absolute; left:309px; top:390px;}
.item7 { position:absolute; left:618px; top:390px;}
.item12 { position:absolute; left:0; top:520px;}
.item13 { position:absolute; left:309px; top:520px;}
.item14 { position:absolute; left:618px; top:520px;}

.item0:hover { width:618px; height:390px; position: absolute;z-index:9999;}
.item1:hover { width:618px; height:390px; position: absolute;z-index:9999;}
.item2:hover { width:618px; height:390px; position: absolute;z-index:9999; left:309px;}
.item3:hover { width:618px; height:390px; position: absolute;z-index:9999;}
.item4:hover { width:618px; height:390px; position: absolute;z-index:9999; top:130px;}
.item5:hover { width:618px; height:390px; position: absolute;z-index:9999; left:309px}
.item6:hover { width:618px; height:390px; position: absolute;z-index:9999; top:130px;}
.item7:hover { width:618px; height:390px; position: absolute;z-index:9999; top:130px; left:309px;}
.item8:hover { width:618px; height:390px; position: absolute;z-index:9999; top:130px; left:309px;}
.item9:hover { width:618px; height:390px; position: absolute;z-index:9999; top:130px;}
/*.item10:hover { width:618px; height:520px; position: absolute;z-index:9999; top:0px;}
.item11:hover { width:618px; height:520px; position: absolute;z-index:9999; top:0px; left:309px;}
.item12:hover { width:618px; height:520px; position: absolute;z-index:9999;top:130px;}
.item13:hover { width:618px; height:520px; position: absolute;z-index:9999;top:130px;}
.item14:hover { width:618px; height:520px; position: absolute;z-index:9999;top:130px; left:309px;}
*/