/* **** --- Responsive --- **** */


@media screen and (max-width: 400px) {

    #footer .mobile a { 
    	font-size:9px;
    } 
	
}



@media screen and (min-width: 400px) and (max-width: 767px) {
	#footer .mobile a { font-size: 12px}
}

@media screen and (max-width: 768px) {

    /*section.home .dicodi { margin-left:0;}*/
    #footer .infoPie .tfn { float:none;} 
    
    #footer .menu a {
		display: none;
	}
	
}

@media screen and (min-width: 320px) and (max-width: 767px) {

	img { width: 100%;}
	section .container .info .plan #kaptchaDiv img{ width: auto;}
	section .container .info .plan .bonos .bono > img { width: auto;}
	section .container .info .plan .bonos .bono { padding-bottom: .5em;}

	/* --- menu mobile --- */
	#menuMobile {
	    max-width: 30px;
	    padding: 0 1em;
	    position: absolute;
	    z-index: 999;
	    top:2.8em;
	}
	#menuMobile:hover .menuMobile { display: block;}
	.menuMobile {
	    background: none repeat scroll 0 0 #FFFFFF;
	    border: 1px solid #D1D4D3;
	    margin: 0 0.8em;
	    padding: 0.5em;
	    position: absolute;
	    z-index: 998;
	    top: 2.5em;
	    width: auto !important;
	}

	/* --- seccion contenido--- */
	section .clientes {
	    position: relative;padding-right: 1em;
	}
	section .clientes div { width: auto;}
	section .clientes ul li:first-child:hover { border:none;}
	section .menuMobile ul li {
	    display: block !important;
	    max-width: 100%;
	}	   
	section .menuMobile ul li a {
	    color: #333333 !important;
	    margin-left: 1em;
	}
	section .menuMobile .mobileLink {
	    color: #0093C9 !important;
	    margin-left: 0;
	}

	.screen { display: none;}
	.mobile { display: block;}
	
	header { margin: 0;}

	section.home .dicodi { margin-left:0;}
	section.home .clientes { padding:1em;}

	section.home .asnef, section .dicodi { margin-top: 0; margin-bottom:1em;}
	
	section .container {padding: 1em;margin-top: 2em;}
	section .container .info .apartado { margin: 0 1em 1em 0; display: inline-block;}
	section .container .mobile.titMo > h1 { font-size: 20px; }
	section .container .info .plan { padding: 0}
	section .container .mobile.titMo { margin-bottom: 2.5em}
	section .container .mobile.titMo > span { font-size: 12px;}
	section .container .info h1 { font-size: 20px; font-weight: normal;}
	section .clientes ul li ul { display: block;}
	section .container .plan .bonos { margin: 2em 1em 0 0; display: inline-block; max-width: 240px;}

	section .container .plan .texto { margin: 2em 0; }
	section .container .plan .destacado { text-align: center; }
	section .container .info .plan .destacado > li { 
		display: inline-block;
	    margin: 1em 0;
	    max-width: 85%;
	    min-height: inherit;
	    text-align: center;
	    vertical-align: top;
	    width: 100%;
	}
	section .llamame #submit { font-size: 14px; padding: 0.3em .8em}
	section .container .info .plan .destacado li:first-child p { margin: 1em 0;}
	section .info .imgDicodi { margin: 0;}

	section .info .apartadoDic.anuario .size { margin-left: 1em;}
	section .solicitar { width:auto;}
	
	section .tableMobile.mobile {
	    margin: 1.5em 0;
	}
	section .tableMobile ul:first-of-type { border-top: 1px solid #D1D4D3;}
	section .tableMobile ul {
		overflow: hidden;
	    border:1px solid #D1D4D3;
		border-top: none;
	    padding: 0.5em;
	}
	
	section .tableMobile ul#submenu1,  
	section .tableMobile ul#submenu2,
	section .tableMobile ul#submenu3,
	section .tableMobile ul#submenu4,
	section .tableMobile ul#submenu5,
	section .tableMobile ul#submenu6,
	section .tableMobile ul#submenu7,
	section .tableMobile ul#submenu8,
	section .tableMobile ul#submenu9,
	section .tableMobile ul#submenu10
	{
		display:none;
	}
	
	/* section .tableMobile ul li:first-child { margin:0 0 1em 0; list-style: none;}	 */
	section .tableMobile ul li {
	    list-style: disc outside none;
	    margin-left: 1em;
	    margin-bottom: .5em;
	}
	section .tableMobile li span {
	    color: #0093C9;font-size: 15px;
	}
	section .container .info .suscripciones.plan .destacado > li { max-width: 85%; }
	section .container .info .plan .destacado li p { margin: 1em 0 !important;}
	section .cajaForm select { width:50%;}
	section .cajaForm.tam, section .cajaForm { width:100%; max-width: 100% !important; margin-left: 0;}

	section.landingPage .cajaForm .cajaForm, section.landingPage .cajaForm, section .cajaForm > input {width: 100%;}
	section.landingPage .cajaForm.cifMail { max-width: 100% !important;}
	section.landingPage .cifMail .cajaForm { margin-bottom: 0; }
	section.landingPage .cajaForm .cajaForm { margin-bottom: 0}
	section.landingPage .cajaForm .cajaForm:first-of-type { margin-bottom: 1em}
	section.landingPage .cajaForm.cifMail input:first-of-type { margin-bottom: 1.5em}
	section.landingPage .cajaForm input { padding: 0.3em 0 0.3em 0.3em;}
	section.landingPage .cajaForm label { margin-left: .3em}
	section.landingPage .cajaForm textarea { max-width: inherit !important;}
	section.landingPage legend p { margin-bottom: 0}
	section.landingPage legend { display: block; margin-bottom:2em;}

	section .condiciones, section .politica {	max-width: 100%; width: auto;}
	section .cajaForm.privacidad p { max-width: 90%; }
	section .cajaForm > input { padding: 0.3em 0 0.3em 0.3em}
	section legend { display: block; margin-bottom: 1em;}
	section .cajaForm.datosDicodi .cajaForm { width: 100%;}
	
	section .clientes .menuMobile.left{
		display: none;
		top:3.3em;
	}
	

	#footer .infoPie .tfn { float:left;} 
	#footer .pie.left > img { margin-bottom: 1em;}
	#footer .copyright { border-bottom: 2px solid #666F77;  margin-top: 1.5em; margin-bottom: 1em; padding-bottom: 1em;}
	
	#footer .pie.listadoB > img {width:80%}
	
	#footer .mobile a {
    color: #d1d4d3;
    display: block;
    padding: 0 0.5em;
    position: relative;
    text-decoration: none;
    z-index: 1000;
    }
    
    
	

}

@media screen and (min-width: 767px){
	section .tableMobile.mobile{
		display: none;
	}
	
	section .container .titMo{
		display: none;
	}
	
	section .clientes .mobile{
		display: none;
	}
	
	section .clientes .menuMobile{
		display: none;
	}
	
	#footer .mobile.pie.center.listadoA{
		display: none;
	}
	
	
}