* {
	margin:0;
	padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
	box-sizing:border-box;
}

body {

	background:url("https://www.idvtransmisiones.org/UL/imagenes/fondo.jpg"); /* Nuestra imagen de fondo */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	background-attachment: fixed; /* Establecemos una posicion fija para la imagen */
 
	font-family:helvetica, arial, sans-serif;
	line-height:20px;
}

header {
/*    margin-top:10px;*/
    width: 100%;
    overflow: hidden;
    height: 120px;
    position: relative;
/*	background-color:#2F1AFF;*/
}

nav {
    top:-20px;
    position: absolute;
    left:0;
    right:0;
    margin:20px auto;
    max-width:1000px;
    width:100%;
}

			nav ul {
				list-style:none;
			}

			nav > ul {
				display:table;
				width:100%;
				background:#2B4228;
				position: relative;
			}

			nav > ul li {
				display:table-cell;
			}

				/*Sub-menu*/
				nav > ul > li:hover > ul {
					display:block;
					height:100%;
				}

				nav > ul > li > ul {
					display:block;
					position: absolute;
					background:#2B4228;
					left:0;
					right:0;
					height:0%;
					overflow: hidden;
					-webkit-transition: all .3s ease;
					-moz-transition: all .3s ease;
					-ms-transition: all .3s ease;
					-o-transition: all .3s ease;
					transition: all .3s ease;
				}

			nav > ul li a {
				color:#fff;
				display:block;
				line-height:20px;
				padding:20px;
				position: relative;
				text-align:center;
				text-decoration:none;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-ms-transition: all .3s ease;
				-o-transition: all .3s ease;
				transition: all .3s ease;
			}
/*mouse sobre el sub-menú*/
					nav > ul > li > ul > li a:hover {
						background:#678B1B;
						text-decoration:underline;
					}
/*icono y color "span"*/
			nav > ul > li > a span {
				background:#174459;
				display:block;
				height:100%;
				left:0px;
				position:absolute;
				top:-55px;
				width:100%;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-ms-transition: all .3s ease;
				-o-transition: all .3s ease;
				transition: all .3s ease;
			}

			nav > ul > li > a span .icon {
				display:block;
				line-height:60px;
			}

			nav > ul > li > a:hover > span {
				top:0;
			}
			
/* --- Clase que se agrega cuando el usuario haga scroll "Menu superior"--- */
.menu-fixed {
position:fixed;
z-index:1000;
top:-20;
max-width:1000px;
width:100%;
box-shadow:0px 4px 3px rgba(0,0,0,.5);
}


nav ul li a .sexto {
	background:#84412B;
}
nav ul li a .septimo {
	background:#424291;
}

footer {
  background-color: #333333;
  height: 50px;
  color:#FFF;
  /*display:block;*/
  /*left:0px;*/
/*  position:absolute;*/
  position:relative;
  width:1025px;
  margin-top:60px;
}
footer #to-the-top {
    position: absolute;
	color:#FFF;
    top: -23px;
    left: 50%;
    height: 23px;
    width: 60px;
    margin-left: -30px;
    border-radius: 3px 3px 0px 0px;
    background: none repeat scroll 0% 0% #222;
    text-align: center;
}
input:focus {
	border: 2px solid green;
}
input:invalid {
 
border: 1px solid red;
 
}
 
input:valid {
 
border: 2px solid purple;
 }

.tamano 
{
 width: 500px;
height: 150px;
 }

.caja{
    width: 1025px;
    background-color: #f4f4f4;
}

.caja-sombra{
    position: relative;
    padding: 1em;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.cambio:focus {
  width: 300px;
}

.tabla{
	padding: 5px;
	width: 500px;
	margin: 20px auto;
}

.respo{
	padding: 5px;
	margin: 20px auto;
}
.pagewrap {
	padding: 5px;
	width: 960px;
	margin: 20px auto;
}
.titulo{
        font-size:45px;
    font-variant: small-caps;
 font-variant: small-caps;
 color:#FFFFFF;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
        }
.imagenlogo{
  background-image: url(https://www.idvtransmisiones.org/UL/imagenes/logo.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.imagentitulo{
  background-image: url(https://www.idvtransmisiones.org/UL/imagenes/FOTOPRINCIPAL.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.imagenservicios{
  background-image: url(https://www.idvtransmisiones.org/UL/imagenes/serviciossabado.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}


.imagenestudios{
  background-image: url(https://www.idvtransmisiones.org/UL/imagenes/estudios-biblicos2.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.imagenprogramastv{
  background-image: url(https://www.idvtransmisiones.org/UL/imagenes/programastv2.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.imagensitiowebemdm{
  background-image: url(https://www.idvtransmisiones.org/UL/imagenes/sitiowebemd.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}
.imagensitiowebemdmcercadeti{
  background-image: url(https://www.idvtransmisiones.org/UL/imagenes/IDVBANNERMDMCDT.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.imagensermones{
  background-image: url(https://www.idvtransmisiones.org/UL/imagenes/sermonesyoutube.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.imagenpublicaciones{
  background-image: url(https://www.idvtransmisiones.org/UL/imagenes/publicacionesidv.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.imagenlcg{
  background-image: url(https://www.idvtransmisiones.org/UL/imagenes/lcg.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.imagenvideoteca{
  background-image: url(https://www.idvtransmisiones.org/UL/imagenes/videoteca.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.imagenlivingeducation{
  background-image: url(https://www.idvtransmisiones.org/UL/livingeducation/Imagenes/Banner-miniatura-IDV-1040X440.jpg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

div.borderright {
    padding: 0;
    width: 50%;
    border-right: 10px solid rgba(34,34,34,0);
}

div.borderleft {
    padding: 0;
    width: 50%;
    border-left: 10px solid rgba(34,34,34,0);
}

div.borderright2{
    padding: 0;
    width: 33.33%;
    border-right: 10px solid rgba(34,34,34,0);
}
div.borderleft2{
    padding: 0;
    width: 33.33%;
    border-left: 10px solid rgba(34,34,34,0);
}
div.bordercenter{
    padding: 0;
    width: 33.33%;
    border-right: 5px solid rgba(34,34,34,0);
    border-left: 5px solid rgba(34,34,34,0);
}

@media screen and (max-width: 600px)
{
   div.borderright{width:100%; border-right: 0px solid rgba(34,34,34,0);}
   div.borderleft{width:100%; border-left: 0px solid rgba(34,34,34,0);}
   div.borderright2{width:100%; border-right: 0px solid rgba(34,34,34,0);}
   div.borderleft2{width:100%; border-left: 0px solid rgba(34,34,34,0);}
   div.bordercenter{width:100%; border-left: 0px; border-right: 0px;}

}

/* para 980px o menos */
@media screen and (max-width: 980px)
{
	
	.pagewrap {
		width: 94%;
	}
        .tabla{
		width: 94%;
	}
        .respo{
		width: 80%;
	}
        .cambio:focus {
                width: 94%;
        }
        .titulo{
        font-size:40px;
        }

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

        .titulo{
        font-size:35px;
        }

}