body {
      font-family: century gothic, sans-serif;
      font-size: 13px;
      color: black;
      margin: 0px;
  } 
/***************** HEADER *****************/
  header{
      /*border: solid 1px green; *************************************************************************************/
   		width: calc(100% - 100px);
   		height: 75px;
    	margin-left: 100px;
  }

  img#imagenEncabezado{
     /*border: solid 1px red;*************************************************************************************/
   	margin-left: -70px;
    margin-top: 30px;
    width: 150px;
  }

 /* div {     **********************************************************
      margin: 10px;
      padding: 10px;
  }*/
   
 	nav{
    /*border: solid 1px blue; *************************************************************************************/
 		display: inline-block;
 		text-align: right;
 		float: right;
 		margin-top: 10px;
 		margin-right: 20px;
    width: 85%;
 	}

 	nav a{    
    text-align: center;
    font-weight: bold;
    color: black;
    text-decoration: none;
  }

  nav span.espacioNav{
    display: inline-block;
    width: 10px;
    margin: 0;
    padding: 0;
  }
  
  nav a img#banderas{
    width: 30px;
    height: auto;
    margin: 0;
    padding: 0;
  }

  nav hr{
    width: 100%;
  }
 
  div button#buscadorForm{
    background-color: white;
    border: solid 1px black;
    cursor: pointer;    
  }
  div button#buscadorForm:hover{
    font-weight: bold;     
  }

  button#login{   
    background-color: white;    
    display: inline-block;
    border: none;
    background-color: transparent;
  }

  button#login:hover{
    text-decoration: underline;
    font-weight: bold;
  }

  nav a#carritoCompra{
    font-size: 20px;
  }

 	nav a:hover{ 		
 		color: black;
    text-decoration: underline;
 	}

  nav a#carritoCompra:hover{    
   
    text-decoration: none;
  }


/***************** DIV ENLACES *****************/
  div#enlaces {
      float: left;
      width: 180px;
      margin-top: 150px;
      margin-left: 15px;
      /*border: solid 1px yellow; *************************************************************************************/    
  }  

  div#enlaces p{
    margin: 10px;
    text-align: center;
  }

 	div#enlaces ul{
		background-color: white;
		list-style-type: none;
		padding:0px;
		margin-left: 0px;
		width: 180px;
		border-top: solid 1px #787;		
	}
		
	div#enlaces ul li {		 	
		display: block;
		width: auto;
		border-bottom: solid 1px #787;
	}

	div#enlaces ul li a {		
		display: block;
		width: auto;
		padding: 5px;
		color: black;
		text-decoration: none;
    text-align: center;
	}
		
	ul li a:hover {				
		border: none;
		font-weight: bold;								
	}

  div#enlaces div#redesSociales{     
      text-align: center;
      width: 160px;
      margin-left: 10px;  
      /*border: solid 1px purple; *************************************************************************************/ 
  }

   div#enlaces div#redesSociales a{ 
      color: black;
  }
    div#enlaces div#redesSociales a i{ 
      display: inline-block;
      padding: 6px;
  }


  /***************** DIV PRINCIPAL *****************/

  div#principal {
      margin-left: 216px;
      margin-right: 186px;    
      margin-top: 50px; 
      /*border: solid 1px pink;	*************************************************************************************/
      overflow: hidden; 
  }

  div#principal p#video{
    text-align: center;
  }
  
  div#articulo {
    float: right;
    width: 150px;     
    margin-right: 36px;     
    margin-left: 20px;
    margin-top: 20px; 
    /*border: solid 1px orange;*************************************************************************************/
  }
	
  #articulo p{  
   	color: black;   	
  }

 	#articulo a{
  	font-weight: bold;
 	  color: black;
  }

  #articulo a:hover {
  	background-color: #993300;
  	color: white;
  	text-decoration: none;
  	font-weight: bold
  }
/***************** DIV PIE *****************/
  div#pie {
      clear: both;
      border-top: dotted 1px black;
      text-align: center;
  }
    div#pie a {
      color: black;
  }
    div#pie a:hover {
      color: black;
  }

  div#pie span a{
   	margin: 20px;
  }