@charset "UTF-8";

*{
margin: 0px;
margin-right:auto;
margin-left:auto;
padding: 0px;
font-family: Gotham, Helvetica, Arial;
color: #ffffff;
font-size: 18px;
}


body {

background-color:#DAF7A6;

     }

#contenedor

{

background-color: #FFC300;
width: 80%;
height: 800px;

}

#caja1{
background-color: #ffffff;
width: 100%
height: 200px;
}

header{

background-image:url("imagenes/gigi.jpg");
width: 100%;
height: 350px;

}

#foto{
background-image: url("imagenes/nav.jpg");
width: 100%;
}

#vacio{
width: 70%;
height: 50px;
float: left;
}

nav{
width: 98%;
height: 150px;
padding: 1%;
color: #000000;
}


section{
background-color: #900C3F;
width: 80%;
height: 500px;
float: left;
}

article{
background-color: #E73F86  ;
width: 98%;
height: 480px;
float: left;
padding: 1%;
}

#img11{

width: 27%;
float: left;
}

#img12{

width: 27%;
float: left;
}

#img13{

width: 27%;
float: left;
}




#info1{
width: 27%;
background-color: #aaaaaa;
float: left;
padding: 1%;
margin: 2%;
height: 310px;
}

#info2{
width: 27%;
background-color: #aaaaaa;
float: left;
padding: 1%;
margin: 2%;
height: 310px;
}

#info3{
width: 27%;
background-color: #aaaaaa;
float: left;
padding: 1%;
margin:2%;
height: 310px;
}


#article2{
background-color:#D0B5E1;
width: 58%;
float: left;
padding: 1%;
margin: 2%;

}

aside{
margin: 2%;
background-image: url("imagenes/gigiaside.jpg");
width: 32%;
height: 270px;
float: left;
font-size: 14px;
}


footer{
background-color: #C38164;
width: 98%;
height: 100px;
clear: both;
padding:1%;
}

ul{
list-style: none;
display: table; 
}

li{
display: inline-block;
padding: 25px;
font: bold 14px verdana, sans
}

a{
font-family: arial;
color: #000000;
}