@import url('reset.css');
@import url('fuentes.css');
 
/*--- Estilos Generales ---*/
body {
	background:#fff;
	font-family:Arial, Helvetica, Sans-serif,;
}
 
a {text-decoration:none; color:#fff;}
a:hover {text-decoration:underline;}
 
 
/*--- HEADER ---*/
header {
    width:100%;
    height: 30%;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, v 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#1B4F72)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#000099 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#000099 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#000099 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0000CC 0%,#fff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0000CC',GradientType=0 ); /* IE6-9 */
    box-shadow:0px 15px 15px #ffffff;
        -moz-box-shadow:0px 15px 15px #ffffff;
        -webkit-box-shadow:0px 15px 15px #ffffff;
}
#imagen img {
    width:100%;
    height:75%;

}

#subheader {
    width:100%;
    height: 100%;
   
}


/*--- MENU ---*/


 #Menu {
    width:100%;
    height: 60%;
    display: inline-block;

}

#izquierda {
    width:35%;
    height:100%;
    float:left;
    display: inline-block;
}

#izquierda img {
    width:70%;
    height:80%;
    display:block;
    margin:auto;
}


#login {
    width:30%;
    height:100%;
    float:left;
    display: inline-block;
}





#derecha {
    width:35%;
    height:100%;
    float:left;
}

#derecha img {
    width:40%;
    height:100%;
    display:block;
    margin left: 35%;
}

/*copyright*/

#copyright {
    width:100%
    height: 1%;

}

#copyright img{
    width:25px;
    height: 25px;   
}

#copyright p {
    text-align:center;
    font-size:12px 
    color:#fff;
    font-family:Arial, Helvetica;
}