﻿/* ALERTA APP MOBILE *******************************************/
/***************************************************************/
.warning * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.warning {width:100%;height:auto;display:inline-block;/*font-size:medium;display:block;width:100%;height:100%;background:url('http://img.rtve.es/css/rtve.commons/i/transpBasics/000000_40.png');*/}
.warning .mark {padding:1.6em;background:#eee;border-bottom:0.1em solid #ddd;box-shadow:0 0.4em 0.8em #000;display:block;float:left;width:100%;
background: 					linear-gradient(bottom,#ddd 0%,#fff 90%);/*W3C*/
background: 			 -o-linear-gradient(bottom,#ddd 0%,#fff 90%);/*Opera11.10+*/
background: 		 -moz-linear-gradient(bottom,#ddd 0%,#fff 90%);/*FF3.6+*/
background: 	-webkit-linear-gradient(bottom,#ddd 0%,#fff 90%);/*Chrome10+,Safari5.1+*/
background: 			-ms-linear-gradient(bottom,#ddd 0%,#fff 90%);/*IE10+*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );/*IE6-9*/
background: 				 -webkit-gradient(linear,left bottom,left top,color-stop(0%,#ddd),color-stop(90%,#fff));/*Chrome,Safari4+*/
}
.warning h2 span,.warning p {font-family:'Trebuchet MS',sans-serif;text-shadow:1px 1px 0 #333;}  
.warning .download,.warning p {width:100%;}
.warning .download {display:inline-block;float:none;padding-left:5.6em;background:none;}
.warning p {width: 100%;float: none;display: block;color: #333;height: auto;margin: 0;border-left: 1px solid #999;background: url('http://img.irtve.es/css/rtve.commons/i/arrowAlerts.png') no-repeat 100% 0;background-size: auto 100%;text-shadow: 1px 1px 1px #aaa;}
.warning .close_banner {float:left;font-size:2.4em;line-height:1em;width:1.5833em;display:inline-block;padding:0.25em;text-align:center;background:#eee;color:#999;border-radius:100%;border:1px solid #fff;box-shadow:0 1px 2px #666;}
.warning .ima {width:8em;height:8em;overflow:hidden;float:left;margin:0em 1.2em 0 1.2em;}
.warning .ima img {width:100%;}

/*fonts*/
.warning h2 span,.warning p {font-size: 160%;line-height:1;}
.warning .download strong	{font-size:1.2em;line-height:3;letter-spacing:1px;box-shadow:0.2em 0.2em 0.1em rgba(0,0,0,0.5);
background: 					linear-gradient(bottom,#333 10%,#bbb 90%);/*W3C*/
background: 			 -o-linear-gradient(bottom,#333 10%,#bbb 90%);/*Opera11.10+*/
background: 		 -moz-linear-gradient(bottom,#333 10%,#bbb 90%);/*FF3.6+*/
background: 	-webkit-linear-gradient(bottom,#333 10%,#bbb 90%);/*Chrome10+,Safari5.1+*/
background: 			-ms-linear-gradient(bottom,#333 10%,#bbb 90%);/*IE10+*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#bbbbbb',GradientType=0 );/*IE6-9*/
background: 				 -webkit-gradient(linear,left bottom,left top,color-stop(0%,#333),color-stop(90%,#bbb));/*Chrome,Safari4+*/}
.warning p {min-height:2.625em;padding:0 1.5em 0 0.75em;}
.warning h2 span {font-weight:bold;}
.warning h2 span,.warning .download strong {display:inline-block;}
.warning .download strong {border-radius:0.5em;color:#fff;padding:0 1em;}

.warning,.alc_menu {clear:both;//general;}
#contenedor #cabecera {padding-top:1em;//infantil;} 
/**/
/*.warning {position:fixed;}*/
.warning {position:relative;z-index:99999;}
.warning .mark {position:relative;}
.warning .close_banner {position:absolute;left:0.6667em;top:0.667em;}
.warning.layer .close_banner {left:2%;top:2%;}

/*version layer*/
.warning.layer h2 span,.warning.layer p {margin:0.4em 0 0 0;padding:0;}
.warning.layer {position:fixed;background:rgba(255,255,255,0.9);width:100%;height:100%;}
.warning.layer > .mark {background-repeat:no-repeat;background-position:50% 0;background-size:100% auto;border:0 none;left:2%;top:1%;height:98%;width:96%;position:absolute;}
.warning.layer .download {padding:0;float:none;display:block;margin:3em auto 0 auto;text-align:center;}
.warning.layer .ima {float:none;clear:both;margin:-2em 0 0 0;display:inline-block;}
.warning.layer p {background:none;border:0 none;margin-bottom:0.4em;}



/*INFANTIL SKIN*/
.infantil.warning .download strong,.thomas-friends.warning .download strong	{top: auto;left: auto;width: auto;background: url('/css/rtve.mobile/alertas/infantil_boton.jpg');background-size: 100% 100%;box-shadow: 0.2em 0.2em 0.1em rgba(130,30,130,0.9);position: relative;margin: 0 auto;font-size:40px;}
.infantil.warning.layer p,.thomas-friends.warning.layer p{color:#fff;text-shadow:2px 2px 0 rgba(20,30,50,0.5);font-weight:bold;}
.infantil.warning.layer.phone p,.thomas-friends.warning.layer.phone p {text-shadow:2px 2px 0 rgba(20,30,50,0.85);}
.infantil.warning.layer > .mark,.thomas-friends.warning.layer > .mark {width:100%;height:100%;left:0;top:0;}
.infantil.warning.layer .close_banner:before,.thomas-friends.warning.layer .close_banner:before{content:"";}
.infantil.warning.layer .close_banner,.thomas-friends.warning.layer .close_banner {left: 2%;top: 2%;margin: 0;float: left;font-size: 2.4em;line-height: 1em;width: 1.5833em;display: inline-block;padding: 0.25em;text-align: center;background: #eee;color: #666;border-radius: 100%;border: 1px solid #fff;box-shadow: 0 1px 2px #666;}

/*SOCHI SKIN*/
.sochi.phone .close_banner,
.sochi.tablet .close_banner {display:none;}

/*GOYA SKIN*/
.goya.warning .download {margin:0;padding:0;position:absolute;left:0;bottom:4em;width:100% !important;text-align:center;}
.goya.warning .download strong {background:#bc8c0c;}


.warning.layer .close_banner{	width: 30%;	display: inline-block;		left: 50%;	top:12em;	margin-left: 2.5%;	text-align: center;	border-radius: 0;	color: transparent;	font-size: 120%;	text-transform: none;	line-height: 2.2;	font-size: 1.2em;  line-height: 3;    	letter-spacing: 1px;  	box-shadow: 0.2em 0.2em 0.1em rgba(0,0,0,0.5);              	border-radius: 0.5em;  color: #fff;  padding: 0 1em;	border: 0;	background: #003666;	color: #003666;}

.warning.layer .close_banner:before{content: "Ver en Directo";color: white;}
#multisignal_module.tablet .warning .download strong,#multisignal_module.tablet .warning.layer .close_banner{top:18em;}
#multisignal_module.mobile .warning.layer p{font-size:160%;}

.warning .download strong{	position: absolute;	top:12em;	left: 40%;	width: 30%;	margin: 0 0 0 -22.5%;	background: #3680c2;}

@media only screen and (orientation: portrait) {
/*.warning.phone {font-size:7px;}
.warning.tablet {font-size:13px;}
.warning.layer.phone {font-size:xx-large;}
.warning.layer.tablet {font-size:large;}
.warning.layer.phone .download {width:90%;}
.warning.layer.tablet .download {width:75%;}
.warning.layer > .mark {background-size:auto 100%;}
*/

/* Mobile */

	/* Iphone */
/*		#deportes.mobile.applos .warning.layer p{font-size:40px;}
		#deportes.mobile.applos .warning .download strong,#deportes.mobile.applos .warning.layer .close_banner{font-size: 20px;line-height: 2;top: 14.5em;}
		#deportes.mobile.applos .warning .ima{width:10em;height:10em;}
		#deportes.mobile.applos .warning.layer > .mark{background-size: 100% 100%;}*/
		
	/* Android */
/*		#deportes.mobile.andros .warning .ima{width:15em;height:15em;}
		#deportes.mobile.andros .warning.layer p{font-size:50px;}
		#deportes.mobile.andros .warning .download strong,#deportes.mobile.andros .warning.layer .close_banner{top:14em;font-size:30px;line-height:2;}
*/
	/* Ambos */
		.warning.layer > .mark{background-size: auto 100%; }
		.warning.layer.phone p{font-size: 50px;}
		.warning.layer .ima{width:15em;height:15em;}


/* Tablet */
	/* Iphone */
/*		#deportes.tablet.applos .warning.layer p{font-size:50px;}
		#deportes.tablet.applos .warning .ima{width:14em;height:14em;}
		#deportes.tablet.applos .warning .download strong,#deportes.tablet.applos .warning.layer .close_banner{top:18em;font-size:20px;}
		#deportes.tablet.applos .warning.layer > .mark{background-size: auto 100%;}*/

	/* Android */
/*		#deportes.tablet.andros .warning.layer p{font-size:50px;}
		#deportes.tablet.andros .warning .ima{width:14em;height:14em;}
		#deportes.tablet.andros .warning .download strong,#deportes.tablet.andros .warning.layer .close_banner{top:18em;font-size:20px;}
		#deportes.tablet.andros .warning.layer > .mark{background-size: auto 100%;}*/
}

@media only screen and (orientation: landscape) {
/*.warning.phone {font-size:5px;}
.warning.tablet {font-size:11px;}
.warning.layer.phone {font-size:large;}
.warning.layer.tablet {font-size:medium;}
.warning.layer.phone .download {*//* width:70%; *//*}
.warning.layer.tablet .download {width:45%;}
.warning.layer > .mark {background-size:100% auto;}
.infantil.warning.layer > .mark {background-position:-2.5% 50%;}
.sochi.warning.layer > .mark {background-size:108% auto;}
.phone.goya.warning .download {background-position:50% 50%;}*/

/* Paisaje */
/* Mobile */
	/* Iphone */
		#deportes.mobile.applos .warning.layer p{font-size:50px;}
		#deportes.mobile.applos .warning .download strong,#deportes.mobile.applos .warning.layer .close_banner{font-size:30px;line-height: 1.5;top:10em;}
		#deportes.mobile.applos .warning .ima{width: 6em;height: 6em;}
		#deportes.mobile.applos .warning.layer > .mark{background-size: 100% auto;}
	/* Android */
		#deportes.mobile.andros .warning .ima{width:12em;height:12em;}
		#deportes.mobile.andros .warning.layer p{font-size:50px;}
		#deportes.mobile.andros .warning .download strong,#deportes.mobile.andros .warning.layer .close_banner{top:12.5em;font-size:25px;line-height:2;}

/* Tablet */ 
	/* Iphone */
		#deportes.tablet.applos .warning .ima{width: 10em;height: 10.5em;}
		#deportes.tablet.applos .warning.layer p{font-size:50px;}
		#deportes.tablet.applos .warning.layer > .mark{background-size: 100% auto;}
		.tablet.applos .warning .download strong,.tablet.applos .warning.layer .close_banner{top:16em;font-size:20px;}


	/* Android */
		#deportes.tablet.andros .warning .ima{width:12em;height:12em;}
		#deportes.tablet.andros .warning.layer p{font-size:50px;}
		#deportes.tablet.andros .warning .download strong,#deportes.tablet.andros .warning.layer .close_banner{top:12.5em;font-size:25px;line-height:2;}

		.infantil.warning.layer .download strong,.thomas-friends.warning.layer .download strong{font-size:30px; }
}





/* ALERTA APP MOBILE *******************************************/
/* END *********************************************************/
