/* ENCABEZADO */

#main-header 
{
   background: url(../imgs/2017/FondoSuperiorH.jpg) no-repeat center center;
               -webkit-background-size: cover;
               -moz-background-size: cover;
               -o-background-size: cover;
               background-size: cover;
   height: 90px;
   width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la p�gina */
   left: 0; /* Posicionamos la cabecera al lado izquierdo */
   top: 0; /* Posicionamos la cabecera pegada arriba */
   position: fixed; /* Hacemos que la cabecera tenga una posici�n fija */
   z-index: 100;
}


#main-header a 
{
   color: #FEF9F9;
}


/* MENU PRINCIPAL */
nav 
{
/*   float: left;*/
   position: absolute;
   left: 15%;
}

nav ul 
{
   margin: 0;
   padding: 0;
   list-style: none;
   padding-left: 20px;
}
	
nav ul li 
{
   display: inline-block;
   line-height: 35px;
}
			
nav ul li a 
{
   display: block;
   padding: 0 10px;
   text-decoration: none;
   border-right: 1px solid;
   /*text-decoration-color: #FEF9F9;*/   
}
			
nav ul li a:hover 
{
   background: #F6C6C4;
}


/* PIE DE PAGINA */
#main-footer 
{
   background: url(../imgs/2017/piedePagina2017.jpg) no-repeat center center;
               -webkit-background-size: cover;
               -moz-background-size: cover;
               -o-background-size: cover;
               background-size: cover;
   text-align: center;
   padding: 20px;
   margin-bottom: 0px;
   height: 95px;
}

#main-footer p 
{
   margin: 0;
}
	
#main-footer a 
{
   color: white;
}


footer 
{
   background: url(../imgs/2017/piedePagina2017.jpg) no-repeat center center;
               -webkit-background-size: cover;
               -moz-background-size: cover;
               -o-background-size: cover;
               background-size: cover;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
            padding-bottom: 0px; /* Relleno superior igual a la altura de la cabecera*/
            margin: 0;
            padding: 0;
            font-family: Arial;
            color: #666;
            background: #f2f2f2; 
            font-size: 1em;
            line-height: 1.5em;
}


.footer2017 
{
    background: url("../imgs/2017/fondo2017.jpg") no-repeat center center fixed;
               -webkit-background-size: cover;
               -moz-background-size: cover;
               -o-background-size: cover;
               background-size: cover;
}
.footer2017 .logo
{
   float: right;
}

/* CONTENEDOR DE FONDO */


.bienvenido 
{
    background: url("../imgs/2017/construccion2017.jpg")  no-repeat center center fixed;
               -webkit-background-size: cover;
               -moz-background-size: cover;
               -o-background-size: cover;
               background-size: cover;
  margin-top: 1px;
  padding: 600px;
}






div#paginacion {
  border: 1px solid #CCC;
  background-color: #E0E0E0;
  padding: .5em;
}
.derecha {
  float: right;
}
.izquierda {
  float: left;
}
div.clear {
  clear: both;
}




.contenido 
{
  background: url("../imgs/2017/FondoMedioH.jpg")  no-repeat center center fixed;
               -webkit-background-size: cover;
               -moz-background-size: cover;
               -o-background-size: cover;
               background-size: cover;
  padding: 4px;
}

.imgbienvenida
{
   margin-left: 20%;
   padding-top: 160px;
}


.piedepagina2017
{
   width: 1200px;
   height: 100px; 
}


.contactoform
{
   margin: auto;
   padding-top: 180px;
}

/* Formularios */
.formulariocontacto
{
   border: 2px solid #C0C0C0;
   height: 400px;
   width: 550px;
   margin: auto;
}

h2
{
   font: Arial;
   font-size:15px;
   color: #000000;
   margin-left:auto;
   margin-right:auto;
   width:50%;
   border-bottom: 10px solid #000000;
}

h3
{
   font: Arial;
   font-size:15px;
   color: #000000;
   width: 600px;
   font-weight: bold;
}


.clrverde
{
   border-top: 10px solid #8ec549;
}

.clrfucsia
{
   border-top: 10px solid #b80b69;
}

.clrnaranja
{
   border-top: 10px solid #f07e2d;
}

.clrred
{
   border-top: 10px solid #ff002d;
}

.clrazul
{
    border-top: 10px solid #15aefd;
}

.clrmorado
{
    border-top: 10px solid #8610eb;
}


/* Pagina de Articulos */
.listadoarticulos
{
   padding-top: 80px; 
   width: 1200px;
}

.gridsmall
{
   width: 600px;
}

gridsamll



.box {
  background-color: #444;
  color: #fff;
  border-radius: 5px;
  padding: 20px;
  margin: 20px 0 20px 0;
  font-size: 150%;
}

.message {
    position: absolute;
    background-image: url(../imgs/2017/introduccion2017.jpg);
    top: 50%;
    left: 50%;
    width: 1200px;
    height: 600px;
    margin-left: -320px;
    margin-top: -60px;
    font-size: 24px;
}

.teymesuperior
{
   margin-left: 10%;
   padding-top: 140px;
   width: 800px;
   height: auto;
}


.amiga
{
   margin-left: 15%;
   padding-top: 160px;
   width: auto;
   height: 600px;
}

.divarticulos
{
   margin-left: 10%;
   width: 1000px;
}

.divsmall
{
   margin-left: 25%;
   width: 300px;
}


.vertical-align {
   min-height: 150px; /*Add a height or minimum height to the containers*/
   position: relative;
}

.vertical-align img{
   position: absolute;
   bottom: 0;
   right: 0;
   left: 0;
   margin-right: auto;
   margin-left:auto;
}


.letramenu
{
   font: Arial;
   font-size:15px;
   color: #000000;
   font-style: normal;
}



.letrasmall
{
   font: Arial;
   font-size:12px;
   color: #000000;
   font-weight: bold;
}


.showarticulos
{
   margin-left: 12.5%;
   padding-top: 120px;
}


.detallesuperior
{
   padding-top: 1px;
}

.imagensuperior
{
   width: 1000px;
   height: auto;
}


.detalleinferior
{
   padding-top: 1px;    
}

.imageninferior
{
   margin-left: 10%;
   width: 750px;
   height: auto;
}



.detallevideo
{
    position:relative;
    height:0;
    padding-bottom:56.21%;
}