/*
Theme Name: Mi tema sencillo
Author: Rafael Aguirre Figueras
Description: Tema sencillo para mi
Version 0.1
*/
            
            #cabecera {
                width: 100%;
                text-align: center;
            }
            
            #cabecera h2 a {
                margin: 0;
                padding: 10px;
                font-family: 'Dancing Script', cursive;
                font-size: 48px;
            }
            
            #img-principal a {
                background: #fafafa;
                color: red;
                padding-left: 10px;
                padding-right: 10px;
            }
            
            #foto {
                position: relative;
                z-index: 1;
            }
            
            #recuadro-interior {
                position: absolute;
                width: 50%;
                top: 5%;
                right: 2%;
                padding-right: 5px;
                padding-left: 5px;
                background-color: rgb(255, 255, 255, 0.4);
                z-index: 1;
            }
            #iframe-clasificacion {
                position: relative;
                top:2%;
                left:3%;
                width: 400px; 
                height: 600px;
                background-color: rgb(236, 231, 231);
                
            }
            #iframe-reproductor {
                display:block;
                margin-top:15%;
                margin-left:auto;
                margin-right:auto;
                width: 400px; 
                height: 920px;
                }
            #iframe-sorteos {
                width: 400px; 
                height: 720px;
            }


            #item1 {
                background-color: transparent;
                color: rgb(0, 8, 86, 1);
            }
            
            #item2 {
                background-color: transparent;
                color: rgb(0, 8, 86, 1);
            }
            
            #item3 {
                background-color: transparent;
                color: rgb(0, 8, 86, 1);
            }
            
            #item4 {
                background-color: transparent;
                color: rgb(0, 8, 86, 1);
            }
            
            #item1 h1,
            #item2 h1,
            #item3 h1,
            #item4 h1 {
                font-size: 1.8rem;
                font-weight: 700;
            }
            
            #item1 p,
            #item2 p,
            #item3 p,
            #item4 p {
                font-size: 1.4rem;
            }
            
            #item5 {
                position: absolute;
                left: 2%;
                top: 67%;
                padding: 5%;
                background-color: transparent;
                color: white;
                font-family: serif;
                z-index: 2;
            }
            
            #seccion {
                font-size: 5rem;
                font-weight: 700;
            }
            
            #titular {
                font-size: 3.5rem;
            }
            
            #autor-imagen {
                font-family: 'Dancing Script', cursive;
                font-size: 25px;
                background: black;
                text-align: center;
            }
            
            footer {
                text-align: center;
            }
            
            footer h2 {
                margin: 0;
                padding: 10px;
                font-family: 'Dancing Script', cursive;
                font-size: 48px;
            }
            
            footer h2 a:link {
                text-decoration: none;
            }
            /*Entradas en la página de inicio */
            /** portada */
            /* Sección Galería */
            
            .container {
                width: 1136px;
                margin: auto;
                padding-right: 0px !important;
                padding-left: 0px !important;
            }
            
            div#slider-alto img:hover,
            div#slider-bajo img:hover,
            div#sidebar-empresas img:hover {
                opacity: 0.5;
            }
            
            #menu-bootstrap li a {
                font-family: 'Dancing Script', cursive !important;
                font-size: 30px !important;
            }
        
            /* ---------------------------------------------------------- */
            /* Para pantallas extra-large */
            
            @media screen and (max-width: 1200px) {
                #seccion {
                    font-size: 3.5rem;
                }
                #titular {
                    font-size: 2.5rem;
                }
                
            }
            /* Para pantallas large */
            
            @media screen and (max-width: 992px) {
                #seccion {
                    font-size: 3rem;
                }
                #titular {
                    font-size: 2.2rem;
                }
                #item1 h1,
                #item2 h1,
                #item3 h1,
                #item4 h1 {
                    font-size: 1.5rem;
                    font-weight: 700;
                }
                #item1 p,
                #item2 p,
                #item3 p,
                #item4 p {
                    font-size: 1.2rem;
                }
                #iframe-reproductor { 
                    /*top: 0%;
                    left: 0%;*/
                }
            }
            /* Para pantallas medium (md) */
            
            @media screen and (max-width: 768px) {
                #seccion {
                    font-size: 2.5rem;
                }
                #titular {
                    font-size: 2rem;
                }
                #slider-alto div:nth-child(3),
                #slider-alto div:nth-child(4) {
                    display: none;
                }
                #sidebar-empresas {
                    display: none;
                }
                #slider-bajo div:nth-child(3),
                #slider-bajo div:nth-child(4) {
                    display: none;
                }
            }
            /* Para pantallas small (sm)*/
            
            @media screen and (max-width: 576px) {
                #seccion {
                    font-size: 2.2rem;
                }
                #titular {
                    font-size: 1.5rem;
                }
                #item1 h1,
                #item2 h1,
                #item3 h1,
                #item4 h1 {
                    font-size: 1.4rem;
                    font-weight: 700;
                }
                #item1 p,
                #item2 p,
                #item3 p,
                #item4 p {
                    font-size: 1rem;
                }
                #iframe-reproductor { 
                    top: 0%;
                    left: 0%;
                }
                #iframe-clasificacion {
                    top:0%;
                    left:0%;
                    width: 97%; 
                    height: 500px;
            }
        }