body{padding:0; margin:0; font-family:Helvetica,Arial, sans-serif; color:#666; font-size:13px}
.vacio{clear:both}


/*---------MENU */

#pagetop{background-color:#ffffff; position:fixed;z-index:1000; width:100%; top:0}

.mobileButtons {
	display: none;
	float: right;
}

.mobileButtons ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mobileButtons li {
	list-style: none;
	padding: 0;
	margin: 10px 10px 0 0;
	display: block;
	float: left;
}

.mobileButtons li a {
	padding: 5px;
	font-size: 12px;
	color: #666666;
	background-color:#DADADA;
	border: 1px solid #DADADA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#OuterMenu{background-color:#294883;}

#MenuDiv, #dnn_MenuDiv{width:960px; margin:auto; padding:3px 0; }
#MenuDiv2{display:none}
#MainMenu{background-color:#294883;}
#MainMenu ul, #dnn_MainMenu ul{list-style:none!important; padding:0; margin:0}
#MainMenu ul li, #dnn_MainMenu ul li{list-style:none!important;font-size:12px; line-height:20px; border-left:1px solid #ffffff; padding:0 10px; float:right; color:#ffffff}
#MainMenu ul li.a, #MainMenu ul li.a link, #MainMenu ul li.a active, a.Menu,
#dnn_MainMenu ul li.a, #dnn_MainMenu ul li.a link, #dnn_MainMenu ul li.a active{color:#ffffff!important; text-decoration:none!important}

#MainMenu2 ul.Toplevel{list-style:none!important; padding:0; margin-bottom: 0px!important;
    margin-left: 0px!important; margin-right:0; margin-top:0}
#MainMenu2 ul li, #MainMenu2 ul li.mmen, #MainMenu2 ul.Toplevel li, #MainMenu2 ul.Toplevel li.mmen{font-size:12px; line-height:20px; border-left:0px solid #ffffff; padding:5px 10px; float:none; width:auto; color:#ffffff; text-align:center; border-top:1px solid #ffffff; background-color:#294883;list-style:none!important;}
#MainMenu2 ul li.a, #MainMenu2 ul li.a link, #MainMenu2 ul li.a active{color:#ffffff!important; text-decoration:none!important}
/*CABECERA*/
#Header{width:960px; margin:auto;}
#Logo{width:230px; float:left; padding:5px 0;}
#Logo img{ width:229px;height:35px}
#Logo h1{padding:0; margin:0; font-size:14px; color:#999; font-family:Helvetica,Arial, sans-serif; font-weight:normal; padding:0 3px}
#telefono{width:350px; text-align:right; float:right; color:#294883; font-size:24px; line-height:40px;padding:10px 0; font-weight:bold;}
#telefono a{color:#294883!important}
/*ESTRUCTURA PAGINA HOME*/

.OuterHomeContentPane{width:960px; margin:auto; padding:150px 0 5px 0}

h1.principal{color:#999999; text-align:center; font-size:24px; line-height:30px; font-weight:normal; padding:0; margin:0}
.Cifras{width:100%; margin:auto auto 00px auto; min-height:10px;}



.CifrasIframe{width:80%; float:left}
.iframe-container {	width:100%; position:relative;	padding-bottom:0%;	padding-top:0%;	overflow:hidden;max-height:60px;}
.iframe-container iframe,{position:absolute;top:0;left:0;width:100%;height:100%; min-height:40px }

#Video{width:15%; float:right; margin:0 0 0 0; background:url(Images/VerVideo.png) right center no-repeat; padding:0px 40px 0 0; text-align:right; font-size:16px; font-weight:normal; color:#96bd11; line-height:36px;}
#Video a{color:#96bd11!important;}

/*ESTRUCTURA PAGINA RESULTADOS*/

.OuterContentPane{width:960px; margin:50px auto 0 auto; padding:60px 0 5px 0}
.InsideContent{width:80%; margin:auto}


/*CIERRE PAGINA*/
.ByDvuelta{padding-top:10px; text-align:right; font-size:11px;  line-height:16px; color:#999}
#outerfooter{background-color:#ecedef}
#footer{width:920px; padding:15px 20px; margin:auto; font-size:13px; color:#666; text-align:left}
#footer img{padding:0 6px}
#outerCierre{padding:5px 0; background-color:#999;}
#cierre{width:920px; padding:0 20px; margin:auto; background:url(Images/Reacciona.png) right center no-repeat; color:#ffffff; font-size:11px; text-align:left}
#cierre img{margin:0 5px}
/*ESPECIFICAS DNN*/
.SkinObject, .SkinObject a,.SkinObject a:link,.SkinObject a:active,.SkinObject a:visited,.SkinObject a:hover, a.SkinObject, a.SkinObject:link, a.SkinObject:active, a.SkinObject:visited, a.SkinObject:hover,
.RightFooter .SkinObject a, .RightFooter .SkinObject a:link, .RightFooter .SkinObject a:active, .RightFooter .SkinObject a:visited, .RightFooter .SkinObject a:hover
.RightFooter a.SkinObject , .RightFooter a.SkinObject:link, .RightFooter a.SkinObject:active, .RightFooter a.SkinObject:visited, .RightFooter a.SkinObject:hover {color:#ffffff!important;}
.Widget140{width:200px; margin:10px auto 0 auto}
#Login{
			float:none;
			padding-right:0;
			background:transparent;
		}
		
		#Login .registerGroup, 
		#Login .registerGroup *, 
		#Login .loginGroup, 
		#Login .loginGroup *{
			display:block;
			color:#999999
		} 
	
	
		#Login .registerGroup,
		#Login .loginGroup{} 
		
		#Login .registerGroup li:first-child:hover{}
		/* Register Group Styles */
		#Login .registerGroup li{ 

		}
		#Login .registerGroup .buttonGroup{margin-right:0;}
		
		#Login .registerGroup a,
		#Login .loginGroup a{color:#999!important}
		
		#Login .registerGroup a:hover,
		#Login .loginGroup a:hover{color:#999!important}
		#Login .registerGroup a:active,
		#Login .loginGroup a:active{color:#999!important}
		
		#Login .registerGroup a:hover,
		#Login .loginGroup a:hover{color:#999!important}
		
		#Login .registerGroup a strong,
		#Login .loginGroup a strong{color:#999!important}
		
		.registerGroup .userMessages strong,
		.registerGroup .userNotifications strong{}
		.registerGroup .userNotifications strong{}
		.registerGroup .userMessages strong:hover{ }
		.registerGroup .userNotifications strong:hover{}
		.registerGroup .userMessages strong:active{ }
		.registerGroup .userNotifications strong:active{ }
		
		#Login .registerGroup a span{}
		
		
		#Login .registerGroup .userProfileImg a{}
		#Login .registerGroup a img{}
		/* Login Group Styles */
		#Login .loginGroup{	} 
		#Login .loginGroup a{}
		
		/* Login Language Group */
		#Login .language-object{}
		#Login .language-object span{}
		#Login .language-object span:first-child{}
		#Login .language-object span img{}
		#Login .language-object span:hover img{}
		#Login .language-object .Language.selected img{}
		
		
ul, ol { padding: 0;}
ul li {font-size: 13px;list-style: disc outside none; padding-bottom: 10px;}

ol li {font-size: 13px; padding-bottom: 10px;}

#Breadcrumb{height:30px;width:960px;line-height:30px;background:url(images/Breadcrumb-BG.jpg) no-repeat 0 0;margin:0 0 2em 0;font-size:11px;}
    #Breadcrumb span{display:inline-block;height:30px;float:left;font-weight:bold;color:#666;font-size:11px;}
    #Breadcrumb .Intro{text-transform:uppercase;padding:0 15px 0 13px;margin:0 15px 0 0;font-size:10px;background:url(images/Breadcrumb-FirstSep.jpg) no-repeat right 0;}
    #Breadcrumb .SkinObject{display:inline-block;color:#944e4e;height:30px;float:left;}
    #Breadcrumb .SkinObject:hover{text-decoration:underline;}
    #Breadcrumb span.Sep{width:14px;background:url(images/Breadcrumb-Sep.jpg) no-repeat 0 0;margin:0 15px;}
	
	#iPopUp{display:none;}
.eipbackimg{z-index:1000;}

/* Fonts */
.Normal{font-size:12px;line-height:16px;}
.SubHead{color:#333;}

ul li li {
    list-style-type: disc;
	padding-top:10px;
	padding-bottom:0px;
}

.Widget{padding-bottom:50px;}
.Widget h2{color: rgb(153, 153, 153);
    font-size: 30px;
    font-weight: normal;
    margin: 0;}


.console{margin:30px 0px; clear:both}
.console-none {width:22%; float:left; margin:0 2% 30px 0}
.console-none div{height:60px!important; width:auto!important;}



/*PARA EL APARTADO DE FAQS*/

ul.Preguntas, ol.Preguntas {padding: 0 0 0 0px;}
ul.Preguntas li {font-size: 12px;list-style:disc outside;padding-bottom: 10px; color:#666!important; text-align:left; background-color:#ffffff!important}
ol.Preguntas li {font-size: 12px; padding-bottom: 10px;}
ul.Preguntas ul, ul.Preguntas ol, ol.Preguntas ol, ol.Preguntas ul {margin:10px 0 0 15px; padding:0}
ul.Preguntas ul li, ul.Preguntas ol li{font-size: 12px;list-style:circle outside;padding-bottom: 10px;}


#Pregunta1, #Pregunta2, #Pregunta3, #Pregunta4, #Pregunta5, #Pregunta6, #Pregunta7{ background:url(Images/list.jpg) left center no-repeat; padding:0 0 0 20px; min-height:20px; line-height:24px; margin:4px 0 }
#Respuesta1, #Respuesta2, #Respuesta3, #Respuesta4, #Respuesta5, #Respuesta6, #Respuesta7{padding:10px 10px 10px 30px; text-align:justify}
#Pregunta1:hover, #Pregunta2:hover, #Pregunta3:hover, #Pregunta4:hover, #Pregunta5:hover, #Pregunta6:hover, #Pregunta7:hover{cursor:pointer; color:rgb(23, 78, 137)}

.is-sticky{margin-right:25%}


.ComparteBM{max-width:750px; margin:10% auto } 
.ComparteBM h1{margin-bottom:60px;}
.IFrameCompartir{width:60%; float:left}
.ShareArea{height: 60px; width: 90%; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; font-size:13px;line-height:15px; color:#454545; font-family:Helvetica,Arial,sans-serif; padding:5px 5px; border:1px solid #CCC }
.ShareWidget{width:35%; float:right}



.leftSideContent{width:70%; float:left}
.RightSide{width:270px; position:fixed; margin:auto 0 auto 700px;}


.AppHome{text-align:right; font-size:18px; color:#96bd11; width:100%; padding:10px 0}
.AppInt{text-align:right; font-size:16px; color:#96bd11; width:70%; padding:10px 0; margin-left:0}
/*#AndroidApp{display:none}
#IOSAPP{display:none}*/
@media only screen and (min-width: 800px) and (max-width: 959px) {
	
	/*---------MENU */
#OuterMenu{background-color:#294883;}
#MenuDiv,  #dnn_MenuDiv{width:95%; margin:auto; padding:3px 0}

#MainMenu{background-color:#294883;}
#MainMenu ul{list-style:none; padding:0; margin:0}
#MainMenu ul li{font-size:12px; line-height:20px; border-left:1px solid #ffffff; padding:0 10px; float:right; color:#ffffff}
#MainMenu ul li.a, #MainMenu ul li.a link, #MainMenu ul li.a active, a.Menu{color:#ffffff!important; text-decoration:none!important}


/*CABECERA*/
#Header{width:95%; margin:auto;}
#Logo{width:230px; float:left; padding:5px 0;}
#Logo img{ width:229px;height:35px}
#Logo h1{padding:0; margin:0; font-size:14px; color:#999; font-family:Helvetica,Arial, sans-serif; font-weight:normal; padding:0 3px}
#telefono{width:350px; text-align:right; float:right; color:#294883; font-size:24px; line-height:40px;padding:10px 0; font-weight:bold;}

/*ESTRUCTURA PAGINA HOME*/

.OuterHomeContentPane{width:95%; margin:auto; padding:100px 0 5px 0}
.OuterContentPane{width:98%; margin:60px auto auto auto; padding:20px 0 5px 0}
.InsideContent{width:98%; margin:auto}
h1.principal{font-size:20px; padding:0; margin:0; line-height:24px}
.Cifras{width:30%; margin:auto auto 10px auto; /*min-height:180px;*/}
.CifrasIframe{width:100%; float:none}
.iframe-container {	width:100%; position:relative;	padding-bottom:0%;	padding-top:0%;		overflow:hidden; max-height:160px}
.iframe-container iframe,{position:absolute;top:0;left:0;width:100%; /*height:220px!important; min-height:220px!important*/}
#Video{width:40%; float:none; margin:15px auto 0 auto; background:url(Images/VerVideo.png) right center no-repeat; padding:0px 40px 0 0; text-align:right; font-size:16px; font-weight:normal; color:#96bd11; line-height:36px;}



/*CIERRE PAGINA*/
#outerfooter{background-color:#ecedef}
#footer{width:95%; padding:15px 20px; margin:auto; font-size:13px; color:#666}
#outerCierre{padding:5px 0; background-color:#999;}
#cierre{width:95%; padding:0 20px; margin:auto; background:url(Images/Reacciona.png) right center no-repeat; color:#ffffff; font-size:11px;}
	
	
.leftSideContent{width:65%; float:left}
.RightSide{width:270px; position:fixed; margin:auto 0 auto 700px;}
.AppHome{ font-size:16px; }	
.AppInt{ font-size:16px;  width:65%; margin-left:0}
	#AndroidApp{display:none}
#IOSAPP{display:none}
	}
@media only screen and (min-width: 767px) and (max-width: 799px) {
	/*---------MENU */
#OuterMenu{background-color:#294883;}
#MenuDiv, #dnn_MenuDiv{width:95%; margin:auto; padding:3px 0}

#MainMenu{background-color:#294883;}
#MainMenu ul{list-style:none; padding:0; margin:0}
#MainMenu ul li{font-size:12px; line-height:20px; border-left:1px solid #ffffff; padding:0 10px; float:right; color:#ffffff}
#MainMenu ul li.a, #MainMenu ul li.a link, #MainMenu ul li.a active, a.Menu{color:#ffffff!important; text-decoration:none!important}


/*CABECERA*/
#Header{width:95%; margin:auto;}
#Logo{width:230px; float:left; padding:5px 0;}
#Logo img{ width:229px;height:35px}
#Logo h1{padding:0; margin:0; font-size:14px; color:#999; font-family:Helvetica,Arial, sans-serif; font-weight:normal; padding:0 3px}
#telefono{width:350px; text-align:right; float:right; color:#294883; font-size:24px; line-height:40px;padding:10px 0; font-weight:bold;}

/*ESTRUCTURA PAGINA HOME*/

.OuterHomeContentPane{width:95%; margin:auto; padding:90px 0 5px 0}
.OuterContentPane{width:95%; margin:auto; padding:20px 0 5px 0}
.InsideContent{width:98%; margin:auto}
h1.principal{ font-size:20px; padding:0; margin:0; line-height:24px}
.Cifras{width:50%; margin:auto;}
.CifrasIframe{width:100%; float:none}
.iframe-container {	width:100%; position:relative;	padding-bottom:0%;	padding-top:0%;		overflow:hidden; min-height:160px;}
.iframe-container iframe,{position:absolute;top:0;left:0;width:100%;height:100%; }
#Video{width:29%; float:none; margin:15px auto 0 auto; background:url(Images/VerVideo.png) right center no-repeat; padding:0px 40px 0 0; text-align:right; font-size:16px; font-weight:normal; color:#96bd11; line-height:36px;}



/*CIERRE PAGINA*/
#outerfooter{background-color:#ecedef}
#footer{width:95%; padding:15px 20px; margin:auto; font-size:13px; color:#666}
#outerCierre{padding:5px 0; background-color:#999;}
#cierre{width:95%; padding:0 20px; margin:auto; background:url(Images/Reacciona.png) right center no-repeat; color:#ffffff; font-size:11px;}
	.leftSideContent{width:60%; float:left}
.RightSide{width:270px; position:fixed; margin:auto 0 auto 700px;}
.AppHome{ font-size:16px; }	
.AppInt{ font-size:16px;  width:65%; margin-left:0}
#AndroidApp{display:none}
#IOSAPP{display:none}
	}
@media only screen and (min-width: 600px) and (max-width: 766px) {
	
	/*---------MENU */
#OuterMenu{background-color:#294883;}
#MenuDiv,#dnn_MenuDiv{width:98%; margin:auto; padding:1px 0;background-color:#294883;}
#MainMenu{background-color:#294883;}
#MainMenu ul{list-style:none; padding:0; margin:0}
#MainMenu ul li{font-size:10px; line-height:20px; border-left:1px solid #ffffff; padding:0 10px; float:right; color:#ffffff}
#MainMenu ul li.a, #MainMenu ul li.a link, #MainMenu ul li.a active, a.Menu{color:#ffffff!important; text-decoration:none!important}


/*CABECERA*/
#Header{width:98%; margin:auto;}
#Logo{width:230px; float:left; padding:5px 0;}
#Logo img{ width:229px;height:35px}
#Logo h1{padding:0; margin:0; font-size:14px; color:#999; font-family:Helvetica,Arial, sans-serif; font-weight:normal; padding:0 3px}
#telefono{width:98%; text-align:right; float:none; margin:auto; color:#294883; font-size:24px; line-height:40px;padding:10px 0; font-weight:bold;}

/*ESTRUCTURA PAGINA HOME*/

.OuterHomeContentPane{width:98%; margin:auto; padding:90px 0 5px 0}
.OuterContentPane{width:98%; margin:auto; padding:20px 0 5px 0}
.InsideContent{width:98%; margin:auto}
h1.principal{font-size:24px; padding:0; margin:0; line-height:24px}
.Cifras{width:90%; margin:auto;}
.CifrasIframe{width:100%; float:none}
.iframe-container {	width:90%; position:relative;	padding-bottom:0%;	padding-top:0%;		overflow:hidden; min-height:160px; max-height:170px;}
.iframe-container iframe,{position:absolute;top:0;left:0;width:100%;height:100%; min-height:210px}
#Video{/*<!--width:30%; float:none; margin:15px auto 0 auto; background:url(Images/VerVideo.png) right center no-repeat; padding:0px 40px 0 0; text-align:right; font-size:16px; font-weight:normal; color:#96bd11; line-height:36px;-->*/display:none}



/*CIERRE PAGINA*/
#outerfooter{background-color:#ecedef}
#footer{width:90%; padding:15px 20px; margin:auto; font-size:13px; color:#666}
#outerCierre{padding:5px 0; background-color:#999;}
#cierre{width:90%; padding:0 20px 30px 20px; margin:auto; background:url(Images/Reacciona.png) center bottom no-repeat; color:#ffffff; font-size:11px;}
	
.FancyIMG{display:none}
ul.Preguntas, ol.Preguntas {padding: 0 0 0 0px;}
ul.Preguntas li {font-size: 12px;list-style:disc outside;padding-bottom: 10px; color:#666!important; text-align:left; background-color:#ffffff!important}
ol.Preguntas li {font-size: 12px; padding-bottom: 10px;}
ul.Preguntas ul, ul.Preguntas ol, ol.Preguntas ol, ol.Preguntas ul {margin:10px 0 0 15px; padding:0}
ul.Preguntas ul li, ul.Preguntas ol li{font-size: 12px;list-style:circle outside;padding-bottom: 10px;}

#Pregunta1, #Pregunta2, #Pregunta3, #Pregunta4, #Pregunta5, #Pregunta6, #Pregunta7{background:url(list.jpg) left top no-repeat; padding:0 0 0 20px; min-height:20px; line-height:22px; margin:4px 0 }
#Respuesta1, #Respuesta2, #Respuesta3, #Respuesta4, #Respuesta5, #Respuesta6, #Respuesta7{padding:10px}
#Pregunta1:hover, #Pregunta2:hover, #Pregunta3:hover, #Pregunta4:hover, #Pregunta5:hover, #Pregunta6:hover, #Pregunta7:hover{cursor:pointer; color:rgb(23, 78, 137)}	

.ComparteBM{max-width:95%; margin:auto} 
.IFrameCompartir{width:60%; float:left}
.ShareArea{height: 60px; width: 90%; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; font-size:13px;line-height:15px; color:#454545; font-family:Helvetica,Arial,sans-serif; padding:5px 5px; }
.ShareWidget{width:35%; float:right}
.leftSideContent{width:99%; float:none}
.RightSide{width:270px; position:relative; margin:30px auto;}
.AppHome{display:none}	
.AppInt{display:none}
#AndroidApp{width:75%;margin:auto; border:1px solid #999; text-align:right;background:url(Images/GooglePlay_android2.png) right center no-repeat;  padding:10px 125px 10px 0}
#IOSAPP{width:75%;margin:auto; border:1px solid #999; text-align:right;background:url(Images/AppleStore_2.png) right center no-repeat;  padding:10px 125px 10px 0}
#AndroidApp a, #IOSAPP a{color:#999!important; text-decoration:none}


	}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	/*---------MENU */
	
#OuterMenu{background-color:#294883; height:5px;}
#MenuDiv, #dnn_MenuDiv{width:100%; margin:auto; padding:1px 0;background-color:#294883;}
#MainMenu{background-color:#294883;}



/*CABECERA*/
#Header{width:98%; margin:auto;}
#Logo{width:230px; float:left; padding:5px 0;}
#Logo img{ width:90%;height:90%}
#Logo h1{padding:0; margin:0; font-size:14px; color:#999; font-family:Helvetica,Arial, sans-serif; font-weight:normal; padding:0 3px}
#telefono{width:98%; text-align:center; float:none; margin:auto; color:#294883; font-size:24px; line-height:40px;padding:10px 0; font-weight:bold; text-align:right}

/*ESTRUCTURA PAGINA HOME*/

.OuterHomeContentPane{width:98%; margin:auto; padding:90px 0 5px 0}
.OuterContentPane{width:98%; margin:auto; padding:10px 0 5px 0}
.InsideContent{width:98%; margin:auto}
h1.principal{ font-size:20px; padding:0; margin:0; line-height:24px}
.Cifras{width:99%; margin:auto;}
.CifrasIframe{width:100%; float:none}
.iframe-container {	width:90%; position:relative;	padding-bottom:0%;	padding-top:0%;		overflow:hidden; min-height:160px;}
.iframe-container iframe,{position:absolute;top:0;left:0;width:100%;height:100%;}
#Video{/*width:60%; float:none; margin:15px auto 0 auto; background:url(Images/VerVideo.png) right center no-repeat; padding:0px 40px 0 0; text-align:right; font-size:16px; font-weight:normal; color:#96bd11; line-height:36px;*/ display:none}


/*CIERRE PAGINA*/
#outerfooter{background-color:#ecedef}
#footer{width:90%; padding:15px 20px; margin:auto; font-size:13px; color:#666}
#outerCierre{padding:5px 0; background-color:#999;}
#cierre{width:90%; padding:0 20px 30px 20px; margin:auto; background:url(Images/Reacciona.png) center bottom no-repeat; color:#ffffff; font-size:11px;}
	
.FancyIMG{display:none}
ul.Preguntas, ol.Preguntas {padding: 0 0 0 0px;}
ul.Preguntas li {font-size: 12px;list-style:disc outside;padding-bottom: 10px; color:#666!important; text-align:left; background-color:#ffffff!important}
ol.Preguntas li {font-size: 12px; padding-bottom: 10px;}
ul.Preguntas ul, ul.Preguntas ol, ol.Preguntas ol, ol.Preguntas ul {margin:10px 0 0 15px; padding:0}
ul.Preguntas ul li, ul.Preguntas ol li{font-size: 12px;list-style:circle outside;padding-bottom: 10px;}

#Pregunta1, #Pregunta2, #Pregunta3, #Pregunta4, #Pregunta5, #Pregunta6, #Pregunta7{background:url(list.jpg) left top no-repeat; padding:0 0 0 20px; min-height:20px; line-height:22px; margin:4px 0 }
#Respuesta1, #Respuesta2, #Respuesta3, #Respuesta4, #Respuesta5, #Respuesta6, #Respuesta7{padding:10px}
#Pregunta1:hover, #Pregunta2:hover, #Pregunta3:hover, #Pregunta4:hover, #Pregunta5:hover, #Pregunta6:hover, #Pregunta7:hover{cursor:pointer; color:rgb(23, 78, 137)}	
	
.ComparteBM{max-width:95%; margin:auto} 
.IFrameCompartir{width:90%; float:none; margin:auto; text-align:center}
.ShareArea{height: 60px; width: 90%; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; font-size:13px;line-height:15px; color:#454545; font-family:Helvetica,Arial,sans-serif; padding:5px 5px; }
.ShareWidget{width:260px; float:none; margin:15px auto;}
.leftSideContent{width:99%; float:none}
.RightSide{width:270px; position:relative; margin:30px auto;}
.AppHome{display:none}	
.AppInt{display:none}
#AndroidApp{width:68%;margin:auto; border:1px solid #999; text-align:center;background:url(Images/GooglePlay_android2.png) right center no-repeat;  padding:10px 125px 10px 0}
#IOSAPP{width:68%;margin:auto; border:1px solid #999; text-align:center;background:url(Images/AppleStore_2.png) right center no-repeat;  padding:10px 125px 10px 0}
#AndroidApp a, #IOSAPP a{color:#999!important; text-decoration:none}


	}
@media only screen and (min-width: 321px) and (max-width: 479px) {
	/*---------MENU */
	#pagetop{background-color:#ffffff; position:relative; width:100%; z-index:1; }
#OuterMenu{background-color:#294883; height:4px;}
#OuterMenu2, #dnn_MenuDiv2{}
 #MenuDiv2{}
#dnn_MainMenu{display:none}
#MenuDiv,#dnn_MenuDiv{width:100%; margin:auto; padding:1px 0}
 .mobileButtons {
	    display: block
    }

    #MenuMobile {
	    clear: both;
    }
#MainMenu2 ul.Toplevel, ul.toplevelMM{list-style:none!important; padding:0; margin-bottom: 0px!important;
    margin-left: 0px!important; margin-right:0; margin-top:0}
#MainMenu2 ul li, ul.toplevelMM li{font-size:12px; line-height:20px; border-left:0px solid #ffffff; padding:5px 10px; float:none; width:auto; color:#ffffff; text-align:left; border-top:1px solid #ffffff; background-color:#294883!important;list-style:none!important; }
ul.toplevelMM li a, ul.toplevelMM li a.link{color:#ffffff!important; text-decoration:none!important}

/*CABECERA*/
#Header{width:98%; margin:auto; clear:both}
#Logo{width:80%; float:none; padding:5px 0; margin:0 0 0 10px; text-align:center}
#Logo img{ width:90%;height:90%}
#Logo h1{padding:0; margin:0; font-size:12px; color:#999; font-family:Helvetica,Arial, sans-serif; font-weight:normal; padding:0 3px}
#telefono{width:98%; text-align:center; float:none; margin:auto; color:#294883; font-size:24px; line-height:40px;padding:10px 0; font-weight:bold;}

/*ESTRUCTURA PAGINA HOME*/

.OuterHomeContentPane{width:98%; margin:auto; padding:10px 0 5px 0}
.OuterContentPane{width:98%; margin:auto; padding:10px 0 5px 0}
.InsideContent{width:98%; margin:auto}
h1.principal{font-size:20px; padding:0; margin:0; line-height:24px}
.Cifras{width:99%; margin:auto;}
.CifrasIframe{width:100%; float:none; margin:0 auto}
.iframe-container {	width:90%; position:relative;	padding-bottom:0%;	padding-top:0%;		overflow:hidden; min-height:160px;}
.iframe-container iframe,{position:absolute;top:0;left:0;width:100%;height:100%; min-height:210px}
#Video{/*width:60%; float:none; margin:15px auto 0 auto; background:url(Images/VerVideo.png) right center no-repeat; padding:0px 40px 0 0; text-align:right; font-size:16px; font-weight:normal; color:#96bd11; line-height:36px;*/ display:none}


/*CIERRE PAGINA*/
#outerfooter{background-color:#ecedef}
#footer{width:95%; padding:15px 20px; margin:auto; font-size:13px; color:#666}
#outerCierre{padding:5px 0; background-color:#999;}
#cierre{width:95%; padding:0 20px 30px 20px; margin:auto; background:url(Images/Reacciona.png) center bottom no-repeat; color:#ffffff; font-size:11px;}
	h1.archivos{font-size:22px; line-height:27px;}
.FancyIMG{display:none}
ul.Preguntas, ol.Preguntas {padding: 0 0 0 0px;}
ul.Preguntas li {font-size: 12px;list-style:disc outside;padding-bottom: 10px; color:#666!important; text-align:left; background-color:#ffffff!important}
ol.Preguntas li {font-size: 12px; padding-bottom: 10px;}
ul.Preguntas ul, ul.Preguntas ol, ol.Preguntas ol, ol.Preguntas ul {margin:10px 0 0 15px; padding:0}
ul.Preguntas ul li, ul.Preguntas ol li{font-size: 12px;list-style:circle outside;padding-bottom: 10px;}

#Pregunta1, #Pregunta2, #Pregunta3, #Pregunta4, #Pregunta5, #Pregunta6, #Pregunta7{background:url(list.jpg) left top no-repeat; padding:0 0 0 20px; min-height:20px; line-height:22px; margin:4px 0 }
#Respuesta1, #Respuesta2, #Respuesta3, #Respuesta4, #Respuesta5, #Respuesta6, #Respuesta7{padding:10px}
#Pregunta1:hover, #Pregunta2:hover, #Pregunta3:hover, #Pregunta4:hover, #Pregunta5:hover, #Pregunta6:hover, #Pregunta7:hover{ float:none; margin:auto; text-align:center}
.ShareArea{height: 60px; width: 90%; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; font-size:13px;line-height:15px; color:#454545; font-family:Helvetica,Arial,sans-serif; padding:5px 5px; }
.ShareWidget{width:260px; float:none; margin:15px auto;}
.leftSideContent{width:99%; float:none}
.RightSide{width:270px; position:relative; margin:30px auto;}
.AppHome{display:none}	
.AppInt{display:none}
#AndroidApp{width:58%;margin:auto; border:0px solid #999; text-align:center;background:url(Images/GooglePlay_android2.png) right center no-repeat; padding:8px 125px 8px 0;}
#IOSAPP{width:58%;margin:auto; border:0px solid #999; text-align:center;background:url(Images/AppleStore_2.png) right center no-repeat; padding:8px 125px 8px 0;}
#AndroidApp a, #IOSAPP a{color:#999!important; text-decoration:none}

	}
@media only screen and (min-width: 230px) and (max-width: 320px) {
	/*---------MENU */
#pagetop{background-color:#ffffff; position:fixed; width:100%; z-index:1; }
#OuterMenu{background-color:#294883; min-heightdisplay:none;width:100%; margin:auto; padding:1px 0;}
#dnn_MainMenu{ display:none} 
.button:hover{cursor:pointer}
.mobileButtons {
	    display: block
		
    }

    #MenuMobile {
	    clear: both;
    }

#MainMenu2 ul.Toplevel, ul.toplevelMM{list-style:none!important; padding:0; margin-bottom: 0px!important;
    margin-left: 0px!important; margin-right:0; margin-top:0}
#MainMenu2 ul li, ul.toplevelMM li{font-size:12px; line-height:20px; border-left:0px solid #ffffff; padding:5px 10px; float:none; width:auto; color:#ffffff; text-align:left; border-top:1px solid #ffffff; background-color:#294883!important;list-style:none!important; }
ul.toplevelMM li a, ul.toplevelMM li a.link{color:#ffffff!important; text-decoration:none!important}


/*CABECERA*/
#Header{width:98%; margin:auto;}
#Logo{width:80%; float:none; padding:5px 0; margin:0 0 0 10px;text-align:left}
#Logo img{ width:80%;height:80%}
#Logo h1{padding:0; margin:0; font-size:12px; color:#999; font-family:Helvetica,Arial, sans-serif; font-weight:normal; padding:0 3px}
#telefono{width:98%; text-align:center; float:none; margin:auto; color:#294883; font-size:24px; line-height:40px;padding:10px 0; font-weight:bold;}

/*ESTRUCTURA PAGINA HOME*/

.OuterHomeContentPane{width:98%; margin:auto; padding:10px 0 5px 0}
.OuterContentPane{width:98%; margin:auto; padding:10px 0 5px 0}
.InsideContent{width:98%; margin:auto}
h1.principal{ font-size:20px; padding:0; margin:0; line-height:24px}
.Cifras{width:100%; margin:auto;}
.CifrasIframe{width:100%; float:none; margin:0 auto}
.iframe-container {	width:90%; position:relative;	padding-bottom:0%;	padding-top:0%;		overflow:hidden; min-height:160px;}
.iframe-container iframe,{position:absolute;top:0;left:0;width:100%;height:100%; min-height:210px}
#Video{/*width:60%; float:none; margin:15px auto 0 auto; background:url(Images/VerVideo.png) right center no-repeat; padding:0px 40px 0 0; text-align:right; font-size:16px; font-weight:normal; color:#96bd11; line-height:36px;*/ display:none}
h1.archivos{font-size:18px; line-height:22px;}

/*CIERRE PAGINA*/
#outerfooter{background-color:#ecedef}
#footer{width:95%; padding:15px 20px; margin:auto; font-size:13px; color:#666}
#outerCierre{padding:5px 0; background-color:#999;}
#cierre{width:88%; padding:0 20px 30px 20px; margin:auto; background:url(Images/Reacciona.png) center bottom no-repeat; color:#ffffff; font-size:11px;}


.FancyIMG{display:none}
ul.Preguntas, ol.Preguntas {padding: 0 0 0 0px;}
ul.Preguntas li {font-size: 12px;list-style:disc outside;padding-bottom: 10px; color:#666!important; text-align:left; background-color:#ffffff!important}
ol.Preguntas li {font-size: 12px; padding-bottom: 10px;}
ul.Preguntas ul, ul.Preguntas ol, ol.Preguntas ol, ol.Preguntas ul {margin:10px 0 0 15px; padding:0}
ul.Preguntas ul li, ul.Preguntas ol li{font-size: 12px;list-style:circle outside;padding-bottom: 10px;}

#Pregunta1, #Pregunta2, #Pregunta3, #Pregunta4, #Pregunta5, #Pregunta6, #Pregunta7{background:url(CSS/list.jpg) left top no-repeat; padding:0 0 0 20px; min-height:20px; line-height:22px; margin:4px 0 }
#Respuesta1, #Respuesta2, #Respuesta3, #Respuesta4, #Respuesta5, #Respuesta6, #Respuesta7{padding:10px}
#Pregunta1:hover, #Pregunta2:hover, #Pregunta3:hover, #Pregunta4:hover, #Pregunta5:hover, #Pregunta6:hover, #Pregunta7:hover{cursor:pointer; color:rgb(23, 78, 137)}

.ComparteBM{max-width:95%; margin:auto} 
.IFrameCompartir{width:90%; float:none; margin:auto; text-align:center}
.ShareArea{height: 60px; width: 90%; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; font-size:13px;line-height:15px; color:#454545; font-family:Helvetica,Arial,sans-serif; padding:5px 5px; }
.ShareWidget{width:100%; float:none; margin:15px auto;}
.leftSideContent{width:99%; float:none}
.RightSide{width:95%; position:relative; margin:30px auto;}
.AppHome{display:none}	
.AppInt{display:none}

#AndroidApp{width:98%;margin:1%; border:0px solid #999; text-align:center;background:url(Images/GooglePlay_android2.png) center center no-repeat; padding-top:30px;}
#IOSAPP{width:98%;margin:1%; border:0px solid #999; text-align:center;background:url(Images/AppleStore_2.png) center center no-repeat; padding-top:30px;}
#AndroidApp a, #IOSAPP a{color:#999!important; text-decoration:none}
	}