/*********************************************************
*                               www.ciudadrealdigital.es *
*                                                        *
* Nombre: layout.css                                     *
* Autor: Gestion y Servicios Resources                   *
* Fecha de creación: 03/01/2013                          *
* Última actualización: 20/03/2013                       *
* Descripción: Hoja de estilos para las media queries    *
* Comentarios:                                           *
*********************************************************/

/**********************************************************************************************************************/
/** MEDIA QUERIES *****************************************************************************************************/

/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

    #barraCategoriasPhone {
        display: none;
    }
    
    .datosEventoAgenda {
        width: 25%;
    }
    
    .datosEventoListadoCalendario {
        width: 13% !important;
    }
    
    .contenidoEventoAgenda {
        width: 75%;
    }
    
    .contenidoEventoListadoCalendario {
        width: 87% !important;
    }

    #menuCulturaScreen {
        width: 94%;
        display: block;
    }
    #menuCulturaPhone {
        display: none;
    }
    
    #fraVideoTrailer {
        display: block;
    }
    #fraVideoTrailerPhone {
        display: none;
    }

}

/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    
    #barraCategorias {
        display: none;
    }
    #barraCategoriasPhone {
        display: inherit;
    }
    
    .noticiasRelacionadas {
        width: 100%;
        float: left;
        border-top: 0;
    }
    
    #noticiasRelacionadasScreen {
        display: none;
    }
    #noticiasRelacionadasPhone {
        display: inherit;
    }
    
    .videoPortada {
        margin-bottom: 0px;
    }
    
    #tituloBloqueCultura p {
        width: 86%;
    }
    
    #iconoImprimir {
        display: none;
    }
    
    .moduloVideo {
        display: none;
    }
    
    #moduloCriticaEstrenos {
        display: none;
    }
    
    .datosEventoAgenda {
        width: 32%;
    }
    
    .datosEventoListadoCalendario {
        width: 19% !important;
    }
    
    .contenidoEventoAgenda {
        width: 68%;
    }
    
    .contenidoEventoListadoCalendario {
        width: 81% !important;
    }

    #menuCulturaScreen {
        width: 90%;
        display: block;
    }
    #menuCulturaPhone {
        display: none;
    }
    
    #fraVideoTrailer {
        display: none;
    }
    #fraVideoTrailerPhone {
        display: block;
    }

}

/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {
	
    .banner2 img, .banner2 object, .banner2 embed {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    
	.barraInformativaBuscador {
		height: 80px !important;
	}	 

	.barraInformativaBuscador div.grid_12 {
		margin: 0px !important;
		padding: 0px !important;
	}	 
    
	.fechaActual {
		margin-left: 10px !important;
	}
	
	.botoneraRRSS {
	    margin-right: 10px;
	}

	.buscador {
		box-sizing: border-box;
		width: 96% !important;
		margin-left: 2%;
		margin-right: 2%;
		float: left !important;
		margin-top: 3px !important;		
	}
	
	.buscador input {
	    width: 90%;
	}

	.buscador img {
		float: right;
		width: 24px;
	}

	.submenu  {
		display: none;
	}

    #logoCRDigital img {
        width: 50%;
        margin-bottom: 3%;
        margin-left: auto;
        margin-right: auto;
    }
    
    #barraCategorias {
        display: none;
    }    
    #barraCategoriasPhone {
        display: inherit;
    }
    
    .noticiaPortada {
        padding-left: 2%;
        padding-right: 2%;
        border-bottom: 1px dotted #666666;
    }
    
    .noticiaBloquePpal h1 {
        font-size: 1.6em;
    }
    .noticiaBloqueColumna h1 {
        font-size: 1.6em;
    }
    .noticiaBloqueColumna h2 {
        font-size: 1.2em;
    }
        
    .noticiaTipo2 .fotoNoticia {
        margin-right: 0;
        float: none;
        width: 100%;
    }
    
    .noticiaTipo2 .bloqueTextoNoticiaPortada {
        float: left;
        width: 100%;
    }
    
    .tituloSeccion {
        margin-left: 2%;
        margin-right: 2%;
        width: 96%;
    }
    
    .tituloSeccion p {
        font-size: 1em;
    }

    #listadoNoticias {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .noticiaListado {
        margin-bottom: 5%;
        padding-bottom: 5%;
    }
    
    .fotoNoticiaListado {
        margin-right: 0;
        width: 100%;
        float: left;
    }
    
    .noticiasRelacionadas {
        width: 95%;
        float: none;
        border-top: 0;
        margin-left: auto;
        margin-right: auto;
    }
    
    #noticiasRelacionadasScreen {
        display: none;
    }
    #noticiasRelacionadasPhone {
        display: inherit;
    }
    
    .bannerPortada {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    #tituloBloqueCultura h1 {
        font-size: 1.2em;
    }
    
    #tituloBloqueCultura p {
        width: 80%;
    }
    
    .fotoSeccionCultura {
        width: 25%;
    }
    
    #criticaEstrenosPortada {
        padding-left: 2%;
        padding-right: 2%;
        border-right: 0px;
    }
    
    #articuloBarricadaPortada {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    #desarrolloNoticia {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .enlaceRS {
        display: none;
    }

    #iconoImprimir {
        display: none;
    }
    
    #otrasNoticias {
        display: none;
    }
    
    .moduloVideo {
        display: none;
    }
    
    #moduloCriticaEstrenos {
        display: none;
    }
    
    .moduloPortadaCultura {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .datosEventoAgenda {
        width: 18%;
    }
    
    .datosEventoListadoCalendario {
        width: 35% !important;
        margin-bottom: 2%;
        margin-left: 2%;
    }
    
    .contenidoEventoAgenda {
        width: 82%;
    }
    
    .contenidoEventoListadoCalendario {
        width: 100% !important;
        border: 0px;
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .fotoCancionListado {
        margin-right: 0;
        width: 100%;
        float: left;
    }
    
    .playerVideoCancion {
        width: 100%;
        margin-bottom: 2%;
    }
    
    .videoCancion {
        width: 100%;
    }
    
    .datosCancion {
        width: 100%;
    }
    
    #menuCulturaScreen {
        display: none;
    }
    #menuCulturaPhone {
        display: block;
    }
    
    .tituloPrincipalSeccionCultura {
        margin-top: 20px;
        margin-bottom: 15px;
        margin-left: 2%;
    }
    
    #listadoArticulos {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    #desarrolloCritica {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    #desarrolloCritica h1 {
        font-size: 1.5em;
        line-height: 1.1em;
    }
    
    #fraVideoTrailer {
        display: none;
    }
    #fraVideoTrailerPhone {
        display: block;
    }
    
    #calendarioAgenda {
        margin-top: -30px;
    }
    
    #contenidoAvisoLegal {
        margin-left: 2%;
        margin-right: 2%;
    }

	#publicidad img {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	#publicidad table {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
    
}
    
/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    .banner2 img, .banner2 object, .banner2 embed {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
        
    #logoCRDigital img {
       width: 40%;
       margin-top: 3%;
       margin-left: auto;
       margin-right: auto;
    }
    
    #barraCategorias {
        display: none;
    }
    #barraCategoriasPhone {
        display: inherit;
    }
    
    .noticiaPortada {
        padding-left: 2%;
        padding-right: 2%;
        border-bottom: 1px dotted #666666;
    }

    .noticiaBloquePpal h1 {
        font-size: 1.6em;
    }
    .noticiaBloqueColumna h1 {
        font-size: 1.6em;
    }
    .noticiaBloqueColumna h2 {
        font-size: 1.2em;
    }
    
    .noticiaTipo2 .fotoNoticia {
        margin-right: 0;
        float: none;
        width: 100%;
    }
    
    .noticiaTipo2 .bloqueTextoNoticiaPortada {
        float: left;
        width: 100%;
    }
    
    .tituloSeccion {
        margin-left: 2%;
        margin-right: 2%;
        width: 96%;
    }
    
    .tituloSeccion p {
        font-size: 1em;
    }
    
    #listadoNoticias {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .noticiaListado {
        margin-bottom: 5%;
        padding-bottom: 5%;
    }
    
    .fotoNoticiaListado {
        margin-right: 0;
        width: 100%;
        float: left;
    }
    
    .noticiasRelacionadas {
        width: 95%;
        float: none;
        border-top: 0;
        margin-left: auto;
        margin-right: auto;
    }
    
    #noticiasRelacionadasScreen {
        display: none;
    }
    #noticiasRelacionadasPhone {
        display: inherit;
    }
    
    .bannerPortada {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    #tituloBloqueCultura p {
        width: 85%;
    }
    
    .fotoSeccionCultura {
        width: 25%;
    }
    
    #criticaEstrenosPortada {
        padding-left: 2%;
        padding-right: 2%;
        border-right: 0px;
    }
    
    #articuloBarricadaPortada {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    #desarrolloNoticia {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .enlaceRS {
        display: none;
    }
    
    #iconoImprimir {
        display: none;
    }
        
    #otrasNoticias {
        display: none;
    }
    
    .moduloVideo {
        display: none;
    }
    
    #moduloCriticaEstrenos {
        display: none;
    }
    
    .moduloPortadaCultura {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .datosEventoAgenda {
        width: 22%;
    }
    
    .datosEventoListadoCalendario {
        width: 23% !important;
    }
    
    .contenidoEventoAgenda {
        width: 78%;
    }
    
    .contenidoEventoListadoCalendario {
        width: 75% !important;
        border-left: 1px solid #AAAAAA;
    }
    
    .fotoCancionListado {
        margin-right: 0;
        width: 100%;
        float: left;
    }
    
    .playerVideoCancion {
        width: 100%;
        margin-bottom: 2%;
    }
    
    .videoCancion {
        width: 100%;
    }
    
    .datosCancion {
        width: 100%;
    }

    #menuCulturaScreen {
        display: none;
    }
    #menuCulturaPhone {
        display: block;
    }
    
    .tituloPrincipalSeccionCultura {
        margin-top: 20px;
        margin-bottom: 15px;
        margin-left: 2%;
    }
    
    #listadoArticulos {
        padding-left: 2%;
        padding-right: 2%;
    }
        
    #desarrolloCritica {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    #desarrolloCritica h1 {
        font-size: 1.5em;
        line-height: 1.1em;
    }
    
    #fraVideoTrailer {
        display: none;
    }
    #fraVideoTrailerPhone {
        display: block;
    }

    #calendarioAgenda {
        margin-top: -30px;
    }
    
	#publicidad img {
		width: 35%;
		margin-right: 2%;
	}
	
	#publicidad table {
		width: 63%;
	}    

}