body {
/*  background-color: #ECF0F1; */
  background-color: #fefefe; 

}



ul{
	margin-top: 20px ;
}


li{
	list-style-type:none;	
	padding: 5px ;
	color: #fff ;
}


.aw{
	font-size: 1.8em;
}


#contenedor{
	background-color: #fefefe;
	width:100% ;
}


.envase{
	width: 100% ;
	max-width: 1200px ;
	margin: 30px auto ;
}


.ventajas{
	width: 100% ;
	max-width: 1200px ;
	height: 250px ;
	background-color: #5377b9 ;

    border: 1px solid #707B7C;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}


.textoventajas{
	color: #fff ;
	font-family: 'Roboto', Arial,sans-serif;
	font-weight: bold;
	font-size: 1.2em ;
	margin-top: 20px ;
}



.formulario{
	position: absolute;
	top: 10px ;
	left: 50px ;
	padding: 50px ;
	background-color: #fff ;
	width: 100% ;
	/*margin-top: 30px ;*/
	max-width: 700px ;
	
    border: 1px solid #707B7C;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}


.text001{
	font-family: 'Roboto', Arial,sans-serif;
	font-size: 1.2em ;
	text-align: center ;
	color: #337ab7 ;
	margin-bottom: 15px ;
}


.olvido{
	margin-top:20px ;
	
}

.olvido a{
	text-decoration:none ;
	color:#1F618D ;
}

.olvido a:visited{
	text-decoration:none ;
	color:#0000FF ;
}

.olvido a:hover{
	text-decoration:none ;
	color:#943126 ;
}


.nuevousuario{
	margin-top:30px ;
}

/*
.topfromfooter{
	margin-top: 60px ;
	height: 20px ;
	background-color: #4c5342 ;
}
*/

.footer{
    color: #337ab7 ;
    position:fixed;
    left:0px;
    bottom:25px;
    width:100%;
	background-color: #ededed ;   
	font-size: 0.8em ;

}

.design{
	text-align: right;
    color: #C0392B ;
    position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
	background-color: #ededed ;   
	font-size: 1em ;
	font-style: italic;
	color: #EC7063; 
}


.design a{
	text-decoration:none ;
	color:#C0392B ;
}

.design a:visited{
	text-decoration:none ;
	color:#C0392B ;
}

.design a:hover{
	text-decoration:none ;
	color:#6E2C00 ;
}

.webcliente{
	color: #337ab7 ;
}

.webcliente a{
	text-decoration:none ;
	color:#337ab7 ;
}

.webcliente a:visited{
	text-decoration:none ;
	color:#337ab7 ;
}

.webcliente a:hover{
	text-decoration:none ;
	color:#337ab7 ;
}










/*--------------------------------*/




.erroridenti{
	font-size:0.7em ;
	color:red ;
	font-weight: bold ;
}

.padd{
	padding: 10px ;
}




@media only screen and (max-height: 800px){

	.footer{
		display: none;
	}






}





/* Extra small devices (phones, less than 768px) */
/*@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 576px) {

    #control{
        color:yellow ;
    }

	.ventajas{
		height: 70px ;
		width: 90% ;
		max-width: 700px ;
		margin: 0 auto ;

	} 

	.ventajas ul {
		display: none ;
	}




	.formulario{
		top: 90px ;
		left: 0 ;
	}
    

	.footer{
		font-size: 0.7em ;
	    bottom:20px;
	}

	.design{
		font-size: 0.7em ;
	}



}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 576px) {

    #control{
        color:green ;
    }
    

	.ventajas{
		height: 70px ;
		width: 100% ;
		max-width: 700px ;
		margin: 0 auto ;

	} 

	.ventajas ul {
		display: none ;
	}




	.formulario{
		top: 90px ;
		left: 0 ;
	}

	.footer{
		font-size: 0.8em ;
	    bottom:20px;
	}


	.design{
		font-size: 0.8em ;
	}


}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 768px) {

    #control{
        color:blue ;
    }
    
	.ventajas{
		height: 70px ;
		width: 100% ;
		max-width: 700px ;
		margin: 0 auto ;

	} 

	.ventajas ul {
		display: none ;
	}




	.formulario{
		top: 90px ;
		left: 0 ;
	}

	.footer{
		font-size: 0.8em ;
	    bottom:20px;
	}


	.design{
		font-size: 0.8em ;
	}


 }


/* Large devices (large desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    #control{
        color:orange;
    }


	.ventajas{
		height: 70px ;
		width: 100% ;
		max-width: 700px ;
		margin: 0 auto ;

	} 

	.ventajas ul {
		display: none ;
	}




	.formulario{
		top: 90px ;
		left: 0 ;
	}


	.footer{
		font-size: 0.8em ;
	    bottom:23px;
	}



	.design{
		font-size: 0.9em ;
	}







 }



/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    #control{
        color:red;
    }


	.ventajas{
		width: 100% ;
		max-width: 1200px ;
		height: 250px ;
	}

	.ventajas ul {
		display: block;
	}



	.formulario{
		position: absolute;
		top: 10px ;
		left: 50px ;
		padding: 50px ;
		width: 100% ;
		max-width: 700px ;
	}


	.footer{
		font-size: 0.8em ;
	    bottom:25px;
	}


	.design{
		font-size: 1em ;
	}


 }