.indice{
	background-color:#8D8B8B;
	/*background-color:red;*/
}

#menu{
		width:100%;
		height:100px;
		
}

#sectionRes
{
	float:left;
	width:70%;
	height:100%;
    background-color:#D0D0D0;
    background-image: url("../img/logon.png");
    background-repeat: no-repeat;
    background-size:contain;
}


#seccionP
{
	float:left;
	width:30%;
	height:100%;
    background:#D0D0D0;
	/*background:yellow;*/
}



#SectorLogo
{
	float:left; 
	width:75%;
	height:100%;
    background-color:#8D8B8B;
}

#imagenlogohead{
    float:left;
    width: 20%;
    height: 100%;
    background-image: url("../img/logo1.png");
    background-repeat:no-repeat;
    background-size: contain;
    
}

#textologohead{
    float:left;
    width: 20%;
    height: 100%;
    text-align: center;
    letter-spacing: 6px;
    font-size:50px;
    text-shadow: 3px 2px white;
    font-weight: bold;
}
#textologohead2{
    float:left;
    width: 60%;
    height: 100%;
    letter-spacing: 3px;
    color:#D0D0D0;
    font-size:20px;
    text-shadow: 3px 2px black;
    font-weight: bold;
    padding-right: 10px;
}
#infologin{
    float:left;
    width: 60%;
    height: 100%;
    padding-top: 5%;
}
#btnlogin {
    float:left;
    padding-left: 5%;
    padding-top: 10%;
    
}
#SectorIngreso
{
	float:left;
    width:25%;
	height: 100%;
    background-color: #8D8B8B;
}

#TextoLogo
{
	float:left;
	width:70%;
	height:100%;
	background:black;
}

#ImagenLogo
{
	float:left;
	width:30%;
	height:100%;
	background:white;
}

#FormularioRes
{	position:relative;
	top:10%;
	left:10%;
	float:left;
	width:70%;
	height:80%;
	background:white;
}

#FormularioPedido
{
	position:relative;
	top:10%;
	left:10%;
	float:left;
	width:70%;
	height:80%;
	background:#D0D0D0;
	
	}
#login {
    width: 100px;
}